booking.lawrysthailand.com Open in urlscan Pro
188.212.159.69  Public Scan

Form analysis
2 forms found in the DOM

<form id="Reservation" class="tabcontent p-8 border-gold">
  <div class="mb-4 flex flex-wrap">
    <div class="w-full sm:w-1/2 sm:pr-2">
      <label for="date" class="block text-sm font-medium text-gray-700">What Date?*</label>
      <input type="text" id="date" name="date" placeholder="Please select date"
        class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md bg-gray-100 flatpickr-input" required="" readonly="readonly">
    </div>
    <div class="w-full sm:w-1/2 sm:pl-2">
      <label for="time" class="block text-sm font-medium text-gray-700">Select Time?*</label>
      <select id="time" name="time" disabled="" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md bg-gray-100">
        <option value="" disabled="" selected="">Please Select</option>
      </select>
    </div>
  </div>
  <div id="peopleSelect" class="hidden">
    <div class="mb-4 flex flex-wrap">
      <div class="w-full sm:w-1/2 sm:pr-2">
        <label for="adults" class="block text-sm font-medium text-gray-700">How many adult?*</label>
        <select id="adults" name="adults" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md bg-gray-100">
          <option value="" disabled="" selected="">Please Select</option>
        </select>
      </div>
      <div class="w-full sm:w-1/2 sm:pl-2">
        <label for="children" class="block text-sm font-medium text-gray-700">Children*</label>
        <select id="children" name="children" onchange="toggleBabyChairOption()" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md bg-gray-100">
          <option value="0" selected="">0 Children</option>
          <option value="1">1 Children (Under 7 y/o)</option>
          <option value="2">2 Children (Under 7 y/o)</option>
        </select>
      </div>
    </div>
    <!-- <div class="mb-4 flex flex-wrap">
                        <p style="font-size: 10px;">*Children under 7 y/o and with a height not exceeding 120 cm.</p style="font-size: 10px;">
                    </div> -->
  </div>
  <div id="timeSummary" class="mt-4 hidden">
    <h3 class="text-lg font-medium text-gray-700">Time Slot Summary:</h3>
    <ul id="timeSummaryList" class="list-disc pl-5 text-sm text-gray-700"></ul>
  </div>
  <div id="bookingSummary" class="mb-4 hidden">
    <p id="totalDayBookings" class="text-sm text-gray-700"></p>
    <div id="timeSlotBookings" class="text-sm text-gray-700"></div><br>
    <small>Range Group Detect</small>
    <div id="groupBookings" class="text-sm text-gray-700"></div>
  </div>
  <div id="babyChairOption" class="mb-4 hidden">
    <label for="babychair" class="block text-sm font-medium text-gray-700">Do you require a baby chair? (limit 2)</label>
    <select id="babychair" name="babychair" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md bg-gray-100">
      <option value="0" selected="">No Baby Chair</option>
      <option value="1">1 Baby Chair</option>
      <option value="2">2 Baby Chairs</option>
    </select>
    <p class="text-red-500" style="font-size: 10px;">*Baby chair is limited. It may not be enough for everyone.</p>
  </div>
  <button type="button" id="bookingButton" class="w-full custom-bg-color text-white py-2 px-4 rounded-md">Booking</button>
  <p style="font-size:10px">*The reservation is only effective upon receipt of payment and email confirmation.</p>
  <script>
    function toggleBabyChairOption() {
      const childrenSelect = document.getElementById('children');
      const babyChairOption = document.getElementById('babyChairOption');
      if (childrenSelect.value > 0) {
        babyChairOption.classList.remove('hidden');
      } else {
        babyChairOption.classList.add('hidden');
      }
    }
  </script>
</form>

