From e148a8f38f9d6014d280fc19026c1732977d7298 Mon Sep 17 00:00:00 2001
From: Juthatip McDevitt <jtp@mcdevitt.tech>
Date: Mon, 17 Jun 2024 11:42:13 -0500
Subject: [PATCH] updated contact page and connect with backrnd

---
 hotel_booking/components/header.php |   4 ++
 hotel_booking/contact.php           | 103 +++++++++++++++++++++++++---
 2 files changed, 97 insertions(+), 10 deletions(-)
diff --git a/hotel_booking/components/header.php b/hotel_booking/components/header.php
index 579740c..0260fab 100644
--- a/hotel_booking/components/header.php
+++ b/hotel_booking/components/header.php
@@ -1,3 +1,7 @@
+<?php
+    require('admin/components/db_config.php');
+    require('admin/components/utils.php');
+?>
 <!--Navbar section (bootstrap)-->
 <div class="wrap w-100">
     <div class="row align-items-center m-0 d-none d-md-flex sticky-top">
diff --git a/hotel_booking/contact.php b/hotel_booking/contact.php
index 2836ceb..4a45182 100644
--- a/hotel_booking/contact.php
+++ b/hotel_booking/contact.php
@@ -123,6 +123,7 @@
             transform: rotate(180deg);
         }
         
