Providing feedback when searching by room, and connecting to the reservation page

internal/handlers/handlers.go

@@ -245,9 +245,12 @@ func (m *Repository) PostAvailability(w http.ResponseWriter, r *http.Request) {
 	})
 }
 
-type responseJSON struct {
-	OK      bool   `json:"ok"`
-	Message string `json:"message"`
+type jsonResponse struct {
+	OK        bool   `json:"ok"`
+	Message   string `json:"message"`
+	RoomID    string `json:"room_id"`
+	StartDate string `json:"start_date"`
+	EndDate   string `json:"end_date"`
 }
 
 // AvailabilityJSON is the search for availability page handler
@@ -279,9 +282,12 @@ func (m *Repository) AvailabilityJSON(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 
-	resp := responseJSON{
-		OK:      available,
-		Message: "",
+	resp := jsonResponse{
+		OK:        available,
+		Message:   "",
+		StartDate: sd,
+		EndDate:   ed,
+		RoomID:    strconv.Itoa(roomID),
 	}
 
 	out, err := json.MarshalIndent(resp, "", "    ")

templates/base.layout.tmpl

@@ -183,16 +183,20 @@
 
                 async function custom(c) {
                     const {
+                        icon = "",
                         msg = "",
                         title = "",
+                        showConfirmButton = true,
                     } = c;
 
                     const {value: result} = await Swal.fire({
+                        icon: icon,
                         title: title,
                         html: msg,
                         backdrop: false,
                         focusConfirm: false,
                         showCancelButton: true,
+                        showConfirmButton: showConfirmButton,
                         willOpen: () => {
                             if (c.willOpen !== undefined) {
                                 c.willOpen();

templates/generals.page.tmpl

@@ -43,7 +43,8 @@
                     </div>
                 </form>
             `;
-        Prompt().custom({
+        let attention = Prompt()
+        attention.custom({
             title: "Choose your dates",
             msg: html,
             willOpen: () => {
@@ -74,8 +75,25 @@
                     .then(data => {
                         if (data.ok) {
                             console.log("room is available")
+                            attention.custom({
+                                icon: "success",
+                                // TODO: use the default ok button instead
+                                msg: '<p>Room is available</p>' +
+                                     '<p><a href="/book-room?id=' +
+                                    data.room_id +
+                                    '&s=' +
+                                    data.start_date +
+                                    '&e=' +
+                                    data.end_date +
+                                    '" class="btn btn-primary">' +
+                                     'Book now!</a></p>',
+                                showConfirmButton: false,
+                            });
                         } else {
                             console.log("room is not available")
+                            attention.error({
+                                msg: "No availability"
+                            });
                         }
                     })
             },