<form id="additionalBookingForm" class="hidden">
  <div class="border-gold p-6">
    <div class="grid grid-cols-2 gap-4">
      <div class="mb-4">
        <label for="first_name" class="block text-sm font-medium text-gray-700">First Name*</label>
        <input type="text" id="first_name" name="first_name" placeholder="Enter your first name"
          class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md bg-gray-100" required="">
      </div>
      <div class="mb-4">
        <label for="last_name" class="block text-sm font-medium text-gray-700">Last Name*</label>
        <input type="text" id="last_name" name="last_name" placeholder="Enter your last name"
          class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md bg-gray-100" required="">
      </div>
      <div class="mb-4">
        <label for="email" class="block text-sm font-medium text-gray-700">Email*</label>
        <input type="email" id="email" name="email" placeholder="Enter your email" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md bg-gray-100"
          required="">
      </div>
      <div class="mb-4">
        <label for="phone" class="block text-sm font-medium text-gray-700">Phone*</label>
        <input type="text" id="phone" name="phone" placeholder="Enter your phone number"
          class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md bg-gray-100" maxlength="10" pattern="\d{10}" required="">
      </div>
    </div>
    <div class="grid grid-cols-2 gap-4">
      <div class="mb-4">
        <label for="occasion" class="block text-sm font-medium text-gray-700">Select an occasion (optional)</label>
        <select id="occasion" name="occasion" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md bg-gray-100">
          <option value="" disabled="" selected="">Please Select</option>
          <option value="None">None</option>
          <option value="Birthday">Birthday</option>
          <option value="Anniversary">Anniversary</option>
          <option value="Date">Date</option>
          <option value="Special Occasion">Special Occasion</option>
          <option value="Business Meeting">Business Meal</option>
        </select>
      </div>
      <div class="mb-4">
        <label for="non_meat_eaters" class="block text-sm font-medium text-gray-700">Any non-meat eaters?*</label>
        <select id="non_meat_eaters" name="non_meat_eaters" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md bg-gray-100">
          <option value="" disabled="" selected="">Please Select</option>
          <option value="0">0 Persons</option>
          <option value="1">1 Person</option>
          <option value="2">2 Persons</option>
          <option value="3">3 Persons</option>
          <option value="4">4 Persons</option>
          <option value="5">5 Persons</option>
          <option value="6">6 Persons</option>
          <option value="7">7 Persons</option>
          <option value="8">8 Persons</option>
          <option value="9">9 Persons</option>
          <option value="10">10 Persons</option>
          <option value="11">11 Persons</option>
          <option value="12">12 Persons</option>
        </select>
      </div>
      <div class="mb-4">
        <label for="allergies" class="block text-sm font-medium text-gray-700">Any allergies?</label>
        <input type="text" id="allergies" name="allergies" placeholder="Please specify your allergies"
          class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md bg-gray-100">
      </div>
    </div>
    <div class="mb-4">
      <label for="special_request" class="block text-sm font-medium text-gray-700">Add a special request (optional)</label>
      <textarea id="special_request" name="special_request" placeholder="Enter your special request here"
        class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md bg-gray-100" rows="4"></textarea>
    </div>
    <div class="mb-4">
      <input type="checkbox" id="subscribe" name="subscribe" class="mr-2">
      <label for="subscribe" class="text-sm font-medium text-gray-700">Yes, I'd like to get updates, news and promotions from this restaurant!</label>
    </div>
    <div class="mb-4">
      <input type="checkbox" id="terms" name="terms" class="mr-2">
      <label for="terms" class="text-sm font-medium text-gray-700">I have read and agree to the above <a href="#" class="text-indigo-600" onclick="showTermAndCondition()">terms and
                            conditions</a></label>
    </div>
    <button type="button" id="confirmBookingButton" class="w-full text-white py-2 px-4 rounded-md custom-bg-color">Confirm Booking</button>
  </div>
</form>

Text Content

Reservation Private Room
What Date?*
Select Time?* Please Select
How many adult?* Please Select
Children* 0 Children 1 Children (Under 7 y/o) 2 Children (Under 7 y/o)


TIME SLOT SUMMARY:



Range Group Detect

Do you require a baby chair? (limit 2) No Baby Chair 1 Baby Chair 2 Baby Chairs

*Baby chair is limited. It may not be enough for everyone.

Booking

*The reservation is only effective upon receipt of payment and email
confirmation.

First Name*
Last Name*
Email*
Phone*
Select an occasion (optional) Please Select None Birthday Anniversary Date
Special Occasion Business Meal
Any non-meat eaters?* Please Select 0 Persons 1 Person 2 Persons 3 Persons 4
Persons 5 Persons 6 Persons 7 Persons 8 Persons 9 Persons 10 Persons 11 Persons
12 Persons
Any allergies?
Add a special request (optional)
Yes, I'd like to get updates, news and promotions from this restaurant!
I have read and agree to the above terms and conditions
Confirm Booking
AugustSeptemberOctoberNovemberDecember

SunMonTueWedThuFriSat
28293031123456789101112131415161718192021222324252627282930311234567