change attribut feedback

src/routes/feedback/+page.svelte

@@ -12,12 +12,13 @@
     let checkout_date = '';
     let feedback = '';
     let errorMessage = '';
+    let book_process = '';
+    let airport_greet = '';
+    let arrival_greet = '';
+    let maintenance_proc = '';
+    let bf_service = '';
 
     // Star ratings (1-5)
-    let book_process = 0;
-    let airport_greet = 0;
-    let arrival_greet = 0;
-    let bf_service = 0;
     let overal_star = 0;
   
     // Boolean checkboxes
@@ -53,6 +54,7 @@
             arrival_greet,
             bf_service,
             overal_star,
+            maintenance_proc,
             extend_disc,
             nextstay_disc,
             become_sponsor
@@ -62,7 +64,6 @@
         console.error('Error submitting feedback:', error.message);
         errorMessage = 'Failed to submit feedback. Please try again.';
         } else {
-        // ✅ Send webhook
         try {
             await fetch(WEBHOOK_URL, {
             method: 'POST',
@@ -76,6 +77,7 @@
                 book_process,
                 airport_greet,
                 arrival_greet,
+                maintenance_proc,
                 bf_service,
                 overal_star,
                 extend_disc,
@@ -93,10 +95,11 @@
         checkin_date = '';
         checkout_date = '';
         feedback = '';
-        book_process = 0;
+        book_process = '';
-        airport_greet = 0;
+        airport_greet = '';
-        arrival_greet = 0;
+        arrival_greet = '';
-        bf_service = 0;
+        maintenance_proc = '';
+        bf_service = '';
         overal_star = 0;
         extend_disc = false;
         nextstay_disc = false;
@@ -145,31 +148,36 @@
     <label class="flex flex-col">
         Booking Process:
         <small class="text-sm text-gray-500 mb-1">Please highlights of the booking process (anything neglected by the staff or something done well by the staff)</small>
-        <StarRating bind:value={book_process} name="Booking Process" />
+        <textarea bind:value={book_process} placeholder="Write your feedback here..." required class="p-2 border rounded-md min-h-[120px]"></textarea>
       </label>
   
     <label class="flex flex-col">
       Airport Greeting and Transportation:
       <small class="text-sm text-gray-500 mb-1">Please highlights of the airport transfer experience (anything neglected by the staff or something done well by the staff)</small>
-      <StarRating bind:value={airport_greet} name="Airport Greeting" />
+      <textarea bind:value={airport_greet} placeholder="Write your feedback here..." required class="p-2 border rounded-md min-h-[120px]"></textarea>
     </label>
   
     <label class="flex flex-col">
       Arrival & Check-in:
       <small class="text-sm text-gray-500 mb-1">Please highlights of the arrival and check-in process(anything neglected by the staff or something done well by the staff)</small>
-      <StarRating bind:value={arrival_greet} name="Arrival Greeting" />
+      <textarea bind:value={arrival_greet} placeholder="Write your feedback here..." required class="p-2 border rounded-md min-h-[120px]"></textarea>
     </label>
   
     <label class="flex flex-col">
       Breakfast Service or other food and beverage service utilized:
       <small class="text-sm text-gray-500 mb-1">Please highlighs of the breakfast service(anything neglected by the staff or something done well by the staff)</small>
-      <StarRating bind:value={bf_service} name="Breakfast Service" />
+      <textarea bind:value={bf_service} placeholder="Write your feedback here..." required class="p-2 border rounded-md min-h-[120px]"></textarea>
     </label>
-  
+    <label class="flex flex-col">
-
+        Housekeeping and Maintenance:
-    <label for="fb_ov">What did you think of the villa in General</label>
+        <small class="text-sm text-gray-500 mb-1">Please highlighs of the housekeeping and maintenance service(anything neglected by the staff or something done well by the staff)</small>
+        <textarea bind:value={maintenance_proc} placeholder="Write your feedback here..." required class="p-2 border rounded-md min-h-[120px]"></textarea>
+    </label>  
+    <label class="flex flex-col">
+      What did you think of the villa in General:
       <small class="text-sm text-gray-500 mb-1">Did you have any other issue of area you would like to highligh during stay? Please let us know any other comments you have - the good, the bad, and the ugly</small>
-    <textarea id="fb_ov" bind:value={feedback} placeholder="Write your feedback here..." required class="p-2 border rounded-md min-h-[120px]"></textarea>
+      <textarea bind:value={feedback} placeholder="Write your feedback here..." required class="p-2 border rounded-md min-h-[120px]"></textarea>
+    </label>
     <!-- Centered big star-->
     <div class="text-center mt-6">
         <small class="text-sm text-gray-500 block mb-2">