+        
         @media (max-width:980px) {
             .contact-container{
                 flex-direction: column;
@@ -157,7 +158,58 @@
             .accordion-header{
                 font-size: 20px;
             }
+            .contact-form-title{
+                margin-top: 0px;
+            }
         }
+        input[type=text], input[type=email], select, textarea {
+            display: inline-block;
+            box-sizing: border-box;
+            vertical-align: top;
+            width: 100%;
+            height: 30px;
+            margin-bottom: 10px;
+            padding: 20px 0px 20px 10px;
+            color: #333;
+            text-align: left;
+            border: 1px solid #747264;
+            background-color: #F6F4F3;
+            border-radius: 4px;
+            background-clip: padding-box;
+            outline: none;
+            resize: none;
+        }
+
+        input[type=submit] {
+            border: 1px solid #747264;
+            background-color: #F6F4F3;
+            border-radius: 4px;
+            color: black;
+            cursor: pointer;
+            display: inline-block;
+            width: 100%;
+            text-align: center;
+            white-space: nowrap;
+            padding: 10px 15px 10px;
+        }
+        input[type=submit]:hover{
+            background-color: #747264;
+            color: white;
+            transition: all 0.5s ease;
+        }
+        .contact-form-container {
+            max-width: 910px;
+            margin: 30px 20px 50px 20px;
+            background-color: #fff;
+            padding: 20px;
+            border: 1px solid #747264;
+        }
+        .contact-form-title{
+            margin-top: 100px;
+            padding-bottom: 10px;
+            text-align: center;"
+        }
+
     </style>
 </head>
 <body>
@@ -171,12 +223,18 @@
             </div>
         </div>
     </div>
+    <?php 
+        $contact_q = "SELECT * FROM `contact_detail` WHERE `sr_no`=?";
+        $values = [1];
+        $contact_r = mysqli_fetch_assoc(select($contact_q, $values, 'i'))
+    ?>
     <div class="panel" data-color="white">
         <div class="contact-container">
             <div class="contact-wrapper">
                 <p style="margin-bottom: 50px; color: #BFB4A4; font-weight: 500; letter-spacing: 1px;">Address</p>
                 <p style="text-align: center; font-size: 28px;">Midtown Hotel</p>
-                <p style="text-align: center;">36381 Trantow Hill, New Port, FL 57941</p>
+                <!--<p style="text-align: center;">36381 Trantow Hill, New Port, FL 57941</p>-->
+                <p style="text-align: center;"><?php echo $contact_r['address']?></p>
                 <div class="col-lg-12 text-center mt-5 mb-2">
                     <a href="https://www.google.com/maps/place/Florida/@28.1703405,-82.5355157,7.46z/data=!4m6!3m5!1s0x88c1766591562abf:0xf72e13d35bc74ed0!8m2!3d27.6648274!4d-81.5157535!16zL20vMDJ4cnk?entry=ttu" class="btn-th">Open map</a>
                 </div>
@@ -204,11 +262,11 @@
                         </div>
                         <div class="accordion-area">
                             <p style="font-weight: 500; font-size: 18px">Phone</p>
-                            <p>+1 (123) 456-7891</p>
+                            <p><?php echo $contact_r['booking_phone']?></p>
                         </div>
                         <div class="accordion-area accordion-area_">
                             <p style="font-weight: 500; font-size: 18px">Email</p>
-                            <p>accombooking@midtownhotel.com</p>
+                            <p><?php echo $contact_r['booking_email']?></p>
                         </div>
                     </div>
                 </div>
@@ -229,11 +287,11 @@
                         </div>
                         <div class="accordion-area">
                             <p style="font-weight: 500; font-size: 18px">Phone</p>
-                            <p>+1 (123) 456-7892</p>
+                            <p><?php echo $contact_r['reserve_phone']?></p>
                         </div>
                         <div class="accordion-area accordion-area_">
                             <p style="font-weight: 500; font-size: 18px">Email</p>
-                            <p>reservationsg@midtownhotel.com</p>
+                            <p><?php echo $contact_r['reserve_email']?></p>
                         </div>
                     </div>
                 </div>
@@ -254,11 +312,11 @@
                         </div>
                         <div class="accordion-area">
                             <p style="font-weight: 500; font-size: 18px">Phone</p>
-                            <p>+1 (123) 456-7890</p>
+                            <p><?php echo $contact_r['recep_phone']?></p>
                         </div>
                         <div class="accordion-area accordion-area_">
                             <p style="font-weight: 500; font-size: 18px">Email</p>
-                            <p>reception@midtownhotel.com</p>
+                            <p><?php echo $contact_r['recep_email']?></p>
                         </div>
                     </div>
                 </div>
@@ -279,15 +337,26 @@
                         </div>
                         <div class="accordion-area">
                             <p style="font-weight: 500; font-size: 18px">Hotel Manager</p>
-                            <p style="text-align: center;">Fakey McFaker</p>
+                            <?php
+                                $team_r = selectAll('team_detail');
+                                $path = MANAGMENT_IMG_PATH;
+                                while($row = mysqli_fetch_assoc($team_r)){
+                                    echo <<<data
+                                        <div>
+                                            <img src="$path$row[image]" style="width:100px; height: 100px; object-fit: cover;"/>
+                                            <p style="margin-top: 10px; text-align: center;">$row[name]</p>
+                                        </div>
+                                    data;
+                                }
+                            ?>    
                         </div>
                         <div class="accordion-area">
                             <p style="font-weight: 500; font-size: 18px">Phone</p>
-                            <p style="text-align: center;">+1 (123) 456-7899</p>
+                            <p style="text-align: center;"><?php echo $contact_r['offi_phone']?></p>
                         </div>
                         <div class="accordion-area accordion-area_">
                             <p style="font-weight: 500; font-size: 18px">Email</p>
-                            <p style="text-align: center;">officmanager@midtownhotel.com</p>
+                            <p style="text-align: center;"><?php echo $contact_r['offi_email']?></p>
                         </div>
                     </div>
                 </div>
@@ -295,6 +364,20 @@
         </div>
     </div>
 
+    <div class="panel" data-color="pink" style="min-height: 100%;">
+        <h1 class="contact-form-title">Contact Form</h1>
+        <p style="text-align: center; margin-left: 20px; margin-right: 20px;">Can't find the contact and information you're looking for? Write to us via this quick form.</p>
+        <div class="contact-form-container">
+            <form>
+                <input type="text" id="name"  placeholder="Your Name">
+                <input type="email" placeholder="Email" size="30" required></label>
+                <input type="text" id="subject"  placeholder="Subject">
+                <textarea id="message" placeholder="Message" style="height:200px" required></textarea>
+                <input type="submit" value="Send">
+            </form>
+        </div>
+    </div>
+
      <!--footer-->
      <?php require('./components/footer.php'); ?>
 
