update

client/src/pages/customer/RoomDetailPage.tsx

@@ -46,7 +46,7 @@ const RoomDetailPage: React.FC = () => {
       console.error('Error fetching room:', err);
       const message =
         err.response?.data?.message ||
-        'Không thể tải thông tin phòng';
+        'Unable to load room information';
       setError(message);
     } finally {
       setLoading(false);
@@ -109,7 +109,7 @@ const RoomDetailPage: React.FC = () => {
             disabled:bg-gray-400 mb-6 transition-colors"
         >
           <ArrowLeft className="w-5 h-5" />
-          <span>Quay lại danh sách phòng</span>
+          <span>Back to room list</span>
         </Link>
 
         {/* Image Gallery */}
@@ -138,14 +138,14 @@ const RoomDetailPage: React.FC = () => {
                 <div className="flex items-center gap-2">
                   <MapPin className="w-5 h-5" />
                   <span>
-                    Phòng {room.room_number} - Tầng {room.floor}
+                    Room {room.room_number} - Floor {room.floor}
                   </span>
                 </div>
                 
                 <div className="flex items-center gap-2">
                   <Users className="w-5 h-5" />
                   <span>
-                    {roomType?.capacity || 0} người
+                    {roomType?.capacity || 0} guests
                   </span>
                 </div>
 
@@ -176,10 +176,10 @@ const RoomDetailPage: React.FC = () => {
                   }`}
               >
                 {room.status === 'available'
-                  ? 'Còn phòng'
+                  ? 'Available'
                   : room.status === 'occupied'
-                  ? 'Đã đặt'
-                  : 'Bảo trì'}
+                  ? 'Booked'
+                  : 'Maintenance'}
               </div>
             </div>
 
@@ -189,7 +189,7 @@ const RoomDetailPage: React.FC = () => {
                 <h2 className="text-2xl font-bold 
                   text-gray-900 mb-4"
                 >
-                  Mô tả phòng
+                  Room Description
                 </h2>
                 <p className="text-gray-700 leading-relaxed">
                   {roomType.description}
@@ -202,7 +202,7 @@ const RoomDetailPage: React.FC = () => {
               <h2 className="text-2xl font-bold 
                 text-gray-900 mb-4"
               >
-                Tiện ích
+                Amenities
               </h2>
               <RoomAmenities
                 amenities={
@@ -223,7 +223,7 @@ const RoomDetailPage: React.FC = () => {
                   <div className="text-3xl font-extrabold text-indigo-600">
                     {formattedPrice}
                   </div>
-                  <div className="text-sm text-gray-500">/ đêm</div>
+                  <div className="text-sm text-gray-500">/ night</div>
                 </div>
               </div>
 
@@ -239,13 +239,13 @@ const RoomDetailPage: React.FC = () => {
                     if (room.status !== 'available') e.preventDefault();
                   }}
                 >
-                  {room.status === 'available' ? 'Đặt ngay' : 'Không khả dụng'}
+                  {room.status === 'available' ? 'Book Now' : 'Not Available'}
                 </Link>
               </div>
 
               {room.status === 'available' && (
                 <p className="text-sm text-gray-500 text-center mt-3">
-                  Không bị tính phí ngay — thanh toán tại khách sạn
+                  No immediate charge — pay at the hotel
                 </p>
               )}
 
@@ -253,15 +253,15 @@ const RoomDetailPage: React.FC = () => {
 
               <div className="text-sm text-gray-700 space-y-2">
                 <div className="flex items-center justify-between">
-                  <span>Loại phòng</span>
+                  <span>Room Type</span>
                   <strong>{roomType?.name}</strong>
                 </div>
                 <div className="flex items-center justify-between">
-                  <span>Số khách</span>
-                  <span>{roomType?.capacity} người</span>
+                  <span>Guests</span>
+                  <span>{roomType?.capacity} guests</span>
                 </div>
                 <div className="flex items-center justify-between">
-                  <span>Số phòng</span>
+                  <span>Rooms</span>
                   <span>1</span>
                 </div>
               </div>