WWWWWW

Current Directory: /home/u588966950/domains/vtsinfotech.online/public_html/swanayurbed
Viewing File: /home/u588966950/domains/vtsinfotech.online/public_html/swanayurbed/index(11.03.2026 20:00).php
<?php
ob_start();
session_start();
include 'conn.php';
?>
<!doctype html>
<?php
if (isset($_POST['savebtn'])) {

   $result = mysqli_query($conn, "SELECT COUNT(*) as total FROM tbl_rooms_booking");
   $row = mysqli_fetch_assoc($result);
   $count = (int)$row['total'] + 1;
   $booking_id = 'BKID' . str_pad($count, 6, '0', STR_PAD_LEFT);

   $custname   = mysqli_real_escape_string($conn, $_POST['custname']);
   $phoneno    = mysqli_real_escape_string($conn, $_POST['phoneno']);
   $emailid    = mysqli_real_escape_string($conn, $_POST['emailid']);
   $address    = mysqli_real_escape_string($conn, $_POST['address']);
   $gender     = mysqli_real_escape_string($conn, $_POST['gender']);
   // $basicvalue = mysqli_real_escape_string($conn, $_POST['basicvalue']);

   $programme  = (int)$_POST['programme'];
   $roomtype   = mysqli_real_escape_string($conn, $_POST['roomtype']);
   $type       = mysqli_real_escape_string($conn, $_POST['type']);
   $couple     = ($type == 'Couple') ? 'Yes' : 'No';

   $categoryid = (int)$_POST['categoryid'];

   $checkindate  = mysqli_real_escape_string($conn, $_POST['checkindate']);
   $checkoutdate = mysqli_real_escape_string($conn, $_POST['checkoutdate']);

   $createdate = date('Y-m-d H:i:s');

   if ($programme == 0 || $categoryid == 0 || $checkindate == '' || $checkoutdate == '') {
      $_SESSION['error'] = 'Please choose Programme, Dates and Category.';
   } else {

      $sql = "INSERT INTO tbl_rooms_booking 
        (custname, phoneno, address, emailid, gender,programme, categoryid, type, roomtype, couple, bookingid, checkindate, checkoutdate, createdate, status) 
        VALUES 
        ('$custname','$phoneno','$address','$emailid','$gender','$programme','$categoryid','$type','$roomtype','$couple','$booking_id','$checkindate','$checkoutdate','$createdate','Pending')";

      if ($conn->query($sql)) {

         $_SESSION['booking_popup'] = [
            'bookingid' => $booking_id,
            'custname'  => $custname,
            'type'      => $type,
            'roomtype'  => $roomtype,
            'phone'     => $phoneno
         ];

         header("Location: " . $_SERVER['PHP_SELF']); // reload same page
         exit();
      } else {
         $_SESSION['error'] = 'Something went wrong';
      }
   }
}
?>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<!-- /Added by HTTrack -->

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="google-site-verification" content="XeGnCnLIck-suOmN24BCr8K_WrpKwQSVHgf57T7KE8E" />
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <title>Ayurveda Goa | Ayurveda Treatments Goa | Ayurveda Clinic Goa |� Ayurveda India</title>
   <meta name='robots' content='max-image-preview:large' />
   <!-- This site is optimized with the Yoast SEO Premium plugin v3.7.2 - https://yoast.com/wordpress/plugins/seo/ -->
   <meta name="description" content="Ayurveda clinic retreat and treatment center located in the tranquil village of north goa, india. Providing Panchakarma and all the major ayurvedic therapies and treatments." />
   <meta name="robots" content="noodp" />
   <link rel="canonical" href="index.html" />
   <link rel="publisher" href="https://plus.google.com/b/104248338190059920537/104248338190059920537/posts?gmbpt=true&amp;hl=en-GB" />
   <meta property="og:locale" content="en_US" />
   <meta property="og:type" content="website" />
   <meta property="og:title" content="Ayurveda Goa | Ayurveda Treatments Goa | Ayurveda Clinic Goa |� Ayurveda India" />
   <meta property="og:description" content="Ayurveda clinic retreat and treatment center located in the tranquil village of north goa, india. Providing Panchakarma and all the major ayurvedic therapies and treatments." />
   <meta property="og:url" content="index.html" />
   <meta property="og:site_name" content="SWAN Ayurveda - Goa" />
   <meta property="og:image" content="wp-content/uploads/2016/04/ayu3.2115946_std-1.jpg" />
   <meta property="og:image" content="wp-content/uploads/2016/04/dhanvantari-1.jpg" />
   <meta property="og:image" content="wp-content/uploads/2016/05/Untitled-1.jpg" />
   <meta name="twitter:card" content="summary_large_image" />
   <meta name="twitter:description" content="Ayurveda clinic retreat and treatment center located in the tranquil village of north goa, india. Providing Panchakarma and all the major ayurvedic therapies and treatments." />
   <meta name="twitter:title" content="Ayurveda Goa | Ayurveda Treatments Goa | Ayurveda Clinic Goa |� Ayurveda India" />
   <meta name="twitter:site" content="@SWAN_YOGA_GOA" />
   <meta name="twitter:image" content="wp-content/uploads/2014/03/56b007520b04512cde6e197a-e1462185798804-300x300.jpg" />
   <meta name="twitter:creator" content="@SWAN_YOGA_GOA" />
   <meta property="DC.date.issued" content="2014-03-10T20:30:58+00:00" />
   <meta name="msvalidate.01" content="67414D1317C9C28F049EDC8F7D4BF970" />
   <meta name="google-site-verification" content="wqgKpCXgfA5aSDh2h4mRounZTgqL6fg63aUSCBUU1To" />
   <meta name="yandex-verification" content="dcec38f29e8e23eb" />
   <!-- / Yoast SEO Premium plugin. -->
   <link rel='dns-prefetch' href='http://maps.googleapis.com/' />
   <link rel='dns-prefetch' href='http://stats.wp.com/' />
   <link rel='dns-prefetch' href='http://v0.wordpress.com/' />
   <link rel="alternate" type="application/rss+xml" title="SWAN Ayurveda - Goa &raquo; Feed" href="feed/index.html" />
   <link rel="alternate" type="application/rss+xml" title="SWAN Ayurveda - Goa &raquo; Comments Feed" href="comments/feed/index.html" />
   <link rel="alternate" type="application/rss+xml" title="SWAN Ayurveda - Goa &raquo; Home Comments Feed" href="home/feed/index.html" />
   <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="wp-json/oembed/1.0/embedf105.json?url=https%3A%2F%2Fswanayurveda.com%2F" />
   <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="wp-json/oembed/1.0/embed0324?url=https%3A%2F%2Fswanayurveda.com%2F&amp;format=xml" />
 
   <style>
      * {
         box-sizing: border-box;
         margin: 0;
         padding: 0;
         font-family: "Book Antiqua", serif
      }

      body {
         background: #f6f7fb
      }

      .booking-container {
         width: 100%;
         max-width: 980px;
         background: #fff;
         border-radius: 16px;
         box-shadow: 0 18px 55px rgba(0, 0, 0, .10);
         overflow: hidden;
         display: grid;
         grid-template-columns: 300px 1fr;
         margin: 30px auto;
      }

      .left-panel {
         background: linear-gradient(180deg, #507737 0%, #3f5f2c 100%);
         color: #fff;
         padding: 36px 32px;
         display: flex;
         flex-direction: column;
         justify-content: center;
      }

      .left-panel h2 {
         font-size: 28px;
         margin-bottom: 10px;
         letter-spacing: .3px
      }

      .left-panel p {
         opacity: .92;
         font-size: 14px;
         line-height: 1.7
      }

      .form-panel {
         padding: 34px 34px 38px
      }

      .form-title {
         font-size: 24px;
         margin-bottom: 18px;
         color: #507737
      }

      .form-grid {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 16px;
      }

      .form-group {
         display: flex;
         flex-direction: column;
         gap: 7px
      }

      .form-group.full {
         grid-column: 1/-1
      }

      label {
         font-size: 14px;
         font-weight: 700;
         color: #1f2937
      }

      input,
      select,
      textarea {
         width: 100%;
         padding: 12px 12px;
         border-radius: 10px;
         border: 1px solid #e5e7eb;
         font-size: 14px;
         background: #fff;
         transition: .2s;
      }

      textarea {
         min-height: 92px;
         resize: vertical
      }

      input:focus,
      select:focus,
      textarea:focus {
         outline: none;
         border-color: #507737;
         box-shadow: 0 0 0 3px rgba(80, 119, 55, .16);
      }

      .date-group {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 14px
      }

      .avail-head {
         display: flex;
         align-items: flex-end;
         justify-content: space-between;
         margin: 10px 0 10px
      }

      .avail-head h4 {
         color: #111827;
         font-size: 16px
      }

      .avail-head small {
         color: #6b7280
      }

      .cat-grid {
         display: grid;
         grid-template-columns: repeat(3, minmax(0, 1fr));
         gap: 12px;
      }

      .catpanel {
         border: 1px solid #e5e7eb;
         border-radius: 12px;
         padding: 12px;
         cursor: pointer;
         transition: .15s;
         background: #fff;
      }

      .catpanel:hover {
         transform: translateY(-1px);
         box-shadow: 0 10px 20px rgba(0, 0, 0, .06)
      }

      .catpanel.disabled {
         opacity: .5;
         cursor: not-allowed
      }

      .catpanel .t {
         font-weight: 800;
         color: #111827;
         font-size: 14px
      }

      .catpanel .s {
         color: #6b7280;
         font-size: 12px;
         margin-top: 4px
      }

      button {
         margin-top: 18px;
         background: #507737;
         border: none;
         color: #fff;
         padding: 13px 16px;
         font-size: 15px;
         border-radius: 10px;
         cursor: pointer;
         transition: .2s;
         font-weight: 800;
         width: 100%;
      }

      button:hover {
         background: #3f5f2c
      }

      @media(max-width:900px) {
         .booking-container {
            grid-template-columns: 1fr
         }

         .left-panel {
            display: none
         }

         .form-grid {
            grid-template-columns: 1fr
         }

         .date-group {
            grid-template-columns: 1fr
         }

         .cat-grid {
            grid-template-columns: 1fr 1fr
         }
      }

      @media(max-width:520px) {
         .cat-grid {
            grid-template-columns: 1fr
         }
      }
   </style>
   <style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
      img:is([sizes=auto i], [sizes^="auto," i]) {
         contain-intrinsic-size: 3000px 1500px
      }

      /*# sourceURL=wp-img-auto-sizes-contain-inline-css */
   </style>
   <style id='wp-emoji-styles-inline-css' type='text/css'>
      img.wp-smiley,
      img.emoji {
         display: inline !important;
         border: none !important;
         box-shadow: none !important;
         height: 1em !important;
         width: 1em !important;
         margin: 0 0.07em !important;
         vertical-align: -0.1em !important;
         background: none !important;
         padding: 0 !important;
      }

      /*# sourceURL=wp-emoji-styles-inline-css */
   </style>
   <style id='wp-block-library-inline-css' type='text/css'>
      :root {
         --wp-block-synced-color: #7a00df;
         --wp-block-synced-color--rgb: 122, 0, 223;
         --wp-bound-block-color: var(--wp-block-synced-color);
         --wp-editor-canvas-background: #ddd;
         --wp-admin-theme-color: #007cba;
         --wp-admin-theme-color--rgb: 0, 124, 186;
         --wp-admin-theme-color-darker-10: #006ba1;
         --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
         --wp-admin-theme-color-darker-20: #005a87;
         --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
         --wp-admin-border-width-focus: 2px
      }

      @media (min-resolution:192dpi) {
         :root {
            --wp-admin-border-width-focus: 1.5px
         }
      }

      .wp-element-button {
         cursor: pointer
      }

      :root .has-very-light-gray-background-color {
         background-color: #eee
      }

      :root .has-very-dark-gray-background-color {
         background-color: #313131
      }

      :root .has-very-light-gray-color {
         color: #eee
      }

      :root .has-very-dark-gray-color {
         color: #313131
      }

      :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
         background: linear-gradient(135deg, #00d084, #0693e3)
      }

      :root .has-purple-crush-gradient-background {
         background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
      }

      :root .has-hazy-dawn-gradient-background {
         background: linear-gradient(135deg, #faaca8, #dad0ec)
      }

      :root .has-subdued-olive-gradient-background {
         background: linear-gradient(135deg, #fafae1, #67a671)
      }

      :root .has-atomic-cream-gradient-background {
         background: linear-gradient(135deg, #fdd79a, #004a59)
      }

      :root .has-nightshade-gradient-background {
         background: linear-gradient(135deg, #330968, #31cdcf)
      }

      :root .has-midnight-gradient-background {
         background: linear-gradient(135deg, #020381, #2874fc)
      }

      :root {
         --wp--preset--font-size--normal: 16px;
         --wp--preset--font-size--huge: 42px
      }

      .has-regular-font-size {
         font-size: 1em
      }

      .has-larger-font-size {
         font-size: 2.625em
      }

      .has-normal-font-size {
         font-size: var(--wp--preset--font-size--normal)
      }

      .has-huge-font-size {
         font-size: var(--wp--preset--font-size--huge)
      }

      .has-text-align-center {
         text-align: center
      }

      .has-text-align-left {
         text-align: left
      }

      .has-text-align-right {
         text-align: right
      }

      .has-fit-text {
         white-space: nowrap !important
      }

      #end-resizable-editor-section {
         display: none
      }

      .aligncenter {
         clear: both
      }

      .items-justified-left {
         justify-content: flex-start
      }

      .items-justified-center {
         justify-content: center
      }

      .items-justified-right {
         justify-content: flex-end
      }

      .items-justified-space-between {
         justify-content: space-between
      }

      .screen-reader-text {
         border: 0;
         clip-path: inset(50%);
         height: 1px;
         margin: -1px;
         overflow: hidden;
         padding: 0;
         position: absolute;
         width: 1px;
         word-wrap: normal !important
      }

      .screen-reader-text:focus {
         background-color: #ddd;
         clip-path: none;
         color: #444;
         display: block;
         font-size: 1em;
         height: auto;
         left: 5px;
         line-height: normal;
         padding: 15px 23px 14px;
         text-decoration: none;
         top: 5px;
         width: auto;
         z-index: 100000
      }

      html :where(.has-border-color) {
         border-style: solid
      }

      html :where([style*=border-top-color]) {
         border-top-style: solid
      }

      html :where([style*=border-right-color]) {
         border-right-style: solid
      }

      html :where([style*=border-bottom-color]) {
         border-bottom-style: solid
      }

      html :where([style*=border-left-color]) {
         border-left-style: solid
      }

      html :where([style*=border-width]) {
         border-style: solid
      }

      html :where([style*=border-top-width]) {
         border-top-style: solid
      }

      html :where([style*=border-right-width]) {
         border-right-style: solid
      }

      html :where([style*=border-bottom-width]) {
         border-bottom-style: solid
      }

      html :where([style*=border-left-width]) {
         border-left-style: solid
      }

      html :where(img[class*=wp-image-]) {
         height: auto;
         max-width: 100%
      }

      :where(figure) {
         margin: 0 0 1em
      }

      html :where(.is-position-sticky) {
         --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px)
      }

      @media screen and (max-width:600px) {
         html :where(.is-position-sticky) {
            --wp-admin--admin-bar--position-offset: 0px
         }
      }

      /*# sourceURL=wp-block-library-inline-css */
   </style>
   <style id='global-styles-inline-css' type='text/css'>
      :root {
         --wp--preset--aspect-ratio--square: 1;
         --wp--preset--aspect-ratio--4-3: 4/3;
         --wp--preset--aspect-ratio--3-4: 3/4;
         --wp--preset--aspect-ratio--3-2: 3/2;
         --wp--preset--aspect-ratio--2-3: 2/3;
         --wp--preset--aspect-ratio--16-9: 16/9;
         --wp--preset--aspect-ratio--9-16: 9/16;
         --wp--preset--color--black: #000000;
         --wp--preset--color--cyan-bluish-gray: #abb8c3;
         --wp--preset--color--white: #ffffff;
         --wp--preset--color--pale-pink: #f78da7;
         --wp--preset--color--vivid-red: #cf2e2e;
         --wp--preset--color--luminous-vivid-orange: #ff6900;
         --wp--preset--color--luminous-vivid-amber: #fcb900;
         --wp--preset--color--light-green-cyan: #7bdcb5;
         --wp--preset--color--vivid-green-cyan: #00d084;
         --wp--preset--color--pale-cyan-blue: #8ed1fc;
         --wp--preset--color--vivid-cyan-blue: #0693e3;
         --wp--preset--color--vivid-purple: #9b51e0;
         --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
         --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
         --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
         --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
         --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
         --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
         --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
         --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
         --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
         --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
         --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
         --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
         --wp--preset--font-size--small: 13px;
         --wp--preset--font-size--medium: 20px;
         --wp--preset--font-size--large: 36px;
         --wp--preset--font-size--x-large: 42px;
         --wp--preset--spacing--20: 0.44rem;
         --wp--preset--spacing--30: 0.67rem;
         --wp--preset--spacing--40: 1rem;
         --wp--preset--spacing--50: 1.5rem;
         --wp--preset--spacing--60: 2.25rem;
         --wp--preset--spacing--70: 3.38rem;
         --wp--preset--spacing--80: 5.06rem;
         --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
         --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
         --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
         --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
         --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
      }

      :where(.is-layout-flex) {
         gap: 0.5em;
      }

      :where(.is-layout-grid) {
         gap: 0.5em;
      }

      body .is-layout-flex {
         display: flex;
      }

      .is-layout-flex {
         flex-wrap: wrap;
         align-items: center;
      }

      .is-layout-flex> :is(*, div) {
         margin: 0;
      }

      body .is-layout-grid {
         display: grid;
      }

      .is-layout-grid> :is(*, div) {
         margin: 0;
      }

      :where(.wp-block-columns.is-layout-flex) {
         gap: 2em;
      }

      :where(.wp-block-columns.is-layout-grid) {
         gap: 2em;
      }

      :where(.wp-block-post-template.is-layout-flex) {
         gap: 1.25em;
      }

      :where(.wp-block-post-template.is-layout-grid) {
         gap: 1.25em;
      }

      .has-black-color {
         color: var(--wp--preset--color--black) !important;
      }

      .has-cyan-bluish-gray-color {
         color: var(--wp--preset--color--cyan-bluish-gray) !important;
      }

      .has-white-color {
         color: var(--wp--preset--color--white) !important;
      }

      .has-pale-pink-color {
         color: var(--wp--preset--color--pale-pink) !important;
      }

      .has-vivid-red-color {
         color: var(--wp--preset--color--vivid-red) !important;
      }

      .has-luminous-vivid-orange-color {
         color: var(--wp--preset--color--luminous-vivid-orange) !important;
      }

      .has-luminous-vivid-amber-color {
         color: var(--wp--preset--color--luminous-vivid-amber) !important;
      }

      .has-light-green-cyan-color {
         color: var(--wp--preset--color--light-green-cyan) !important;
      }

      .has-vivid-green-cyan-color {
         color: var(--wp--preset--color--vivid-green-cyan) !important;
      }

      .has-pale-cyan-blue-color {
         color: var(--wp--preset--color--pale-cyan-blue) !important;
      }

      .has-vivid-cyan-blue-color {
         color: var(--wp--preset--color--vivid-cyan-blue) !important;
      }

      .has-vivid-purple-color {
         color: var(--wp--preset--color--vivid-purple) !important;
      }

      .has-black-background-color {
         background-color: var(--wp--preset--color--black) !important;
      }

      .has-cyan-bluish-gray-background-color {
         background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
      }

      .has-white-background-color {
         background-color: var(--wp--preset--color--white) !important;
      }

      .has-pale-pink-background-color {
         background-color: var(--wp--preset--color--pale-pink) !important;
      }

      .has-vivid-red-background-color {
         background-color: var(--wp--preset--color--vivid-red) !important;
      }

      .has-luminous-vivid-orange-background-color {
         background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
      }

      .has-luminous-vivid-amber-background-color {
         background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
      }

      .has-light-green-cyan-background-color {
         background-color: var(--wp--preset--color--light-green-cyan) !important;
      }

      .has-vivid-green-cyan-background-color {
         background-color: var(--wp--preset--color--vivid-green-cyan) !important;
      }

      .has-pale-cyan-blue-background-color {
         background-color: var(--wp--preset--color--pale-cyan-blue) !important;
      }

      .has-vivid-cyan-blue-background-color {
         background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
      }

      .has-vivid-purple-background-color {
         background-color: var(--wp--preset--color--vivid-purple) !important;
      }

      .has-black-border-color {
         border-color: var(--wp--preset--color--black) !important;
      }

      .has-cyan-bluish-gray-border-color {
         border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
      }

      .has-white-border-color {
         border-color: var(--wp--preset--color--white) !important;
      }

      .has-pale-pink-border-color {
         border-color: var(--wp--preset--color--pale-pink) !important;
      }

      .has-vivid-red-border-color {
         border-color: var(--wp--preset--color--vivid-red) !important;
      }

      .has-luminous-vivid-orange-border-color {
         border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
      }

      .has-luminous-vivid-amber-border-color {
         border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
      }

      .has-light-green-cyan-border-color {
         border-color: var(--wp--preset--color--light-green-cyan) !important;
      }

      .has-vivid-green-cyan-border-color {
         border-color: var(--wp--preset--color--vivid-green-cyan) !important;
      }

      .has-pale-cyan-blue-border-color {
         border-color: var(--wp--preset--color--pale-cyan-blue) !important;
      }

      .has-vivid-cyan-blue-border-color {
         border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
      }

      .has-vivid-purple-border-color {
         border-color: var(--wp--preset--color--vivid-purple) !important;
      }

      .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
         background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
      }

      .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
         background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
      }

      .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
         background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
      }

      .has-luminous-vivid-orange-to-vivid-red-gradient-background {
         background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
      }

      .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
         background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
      }

      .has-cool-to-warm-spectrum-gradient-background {
         background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
      }

      .has-blush-light-purple-gradient-background {
         background: var(--wp--preset--gradient--blush-light-purple) !important;
      }

      .has-blush-bordeaux-gradient-background {
         background: var(--wp--preset--gradient--blush-bordeaux) !important;
      }

      .has-luminous-dusk-gradient-background {
         background: var(--wp--preset--gradient--luminous-dusk) !important;
      }

      .has-pale-ocean-gradient-background {
         background: var(--wp--preset--gradient--pale-ocean) !important;
      }

      .has-electric-grass-gradient-background {
         background: var(--wp--preset--gradient--electric-grass) !important;
      }

      .has-midnight-gradient-background {
         background: var(--wp--preset--gradient--midnight) !important;
      }

      .has-small-font-size {
         font-size: var(--wp--preset--font-size--small) !important;
      }

      .has-medium-font-size {
         font-size: var(--wp--preset--font-size--medium) !important;
      }

      .has-large-font-size {
         font-size: var(--wp--preset--font-size--large) !important;
      }

      .has-x-large-font-size {
         font-size: var(--wp--preset--font-size--x-large) !important;
      }

      /*# sourceURL=global-styles-inline-css */
   </style>
   <style id='classic-theme-styles-inline-css' type='text/css'>
      /*! This file is auto-generated */
      .wp-block-button__link {
         color: #fff;
         background-color: #32373c;
         border-radius: 9999px;
         box-shadow: none;
         text-decoration: none;
         padding: calc(.667em + 2px) calc(1.333em + 2px);
         font-size: 1.125em
      }

      .wp-block-file__button {
         background: #32373c;
         color: #fff;
         text-decoration: none
      }

      /*# sourceURL=/wp-includes/css/classic-themes.min.css */
   </style>
   <style>
      * {
         box-sizing: border-box;
         margin: 0;
         padding: 0;
         font-family: "Book Antiqua", serif;
      }

      .booking-container {
         width: 100%;
         max-width: 900px;
         background: white;
         border-radius: 14px;
         box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
         overflow: hidden;
         display: grid;
         grid-template-columns: 280px 1fr;
         margin: 30px 0;
      }

      .left-panel {
         background: #507737;
         color: white;
         padding: 35px;
         display: flex;
         flex-direction: column;
         justify-content: center;
      }

      .left-panel h2 {
         font-size: 26px;
         margin-bottom: 10px;
      }

      .left-panel p {
         opacity: 0.9;
         font-size: 14px;
         line-height: 1.6;
      }

      .form-panel {
         padding: 35px;
      }

      .form-title {
         font-size: 24px;
         margin-bottom: 25px;
         color: #507737;
      }

      .form-grid {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 18px;
         margin-bottom: 15px;
      }

      .form-group {
         display: flex;
         flex-direction: column;
      }

      .form-group.full {
         grid-column: 1 / -1;
      }

      label {
         font-size: 14px;
         margin-bottom: 6px;
         font-weight: 600;
      }

      input,
      select {
         padding: 11px;
         border-radius: 8px;
         border: 1px solid #ddd;
         font-size: 14px;
         transition: 0.3s;
      }

      input:focus,
      select:focus {
         outline: none;
         border-color: #507737;
         box-shadow: 0 0 0 2px rgba(80, 119, 55, 0.15);
      }

      .date-group {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 15px;
      }

      button {
         margin-top: 20px;
         background: #507737;
         border: none;
         color: white;
         padding: 13px;
         font-size: 15px;
         border-radius: 8px;
         cursor: pointer;
         transition: 0.3s;
         font-weight: bold;
      }

      button:hover {
         background: #3f5f2c;
      }

      @media(max-width:768px) {
         .booking-container {
            grid-template-columns: 1fr;
         }

         .left-panel {
            display: none;
         }

         .form-grid {
            grid-template-columns: 1fr;
         }

         .date-group {
            grid-template-columns: 1fr;
         }
      }
   </style>
   <link rel='stylesheet' id='contact-form-7-css' href='wp-content/plugins/contact-form-7/includes/css/styles.css' type='text/css' media='all' />
   <link rel='stylesheet' id='cisc-shortcodes-css' href='wp-content/plugins/cssigniter-shortcodes/src/style.min.css' type='text/css' media='all' />
   <link rel='stylesheet' id='font-awesome-css' href='wp-content/plugins/cssigniter-shortcodes/src/css/font-awesome.min.css' type='text/css' media='all' />
   <link rel='stylesheet' id='tiny-slider-css' href='wp-content/plugins/cssigniter-shortcodes/src/vendor/tiny-slider/tiny-slider.min.css' type='text/css' media='all' />
   <link rel='stylesheet' id='page-list-style-css' href='wp-content/plugins/page-list/css/page-list.css' type='text/css' media='all' />
   <link rel='stylesheet' id='google-font-css' href='http://fonts.googleapis.com/css?family=Lato%3A400%2C700%2C400italic%7CMontserrat%3A400%2C700' type='text/css' media='all' />
   <link rel='stylesheet' id='weather-icons-css' href='wp-content/themes/Swan_Avartah/css/weather-icons.css' type='text/css' media='all' />
   <link rel='stylesheet' id='ci-flexslider-css' href='wp-content/themes/Swan_Avartah/css/flexslider.css' type='text/css' media='all' />
   <link rel='stylesheet' id='ci-bootstrap-css' href='wp-content/themes/Swan_Avartah/css/bootstrap.css' type='text/css' media='all' />
   <link rel='stylesheet' id='prettyPhoto-css' href='wp-content/themes/Swan_Avartah/css/prettyPhoto.css' type='text/css' media='all' />
   <link rel='stylesheet' id='mmenu-css' href='wp-content/themes/Swan_Avartah/css/mmenu.css' type='text/css' media='all' />
   <link rel='stylesheet' id='jquery-ui-css' href='wp-content/themes/Swan_Avartah/css/jquery-ui-1.10.4.datepicker.min.css' type='text/css' media='all' />
   <link rel='stylesheet' id='ci-style-css' href='wp-content/themes/Swan_Avartah/style.css' type='text/css' media='screen' />
   <link rel='stylesheet' id='ci-mediaqueries-css' href='wp-content/themes/Swan_Avartah/css/mediaqueries.css' type='text/css' media='all' />
   <link rel='stylesheet' id='ci-color-scheme-css' href='wp-content/themes/Swan_Avartah/colors/green.css' type='text/css' media='all' />
   <style id='jetpack_facebook_likebox-inline-css' type='text/css'>
      .widget_facebook_likebox {
         overflow: hidden;
      }

      /*# sourceURL=https://swanayurveda.com/wp-content/plugins/jetpack/modules/widgets/facebook-likebox/style.css */
   </style>
   <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3" id="cisc-google-maps-js"></script>
   <script type="text/javascript" src="wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script>
   <script type="text/javascript" src="wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script>
   <script type="text/javascript" src="wp-content/themes/Swan_Avartah/panel/scripts/modernizr-2.6.2.js" id="modernizr-js"></script>
   <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3.5&amp;sensor=false" id="google-maps-js"></script>
   <link rel="https://api.w.org/" href="wp-json/index.html" />
   <link rel="alternate" title="JSON" type="application/json" href="wp-json/wp/v2/pages/7.json" />
   <link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc0db0.php?rsd" />
   <meta name="generator" content="WordPress 6.9" />
   <meta name="generator" content="CSSIgniter - Santorini Resort" />
   <link rel='shortlink' href='https://wp.me/P7zTxV-7' />
   <style>
      img#wpstats {
         display: none
      }
   </style>
   <script>
      (function(i, s, o, g, r, a, m) {
         i['GoogleAnalyticsObject'] = r;
         i[r] = i[r] || function() {
            (i[r].q = i[r].q || []).push(arguments)
         }, i[r].l = 1 * new Date();
         a = s.createElement(o),
            m = s.getElementsByTagName(o)[0];
         a.async = 1;
         a.src = g;
         m.parentNode.insertBefore(a, m)
      })(window, document, 'script', '../www.google-analytics.com/analytics.js', 'ga');
      ga('create', 'UA-62974561-3', 'auto');
      ga('send', 'pageview');
   </script>
   <link rel="shortcut icon" type="image/x-icon" href="wp-content/uploads/2016/05/swan-ayurveda54.jpg" />
   <link rel="apple-touch-icon" href="wp-content/uploads/2016/04/swan-ayurveda54.jpg" />
   <link rel="apple-touch-icon" sizes="72x72" href="wp-content/uploads/2016/04/swan-ayurveda72.jpg" />
   <link rel="apple-touch-icon" sizes="114x114" href="wp-content/uploads/2016/04/swan-ayurveda72.jpg" />
   <link rel="pingback" href="xmlrpc.php" />
   <link rel="icon" href="wp-content/uploads/2016/05/cropped-swan-ayurveda54-32x32.jpg" sizes="32x32" />
   <link rel="icon" href="wp-content/uploads/2016/05/cropped-swan-ayurveda54-192x192.jpg" sizes="192x192" />
   <link rel="apple-touch-icon" href="wp-content/uploads/2016/05/cropped-swan-ayurveda54-180x180.jpg" />
   <meta name="msapplication-TileImage" content="https://swanayurveda.com/wp-content/uploads/2016/05/cropped-swan-ayurveda54-270x270.jpg" />
   <style type="text/css">
      .navigation a,
      .navigation a:visited {
         color: #fff;
      }

      #header {
         background: rgba(78, 120, 56, 0.76);
      }

      body.home #main {
         padding: 2px 0 0;
      }

      body.home .item-thumb br {
         display: none;
      }
   </style>
   <!-- Start of Woopra Code -->
   <script>
      (function() {
         var t, i, e, n = window,
            o = document,
            a = arguments,
            s = "script",
            r = ["config", "track", "identify", "visit", "push", "call", "trackForm", "trackClick"],
            c = function() {
               var t, i = this;
               for (i._e = [], t = 0; r.length > t; t++)(function(t) {
                  i[t] = function() {
                     return i._e.push([t].concat(Array.prototype.slice.call(arguments, 0))), i
                  }
               })(r[t])
            };
         for (n._w = n._w || {}, t = 0; a.length > t; t++) n._w[a[t]] = n[a[t]] = n[a[t]] || new c;
         i = o.createElement(s), i.async = 1, i.src = "../static.woopra.com/js/w.js", e = o.getElementsByTagName(s)[0], e.parentNode.insertBefore(i, e)
      })("woopra");
      woopra.config({
         domain: 'swanayurveda.com'
      });
      woopra.track();
   </script>
   <!-- End of Woopra Code -->
   <link rel='stylesheet' id='joinchat-css' href='wp-content/plugins/creame-whatsapp-me/public/css/joinchat-btn.min.css' type='text/css' media='all' />
   <style id='joinchat-inline-css' type='text/css'>
      .joinchat {
         --ch: 142;
         --cs: 70%;
         --cl: 49%;
         --bw: 1
      }

      /*# sourceURL=joinchat-inline-css */
   </style>
     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</head>

