From ed5832438b3a7ff4d04d229ac2ad41ceb7cc500c Mon Sep 17 00:00:00 2001
From: Juthatip McDevitt <jtp@mcdevitt.tech>
Date: Sat, 15 Jun 2024 19:43:02 -0500
Subject: [PATCH] updated setting page

---
 hotel_booking/admin/settings.php | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/hotel_booking/admin/settings.php b/hotel_booking/admin/settings.php
index eae1858..31febab 100644
--- a/hotel_booking/admin/settings.php
+++ b/hotel_booking/admin/settings.php
@@ -233,9 +233,13 @@
                                         <label class="form-label" style="font-weight: 600;">Name</label>
                                         <input type="text" name="member_name" id="member_name_input" class="form-control shadow-none" required/>
                                     </div>
+                                    <div class="mb-3">
+                                        <label class="form-label" style="font-weight: 600;">Position</label>
+                                        <input type="text" name="member_position" id="member_position_input" class="form-control shadow-none" required/>
+                                    </div>
                                     <div class="mb-3">
                                         <label class="form-label" style="font-weight: 600;">Image</label>
-                                        <input type="file" name="member_img" id="member_img_input" class="form-control shadow-none" required/>
+                                        <input type="file" name="member_img" id="member_img_input" accept="[.jpg, .png, .webp, .jpeg]" class="form-control shadow-none" required/>
                                     </div>
                                 </div>
                                 <div class="modal-footer">
@@ -260,6 +264,11 @@
         let site_title_input = document.getElementById('site_title_input');
 
         let contact_setting_form = document.getElementById('contact_setting_form');
+        
+        let team_setting_form = document.getElementById('team_setting_form');
+        let member_name_input = document.getElementById('member_name_input');
+        let member_position_input = document.getElementById('member_position_input');
+        let member_img_input = document.getElementById('member_img_input');
 
         function get_general(){
             let site_title = document.getElementById('site_title');
@@ -392,6 +401,18 @@
             xhr.send(data_str);
         }
 
+        team_setting_form.addEventListener('submit', function(e){
+            e.preventDefault();
+            add_member();
+        })
+
+        function add_member(){
+            let data = new FormData();
+            data.append('name',member_name_input.value);
+            data.append('position',member_position_input.value);
+            data.append('image',member_img_input.files[0]);
+        }
+
 
         window.onload = function(){
             get_general();