Added form to add new hotels

AA25 · Jun 15, 2024 · 9d747ec · 9d747ec
1 parent b8d8826
commit 9d747ec
Show file tree

Hide file tree

Showing 2 changed files with 64 additions and 3 deletions.
diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
@@ -3,8 +3,69 @@ import LogoutForm from "@/ui/auth/logout-form";
 export default function Page() {
     return (
         <div>
+
             <h1>Admin Page</h1>
             <LogoutForm />
+            <div>
+                <h2>Add a hotel</h2>
+                <form id="add-hotel-form" action="" encType="multipart/form-data">
+                    <div className="mb-3">
+                        <label htmlFor={"hotelName"} className="form-label">Name</label>
+                        <input
+                            id="hotelName"
+                            className="form-control"
+                            type="text"
+                            name="hotelName"
+                            placeholder="Enter Hotel name"
+                            maxLength={100}
+                            required
+                        />
+                    </div>
+                    <div className="mb-3">
+                        <label htmlFor={"hotelRating"} className="form-label">Rating</label>
+                        <input
+                            id="hotelRating"
+                            className="form-control"
+                            type="number"
+                            name="hotelRating"
+                            placeholder="Enter Hotels rating"
+                            min="1" max="5" defaultValue="5"
+                            required
+                        />
+                    </div>
+                    <div className="mb-3">
+                        <label htmlFor={"hotelCity"} className="form-label">City</label>
+                        <select name="hotelCity" id="hotelCity" className="form-select" defaultValue="Sydney" required>
+                            <option value="Sydney">Sydney</option>
+                            <option value="London">London</option>
+                            <option value="Paris">Paris</option>
+                        </select>
+                    </div>
+                    <div className="mb-3">
+                        <label htmlFor={"hotelPrice"} className="form-label">Price</label>
+                        <input
+                            id="hotelPrice"
+                            className="form-control"
+                            type="number"
+                            name="hotelPrice"
+                            placeholder="0"
+                            min="1" max="1000"
+                            required
+                        />
+                    </div>
+                    <div className="mb-3">
+                        <label htmlFor={"hotelPhoto"} className="form-label">Upload Photo</label>
+                        <input
+                            id="hotelPhoto"
+                            className="form-control"
+                            type="file"
+                            name="hotelPhoto"
+                            required
+                        />
+                    </div>
+                    <button type="submit" className="btn btn-primary">Submit</button>
+                </form>
+            </div>
         </div>
     )
 }
diff --git a/src/ui/auth/logout-form.tsx b/src/ui/auth/logout-form.tsx
@@ -3,9 +3,9 @@ import { handleSignOut } from "@/lib/cognitoActions";
 
 export default function LogoutForm() {
     return (
-        <form action={handleSignOut}>
-            <button>
-                <div>Sign Out</div>
+        <form action={handleSignOut} className="mb-3">
+            <button type="submit" className="btn btn-warning">
+                Sign Out
             </button>
         </form>
     );