<body class="home wp-singular page-template page-template-template-homepage-1 page-template-template-homepage-1-php page page-id-7 wp-theme-Swan_Avartah ci-santorini ci-santorini-1-6 ci-scheme-green">
   <div id="mobile-bar">
      <a class="menu-trigger" href="#mobilemenu">
         <i class="fa fa-bars"></i>
      </a>
      <h1 class="mob-title">SWAN Ayurveda &#8211; Goa</h1>
   </div>
   <div id="page">
      <header id="header">
         <div class="container">
            <div class="row">
               <div class="col-lg-10 col-lg-offset-1">
                  <div class="row pre-head">
                     <div class="col-sm-6">
                        <div id="weather"> For Reservations <b>
                              <a href="#">Contact us</a>
                           </b>
                        </div>
                     </div>
                     <div class="col-sm-6"></div>
                  </div>
                  <!-- .row.pre-head -->
                  <nav class="nav row">
                     <div class="col-md-5 col-sm-4">
                        <ul id="menu-main-menu-left" class="navigation left-nav">
                           <li id="menu-item-183" class="ayurveda_nav menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-183">
                              <a href="#">Ayurveda</a>
                              <ul class="sub-menu">
                                 <li id="menu-item-764" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-764">
                                    <a href="#">Ayurveda Yoga Rejuvenation One Week</a>
                                 </li>
                                 <li id="menu-item-765" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-765">
                                    <a href="#">Ayurveda Yoga Immersion Two Week</a>
                                 </li>
                                 <li id="menu-item-596" class="menu-item menu-item-type-post_type menu-item-object-attraction menu-item-596">
                                    <a href="#">Ayurveda Treatment</a>
                                 </li>
                              </ul>
                           </li>
                           <li id="menu-item-190" class="panchkarma_nav menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-190">
                              <a href="#">Panchakarma</a>
                              <ul class="sub-menu">
                                 <li id="menu-item-601" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-601">
                                    <a href="#">Packages</a>
                                    <ul class="sub-menu">
                                       <li id="menu-item-600" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-600">
                                          <a href="#">Panchakarma 2 Week</a>
                                       </li>
                                       <li id="menu-item-599" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-599">
                                          <a href="#">Panchakarma 3 Week</a>
                                       </li>
                                       <li id="menu-item-598" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-598">
                                          <a href="#">Panchakarma 4 Week</a>
                                       </li>
                                    </ul>
                                 </li>
                                 <li id="menu-item-294" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-294">
                                    <a href="#">Basic Principal</a>
                                    <ul class="sub-menu">
                                       <li id="menu-item-270" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-270">
                                          <a href="#">Poorva Karma</a>
                                       </li>
                                       <li id="menu-item-271" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-271">
                                          <a href="#">Pradhan Karma</a>
                                       </li>
                                       <li id="menu-item-269" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-269">
                                          <a href="#">Paschat Karma</a>
                                       </li>
                                    </ul>
                                 </li>
                                 <li id="menu-item-293" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-293">
                                    <a href="#">Preliminary Therapy</a>
                                    <ul class="sub-menu">
                                       <li id="menu-item-273" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-273">
                                          <a href="#">Oleation</a>
                                       </li>
                                       <li id="menu-item-274" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-274">
                                          <a href="#">Digestion</a>
                                       </li>
                                       <li id="menu-item-275" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-275">
                                          <a href="#">Fomentation</a>
                                       </li>
                                    </ul>
                                 </li>
                                 <li id="menu-item-292" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-292">
                                    <a href="#">Main &#038; FollowUp Therapy</a>
                                    <ul class="sub-menu">
                                       <li id="menu-item-280" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-280">
                                          <a href="#">Vamana</a>
                                       </li>
                                       <li id="menu-item-281" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-281">
                                          <a href="#">Virechan</a>
                                       </li>
                                       <li id="menu-item-277" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-277">
                                          <a href="#">Basti</a>
                                       </li>
                                       <li id="menu-item-278" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-278">
                                          <a href="#">Nasya</a>
                                       </li>
                                       <li id="menu-item-279" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-279">
                                          <a href="#">Rakta Mokshan</a>
                                       </li>
                                    </ul>
                                 </li>
                              </ul>
                           </li>
                           <li id="menu-item-481" class="study_nav menu-item menu-item-type-post_type menu-item-object-page menu-item-481">
                              <a href="#">Study</a>
                           </li>
                        </ul>
                     </div>
                     <div class="col-md-2 col-sm-4">
                        <h1 class="logo imglogo">
                           <a href="#">
                              <img src="wp-content/uploads/2016/05/160x100.png" alt="SWAN Ayurveda - Goa" />
                           </a>
                        </h1>
                     </div>
                     <div class="col-md-5 col-sm-4">
                        <ul id="menu-main-menu-right" class="navigation right-nav">
                           <li id="menu-item-251" class="package_nav menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-251">
                              <a href="#">Packages</a>
                              <ul class="sub-menu">
                                 <li id="menu-item-594" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-594">
                                    <a href="#">Panchakarma 2 Week</a>
                                 </li>
                                 <li id="menu-item-593" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-593">
                                    <a href="#">Panchakarma 3 Week</a>
                                 </li>
                                 <li id="menu-item-592" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-592">
                                    <a href="#">Panchakarma 4 Week</a>
                                 </li>
                              </ul>
                           </li>
                           <li id="menu-item-262" class="about_nav menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-262">
                              <a href="#">About</a>
                              <ul class="sub-menu">
                                 <li id="menu-item-681" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-681">
                                    <a href="#">Blog</a>
                                 </li>
                              </ul>
                           </li>
                           <li id="menu-item-375" class="enquiry_nav menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-375">
                              <a href="#">Enquiry</a>
                              <ul class="sub-menu">
                                 <li id="menu-item-384" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-384">
                                    <a href="#">Faqs</a>
                                 </li>
                                 <li id="menu-item-382" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-382">
                                    <a href="#">Contact</a>
                                 </li>
                                 <li id="menu-item-386" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-386">
                                    <a href="#">Reservation</a>
                                 </li>
                                 <li id="menu-item-385" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-385">
                                    <a href="#">Payment</a>
                                 </li>
                              </ul>
                           </li>
                        </ul>
                     </div>
                  </nav>
                  <div id="mobilemenu">
                     <ul></ul>
                  </div>
               </div>
               <!-- main container -->
            </div>
         </div>
      </header>
      <!-- #slider -->
      <main id="main">
         <div class="container">
            <div class="row">
               <div class="col-lg-10 col-lg-offset-1">
                  <div class="widget-area-1">
                     <div class="booking-container">
                        <div class="left-panel">
                           <h2>Hotel Booking</h2>
                           <p>Create a reservation by filling the guest and stay details.</p>
                        </div>
                        <div class="form-panel">
                           <h3 class="form-title">Booking Details</h3>
                           <form method="post" autocomplete="off">
                              <div class="form-grid">
                                 <div class="form-group">
                                    <label>Customer Name</label>
                                    <input name="custname" id="custname" type="text" placeholder="Enter customer name" required>
                                 </div>

                                 <div class="form-group">
                                    <label>Phone</label>
                                    <input type="text" name="phoneno" id="phoneno" placeholder="Enter phone number" required>
                                 </div>

                                 <div class="form-group">
                                    <label>Email Id</label>
                                    <input type="email" name="emailid" id="emailid" placeholder="Enter Email Id">
                                 </div>

                                 <!-- <div class="form-group">
                                    <label>Basic Value</label>
                                    <input name="basicvalue" id="basicvalue" placeholder="Enter Basic Value" type="text">
                                 </div> -->

                                 <div class="form-group full">
                                    <label>Address</label>
                                    <textarea name="address" id="address" placeholder="Enter address"></textarea>
                                 </div>

                                 <div class="form-group">
                                    <label>Gender</label>
                                    <select name="gender" id="gender" required>
                                       <option value="">Select Gender</option>
                                       <option value="Male">Male</option>
                                       <option value="Female">Female</option>
                                    </select>
                                 </div>

                                 <div class="form-group">
                                    <label>Programme</label>
                                    <select name="programme" id="programme" required>
                                       <option value="">--select--</option>
                                       <?php
                                       $querySource = $conn->query("SELECT * FROM tbl_programme ORDER BY name ASC");
                                       while ($rowSource = $querySource->fetch_assoc()) {
                                          $dur = (int) filter_var($rowSource['duration'], FILTER_SANITIZE_NUMBER_INT);
                                       ?>
                                          <option value="<?php echo $rowSource['id']; ?>" data-duration="<?php echo $dur; ?>">
                                             <?php echo $rowSource['name']; ?> (<?php echo $rowSource['duration']; ?>)
                                          </option>
                                       <?php } ?>
                                    </select>
                                 </div>

                                 <div class="form-group">
                                    <label>Type</label>
                                    <select name="type" id="type" required>
                                       <option value="">Select</option>
                                       <option value="Individual">Individual</option>
                                       <option value="Couple">Couple</option>
                                    </select>
                                 </div>

                                 <div class="form-group">
                                    <label>Room Type (Pricing)</label>
                                    <select name="roomtype" id="roomtype" required>
                                       <option value="">Select</option>
                                       <option value="Individual">Individual</option>
                                       <option value="Sharing">Sharing</option>
                                    </select>
                                 </div>

                                 <div class="form-group full">
                                    <div class="date-group">
                                       <div class="form-group">
                                          <label>Check In</label>
                                          <input type="date" name="checkindate" id="checkindate" required>
                                       </div>
                                       <div class="form-group">
                                          <label>Check Out</label>
                                          <input type="date" name="checkoutdate" id="checkoutdate" required>
                                       </div>
                                    </div>
                                 </div>

                                 <input type="hidden" name="categoryid" id="categoryid">

                                 <div class="form-group full">
                                    <div class="avail-head">
                                       <h4>Available Categories</h4>
                                       <small>Select one option to continue</small>
                                    </div>

                                    <div id="category_list"
                                       style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:10px;">
                                    </div>
                                 </div>
                              </div>

                              <button type="submit" name="savebtn" onclick="return validateCategoryPick();">Confirm Booking</button>
                           </form>
                        </div>
                     </div>
                  </div>
                  <!-- .widget-area-1 -->
                  <div class="widget-area-2">
                     <div class="row"></div>
                  </div>
                  <!-- .widget-area-2 -->
               </div>
            </div>
         </div>
      </main>
      <div id="cmn_tar" class="ftr_cmn">
         <div class="containers">
            <div class="center ">
               <h3>
                  <a style="color:#fff;" href="#">200 Hours Yoga Teacher Training in Goa</a>
               </h3>
            </div>
         </div>
      </div>
      <div id="cmn_ta">
         <div class="containers">
            <div class="center ">
               <h3>
                  <i class="fa fa-tripadvisor"></i>
                  <span>
                     <a href="https://www.tripadvisor.in/ShowUserReviews-g1025163-d3874275-r342356559-SWAN_Yoga_Retreat-Assagao_Bardez_Goa.html#CHECK_RATES_CONT" target="_blank" title="A great place for meditation and yoga in Goa">A great place for meditation and yoga in Goa</a>
                  </span>
                  <span>
                     <a href="https://www.tripadvisor.in/ShowUserReviews-g1025163-d3874275-r340127980-SWAN_Yoga_Retreat-Assagao_Bardez_Goa.html#CHECK_RATES_CONT" target="_blank" title="Best Yoga Retreat in Goa or perhaps in India">Best Yoga Retreat in Goa or perhaps in India</a>
                  </span>
                  <span class="dnone">
                     <a href="https://www.tripadvisor.in/ShowUserReviews-g1025163-d3874275-r331631469-SWAN_Yoga_Retreat-Assagao_Bardez_Goa.html#CHECK_RATES_CONT" target="_blank">Peaceful Retreat In Goa</a>
                  </span>
                  <span>
                     <a href="https://www.tripadvisor.in/ShowUserReviews-g1025163-d3874275-r328732041-SWAN_Yoga_Retreat-Assagao_Bardez_Goa.html#CHECK_RATES_CONT" target="_blank" title="Probably the cheapest & best yoga retreat in Goa !">Probably the cheapest &amp; best yoga retreat in Goa !</a>
                  </span>
                  <span>
                     <a class="ftr_last" href="https://explorayoga.com/lt/yoga-retreats-in-goa/" target="_blank" title="best yoga retreat in Goa !"> best yoga retreats in Goa !</a>
                  </span>
                  <span class="dnone">
                     <a href="https://www.tripadvisor.in/ShowUserReviews-g1025163-d3874275-r163452455-SWAN_Yoga_Retreat-Assagao_Bardez_Goa.html#CHECK_RATES_CONT" target="_blank" title="Best place for organising and attending retreats in Goa">Best place for organising and attending retreats in Goa</a>
                  </span>
               </h3>
            </div>
         </div>
      </div>
      <footer id="footer">
         <div class="container">
            <div class="row">
               <div class="col-lg-10 col-lg-offset-1">
                  <div class="cisc-row footer-1">
                     <div class="ftr_logo cisc-col-md-4 cisc-col-xs-12">
                        <h1 class="logo imglogo">
                           <a href="index.html" class="">
                              <img src="wp-content/uploads/2016/04/swan-ayurveda-1-1.jpg" alt="Yoga Retreat in Goa, India">
                           </a>
                        </h1>
                     </div>
                     <div class="ftr_abt cisc-col-md-8 cisc-col-xs-12">
                        <p class="abt_ftr">SWAN Ayurveda in Goa, India, is a unique facility located in the lap of nature. Nestled within the campus of SWAN Yoga Retreat, we have created a space where healing is the main focus, using the age-old knowledge of Ayurveda. It’s not an ayurveda hospital, an ayurveda clinic or a fancy ayurveda resort: it is a combination of it all. At SWAN Ayurveda we are focusing on the treatment part without compromising on comfort, and we are catering to people from all over the world. We have trained and experienced ayurveda therapists and doctors on the campus, who make sure only the best care is provided to our guests.Welcome to an experience of Authentic Ayurveda - Welcome to SWAN Ayurveda. Hari Om Tat Sat</p>
                     </div>
                  </div>
                  <div class="cisc-row footer-2">
                     <div class="cisc-col-md-4 cisc-col-xs-12">
                        <h2 class="cisc-heading" style="">
                           <i class="fa fa-phone-square"></i>+91 8007 360 677
                        </h2>
                     </div>
                     <div class="cisc-col-md-4 cisc-col-xs-12">
                        <h2 class="cisc-heading" style="">
                           <i class="fa fa-envelope-o"></i>
                           <a href="mailto:swanayurvedagoa@gmail.com">swanayurvedagoa@gmail.com</a>
                        </h2>
                     </div>
                     <div class="cisc-col-md-4 cisc-col-xs-12">
                        <h2 class="cisc-heading" style="margin-left:30px;">
                           <i class="fa fa-bell-o"></i>
                           <a href="reservation/index.html" title="Book Your Stay at SWAN Yoga Goa">Send Enquiry</a>
                        </h2>
                     </div>
                  </div>
                  <div class="cisc-row footer-3">
                     <div class="ci1 fl">
                        <span class="cisc-heading">
                           <a href="https://www.facebook.com/swanayurvedagoa/" target="_blank">
                              <i class="ftric fa fa-facebook-official"></i>
                           </a>
                        </span>
                        <span class="cisc-heading">
                           <a href="https://plus.google.com/110928059559682745478/about" target="_blank">
                              <i class="ftric fa fa-google-plus-square"></i>
                           </a>
                        </span>
                        <span class="cisc-heading">
                           <a href="https://www.instagram.com/swan_ayurveda_goa/" target="_blank">
                              <i class="ftric fa fa-instagram"></i>
                           </a>
                        </span>
                        <span class="dnone cisc-heading">
                           <a href="https://twitter.com/SWAN_YOGA_GOA" target="_blank">
                              <i class="ftric fa fa-twitter-square"></i>
                           </a>
                        </span>
                        <span class="dnone cisc-heading">
                           <a href="https://instagram.com/SWANYOGARETREAT" target="_blank">
                              <i class="ftric fa fa-instagram"></i>
                           </a>
                        </span>
                        <span class="cisc-heading">
                           <a href="http://www.tripadvisor.in/Hotel_Review-g1025163-d3874275-Reviews-SWAN_Yoga_Retreat-Assagao_Bardez_Goa.html" target="_blank">
                              <i class="ftric fa fa-tripadvisor"></i>
                           </a>
                        </span>
                     </div>
                     <div class="ci12 fl">
                        <a href="#">
                           <img src="wp-content/themes/Swan_Avartah/images/cmrc.png">
                        </a>
                     </div>
                     <div class="ci13 fr">
                        <h5 class="cisc-heading">&copy;2019 SWAN Ayurveda Retreat, Goa India. All Rights Reserved.</h5>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </footer>
      <div style="margin:0px;" id="cmn_ta">
         <div class="container">
            <div class="center ">
               <p class="credits">&#2361;&#2352;&#2367;&#2307; &#2384; <img class="dnone" src="wp-content/themes/Swan_Avartah/images/hariom1.html">
               </p>
            </div>
         </div>
      </div>
   </div>
   <!-- #page -->
   <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/Swan_Avartah/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}</script>
   <div class="joinchat joinchat--right joinchat--btn" data-settings='{"telephone":"918007360677","mobile_only":false,"button_delay":3,"whatsapp_web":true,"qr":false,"message_views":2,"message_delay":10,"message_badge":false,"message_send":"Namaste SWAN Ayurveda, I\u0027d like to know about","message_hash":""}' hidden aria-hidden="false">
      <div class="joinchat__button" role="button" tabindex="0" aria-label="WhatsApp contact"></div>
   </div>
   <script type="text/javascript" src="wp-includes/js/dist/hooks.min.html" id="wp-hooks-js"></script>
   <script type="text/javascript" src="wp-includes/js/dist/i18n.min.html" id="wp-i18n-js"></script>
   <script type="text/javascript" id="wp-i18n-js-after">
      /* 
      <![CDATA[ */
      wp.i18n.setLocaleData({
         'text direction\u0004ltr': ['ltr']
      });
      //# sourceURL=wp-i18n-js-after
      /* ]]> */
   </script>
   <script type="text/javascript" src="wp-content/plugins/contact-form-7/includes/swv/js/index.html" id="swv-js"></script>
   <script type="text/javascript" id="contact-form-7-js-before">
      /* 
      <![CDATA[ */
      var wpcf7 = {
         "api": {
            "root": "https:\/\/swanayurveda.com\/wp-json\/",
            "namespace": "contact-form-7\/v1"
         }
      };
      //# sourceURL=contact-form-7-js-before
      /* ]]> */
   </script>
   <script type="text/javascript" src="wp-content/plugins/contact-form-7/includes/js/index.html" id="contact-form-7-js"></script>
   <script type="text/javascript" src="wp-content/plugins/cssigniter-shortcodes/src/vendor/tiny-slider/tiny-slider.min.html" id="tiny-slider-js"></script>
   <script type="text/javascript" src="wp-content/plugins/cssigniter-shortcodes/src/js/scripts.min.html" id="cisc-shortcodes-js"></script>
   <script type="text/javascript" src="wp-includes/js/comment-reply.min.html" id="comment-reply-js" async="async" data-wp-strategy="async" fetchpriority="low"></script>
   <script type="text/javascript" src="wp-includes/js/jquery/ui/core.min.html" id="jquery-ui-core-js"></script>
   <script type="text/javascript" src="wp-includes/js/jquery/ui/datepicker.min.html" id="jquery-ui-datepicker-js"></script>
   <script type="text/javascript" id="jquery-ui-datepicker-js-after">
      /* 
      <![CDATA[ */
      jQuery(function(jQuery) {
         jQuery.datepicker.setDefaults({
            "closeText": "Close",
            "currentText": "Today",
            "monthNames": ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
            "monthNamesShort": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
            "nextText": "Next",
            "prevText": "Previous",
            "dayNames": ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
            "dayNamesShort": ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
            "dayNamesMin": ["S", "M", "T", "W", "T", "F", "S"],
            "dateFormat": "MM d, yy",
            "firstDay": 1,
            "isRTL": false
         });
      });
      //# sourceURL=jquery-ui-datepicker-js-after
      /* ]]> */
   </script>
   <script type="text/javascript" id="jquery-ui-datepicker-localize-js-extra">
      /* 
      <![CDATA[ */
      var jquidp = {
         "langCode": "en_US",
         "prevText": "Previous",
         "nextText": "Next",
         "closeText": "Close",
         "currentText": "Today",
         "monthNames": ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
         "monthNamesShort": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
         "dayNames": ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
         "dayNamesShort": ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
         "dayNamesMin": ["S", "M", "T", "W", "T", "F", "S"],
         "dateFormat": "MM d, yy",
         "firstDay": "1",
         "isRTL": ""
      };
      //# sourceURL=jquery-ui-datepicker-localize-js-extra
      /* ]]> */
   </script>
   <script type="text/javascript" src="wp-content/themes/Swan_Avartah/panel/scripts/jquery.ui.datepicker.localize.html" id="jquery-ui-datepicker-localize-js"></script>
   <script type="text/javascript" src="wp-content/themes/Swan_Avartah/js/superfish.min.html" id="jquery-superfish-js"></script>
   <script type="text/javascript" src="wp-content/themes/Swan_Avartah/js/jquery.flexslider-min.html" id="jquery-flexslider-js"></script>
   <script type="text/javascript" src="wp-content/themes/Swan_Avartah/js/jquery.mmenu.min.all.html" id="jquery-mmenu-js"></script>
   <script type="text/javascript" src="wp-content/themes/Swan_Avartah/panel/scripts/jquery.fitvids.html" id="jquery-fitVids-js"></script>
   <script type="text/javascript" src="wp-content/themes/Swan_Avartah/js/jquery.dropkick-min.html" id="jquery-dropkick-js"></script>
   <script type="text/javascript" src="wp-content/themes/Swan_Avartah/js/jquery.prettyPhoto.html" id="jquery-prettyPhoto-js"></script>
   <script type="text/javascript" id="ci-front-scripts-js-extra">
      /* 
      <![CDATA[ */
      var ThemeOption = {
         "map_zoom_level": "18",
         "map_coords_lat": "15.602489",
         "map_coords_long": "73.791040",
         "map_tooltip": "\u003Cb\u003ESwan Yoga Retreat\u003C/b\u003E \u003Cbr\u003E 101/4 Bairo Alto, \u003Cbr\u003E Assagao, Goa - 403507",
         "weather_code": "GRXX0044",
         "weather_unit": "c",
         "slider_autoslide": "1",
         "slider_effect": "fade",
         "slider_direction": "horizontal",
         "slider_duration": "600",
         "slider_speed": "3000"
      };
      //# sourceURL=ci-front-scripts-js-extra
      /* ]]> */
   </script>
   <script type="text/javascript" src="wp-content/themes/Swan_Avartah/js/scripts.html" id="ci-front-scripts-js"></script>
   <script type="text/javascript" src="wp-content/themes/Swan_Avartah/panel/components/retinajs/dist/retina.html" id="retinajs-js"></script>
   <script type="text/javascript" id="jetpack-facebook-embed-js-extra">
      /* 
      <![CDATA[ */
      var jpfbembed = {
         "appid": "249643311490",
         "locale": "en_US"
      };
      //# sourceURL=jetpack-facebook-embed-js-extra
      /* ]]> */
   </script>
   <script type="text/javascript" src="wp-content/plugins/jetpack/_inc/build/facebook-embed.min.html" id="jetpack-facebook-embed-js"></script>
   <script type="text/javascript" src="wp-content/plugins/creame-whatsapp-me/public/js/joinchat.min.html" id="joinchat-js" defer="defer" data-wp-strategy="defer" fetchpriority="low"></script>
   <script type="text/javascript" id="jetpack-stats-js-before">
      /* 
      <![CDATA[ */
      _stq = window._stq || [];
      _stq.push(["view", {
         "v": "ext",
         "blog": "111989355",
         "post": "7",
         "tz": "0",
         "srv": "swanayurveda.com",
         "j": "1:15.4"
      }]);
      _stq.push(["clickTrackerInit", "111989355", "7"]);
      //# sourceURL=jetpack-stats-js-before
      /* ]]> */
   </script>
   <script type="text/javascript" src="../stats.wp.com/e-202610.js" id="jetpack-stats-js" defer="defer" data-wp-strategy="defer"></script>
   <script id="wp-emoji-settings" type="application/json">
      {
         "baseUrl": "https://s.w.org/images/core/emoji/17.0.2/72x72/",
         "ext": ".png",
         "svgUrl": "https://s.w.org/images/core/emoji/17.0.2/svg/",
         "svgExt": ".svg",
         "source": {
            "concatemoji": "https://swanayurveda.com/wp-includes/js/wp-emoji-release.min.js"
         }
      }
   </script>
   <script type="module">
      /* 
      <![CDATA[ */
      /*! This file is auto-generated */
      const a = JSON.parse(document.getElementById("wp-emoji-settings").textContent),
         o = (window._wpemojiSettings = a, "wpEmojiSettingsSupports"),
         s = ["flag", "emoji"];

      function i(e) {
         try {
            var t = {
               supportTests: e,
               timestamp: (new Date).valueOf()
            };
            sessionStorage.setItem(o, JSON.stringify(t))
         } catch (e) {}
      }

      function c(e, t, n) {
         e.clearRect(0, 0, e.canvas.width, e.canvas.height), e.fillText(t, 0, 0);
         t = new Uint32Array(e.getImageData(0, 0, e.canvas.width, e.canvas.height).data);
         e.clearRect(0, 0, e.canvas.width, e.canvas.height), e.fillText(n, 0, 0);
         const a = new Uint32Array(e.getImageData(0, 0, e.canvas.width, e.canvas.height).data);
         return t.every((e, t) => e === a[t])
      }

      function p(e, t) {
         e.clearRect(0, 0, e.canvas.width, e.canvas.height), e.fillText(t, 0, 0);
         var n = e.getImageData(16, 16, 1, 1);
         for (let e = 0; e < n.data.length; e++)
            if (0 !== n.data[e]) return !1;
         return !0
      }

      function u(e, t, n, a) {
         switch (t) {
            case "flag":
               return n(e, "\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f", "\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f") ? !1 : !n(e, "\ud83c\udde8\ud83c\uddf6", "\ud83c\udde8\u200b\ud83c\uddf6") && !n(e, "\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f", "\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");
            case "emoji":
               return !a(e, "\ud83e\u1fac8")
         }
         return !1
      }

      function f(e, t, n, a) {
         let r;
         const o = (r = "undefined" != typeof WorkerGlobalScope && self instanceof WorkerGlobalScope ? new OffscreenCanvas(300, 150) : document.createElement("canvas")).getContext("2d", {
               willReadFrequently: !0
            }),
            s = (o.textBaseline = "top", o.font = "600 32px Arial", {});
         return e.forEach(e => {
            s[e] = t(o, e, n, a)
         }), s
      }

      function r(e) {
         var t = document.createElement("script");
         t.src = e, t.defer = !0, document.head.appendChild(t)
      }
      a.supports = {
         everything: !0,
         everythingExceptFlag: !0
      }, new Promise(t => {
         let n = function() {
            try {
               var e = JSON.parse(sessionStorage.getItem(o));
               if ("object" == typeof e && "number" == typeof e.timestamp && (new Date).valueOf() < e.timestamp + 604800 && "object" == typeof e.supportTests) return e.supportTests
            } catch (e) {}
            return null
         }();
         if (!n) {
            if ("undefined" != typeof Worker && "undefined" != typeof OffscreenCanvas && "undefined" != typeof URL && URL.createObjectURL && "undefined" != typeof Blob) try {
               var e = "postMessage(" + f.toString() + "(" + [JSON.stringify(s), u.toString(), c.toString(), p.toString()].join(",") + "));",
                  a = new Blob([e], {
                     type: "text/javascript"
                  });
               const r = new Worker(URL.createObjectURL(a), {
                  name: "wpTestEmojiSupports"
               });
               return void(r.onmessage = e => {
                  i(n = e.data), r.terminate(), t(n)
               })
            } catch (e) {}
            i(n = f(s, u, c, p))
         }
         t(n)
      }).then(e => {
         for (const n in e) a.supports[n] = e[n], a.supports.everything = a.supports.everything && a.supports[n], "flag" !== n && (a.supports.everythingExceptFlag = a.supports.everythingExceptFlag && a.supports[n]);
         var t;
         a.supports.everythingExceptFlag = a.supports.everythingExceptFlag && !a.supports.flag, a.supports.everything || ((t = a.source || {}).concatemoji ? r(t.concatemoji) : t.wpemoji && t.twemoji && (r(t.twemoji), r(t.wpemoji)))
      });
      //# sourceURL=https://swanayurveda.com/wp-includes/js/wp-emoji-loader.min.js
      /* ]]> */
   </script>
   <!--[if (gte IE 6)&(lte IE 8)]>
   <script type="text/javascript" src="https://swanayurveda.com/wp-content/themes/Swan_Avartah/panel/scripts/selectivizr-min.js"></script>
   <![endif]-->
   <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
   <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>





   <script>
      jQuery(function($) {

         function getDuration() {
            var d = $("#programme option:selected").data("duration");
            return d ? parseInt(d, 10) : 0;
         }

         function validateDates() {
            var programme = $("#programme").val();
            var checkin = $("#checkindate").val();
            var checkout = $("#checkoutdate").val();

            if (!programme) {
               if (checkin || checkout) {
                  alert("First choose programme");
                  $("#checkindate").val('');
                  $("#checkoutdate").val('');
               }
               return;
            }

            if (checkin && checkout) {
               var duration = getDuration();
               var inD = new Date(checkin);
               var outD = new Date(checkout);
               var diffDays = (outD - inD) / (1000 * 60 * 60 * 24);

               if (diffDays > duration) {
                  alert("Checkout date cannot be more than " + duration + " days from Check-in date");
                  $("#checkoutdate").val('');
               }
               if (diffDays < 0) {
                  alert("Checkout date must be after Check-in date");
                  $("#checkoutdate").val('');
               }
            }
         }

         window.loadAvailableCategories = function() {
            $("#categoryid").val('');

            var programme = $("#programme").val();
            var checkin = $("#checkindate").val();
            var checkout = $("#checkoutdate").val();
            var roomtype = $("#roomtype").val();
            var gender = $("#gender").val();
            var type = $("#type").val();

            if (programme && checkin && checkout && roomtype && gender && type) {
               $.ajax({
                  url: "get_available_categories.php",
                  type: "POST",
                  data: {
                     programme,
                     checkin,
                     checkout,
                     roomtype,
                     gender,
                     type
                  },
                  success: function(res) {
                     $("#category_list").html(res);
                     $("#categoryid").val('');
                  },
                  error: function(xhr) {
                     $("#category_list").html("<div style='color:#b91c1c;'>Error loading categories. Check get_available_categories.php path.</div>");
                     console.log(xhr.responseText);
                  }
               });
            } else {
               $("#category_list").html("<div style='color:#6b7280;'>Select Programme, Gender, Type, Room Type & Dates to see availability.</div>");
            }
         }

         window.validateCategoryPick = function() {
            if (!$("#categoryid").val()) {
               alert("Please select one available category.");
               return false;
            }
            return true;
         }

         $(document).on("click", ".catpanel", function() {
            if ($(this).hasClass("disabled")) return;
            $(".catpanel").css("border", "1px solid #e5e7eb");
            $(this).css("border", "2px solid #507737");
            $("#categoryid").val($(this).data("id"));
         });

         $("#programme,#roomtype,#gender,#type").on("change", function() {
            loadAvailableCategories();
         });

         $("#checkindate,#checkoutdate").on("change", function() {
            validateDates();
            loadAvailableCategories();
         });

         // ✅ AUTOCOMPLETE FIX
         $("#phoneno").autocomplete({
            minLength: 2,
            source: function(request, response) {
               $.ajax({
                  url: "search_phone.php",
                  type: "POST",
                  dataType: "json",
                  data: {
                     term: request.term
                  },
                  success: function(data) {
                     response(data);
                  },
                  error: function(xhr) {
                     console.log("Autocomplete error:", xhr.responseText);
                  }
               });
            },
            select: function(event, ui) {
               $("#phoneno").val(ui.item.value);
               $("#custname").val(ui.item.custname || "");
               $("#emailid").val(ui.item.emailid || "");
               $("#address").val(ui.item.address || "");
               $("#gender").val(ui.item.gender || "");
               return false;
            }
         }).autocomplete("instance")._renderItem = function(ul, item) {
            return $("<li>")
               .append("<div style='padding:8px 10px;'><b>" + (item.label || item.value) + "</b></div>")
               .appendTo(ul);
         };

      });
   </script>
   <?php if (!empty($_SESSION['booking_popup'])):
      $bp = $_SESSION['booking_popup'];
      unset($_SESSION['booking_popup']);
   ?>
      <script>
         jQuery(function($) {

            const bookingId = <?= json_encode($bp['bookingid']); ?>;
            const custName = <?= json_encode($bp['custname']); ?>;
            const type = <?= json_encode($bp['type']); ?>;
            const roomtype = <?= json_encode($bp['roomtype']); ?>;
            const phone = <?= json_encode($bp['phone']); ?>;

            Swal.fire({
               title: 'Creating Booking...',
               html: 'Please wait <b></b>',
               timer: 1600,
               timerProgressBar: true,
               allowOutsideClick: false,
               allowEscapeKey: false,
               didOpen: () => {
                  Swal.showLoading();
                  const b = Swal.getHtmlContainer().querySelector('b');
                  const timerInterval = setInterval(() => {
                     b.textContent = Math.ceil(Swal.getTimerLeft() / 1000) + "s";
                  }, 100);
                  Swal.willClose = () => clearInterval(timerInterval);
               }
            }).then(() => {

               Swal.fire({
                  icon: 'success',
                  title: 'Booking Submitted ✅',
                  html: `
        <div style="text-align:left;font-size:14px;line-height:1.7">
          <div><b>Booking ID:</b> ${bookingId}</div>
          <div><b>Name:</b> ${custName}</div>
          <div><b>Phone:</b> ${phone}</div>
          <div><b>Type:</b> ${type}</div>
          <div><b>Room Pricing:</b> ${roomtype}</div>
          <div style="margin-top:8px;color:#6b7280">Status: Pending allocation</div>
        </div>
      `,
                  confirmButtonText: 'OK',
                  confirmButtonColor: '#507737',
                  allowOutsideClick: false
               }).then(() => {
                  // ✅ stay on same page + clear form (optional)
                  document.querySelector("form").reset();
                  $("#category_list").html("<div style='color:#6b7280;'>Select Programme, Gender, Type, Room Type & Dates to see availability.</div>");
                  $("#categoryid").val('');
                  // no redirect
               });

            });

         });
      </script>
   <?php endif; ?>
</body>

</html>
F1l3 Manager
