<turbo-stream action="update" target="modal-container"><template><div class="nq-sheet-scrim"
     data-controller="area-sheet"
     data-area-sheet-current-branch-id-value=""
     data-area-sheet-has-cart-items-value="false"
     data-area-sheet-confirm-template-value="__AREA__ is served by our __BRANCH__ branch. Your cart was packed for a different kitchen, so it will be cleared."
     data-area-sheet-current-mode-value="delivery"
     data-area-sheet-pane-value="delivery"
     data-area-sheet-native-value="false"
     data-area-sheet-delivery-title-value="Where should we deliver?"
     data-area-sheet-pickup-title-value="Where will you pick up?"
     data-area-sheet-area-confirm-title-value="Change area?"
     data-area-sheet-area-confirm-clear-value="Change &amp; clear cart"
     data-area-sheet-to-pickup-title-value="Switch to pickup?"
     data-area-sheet-to-pickup-body-value="Pickup is from our __BRANCH__ branch. Your cart was packed for a different kitchen, so it will be cleared."
     data-area-sheet-to-delivery-title-value="Switch to delivery?"
     data-area-sheet-switch-clear-value="Switch &amp; clear cart"
     data-area-sheet-to-branch-title-value="Pick up from __BRANCH__?"
     data-area-sheet-to-branch-body-value="Your cart was packed for a different kitchen, so it will be cleared."
     data-area-sheet-create-address-url-value="/en/checkout/address"
     data-area-sheet-missing-area-message-value="Select your delivery area"
     data-action="click->area-sheet#backdrop">
  <div class="nq-sheet" role="dialog"
       aria-modal="true" aria-labelledby="area-gate-title">
      <span class="nq-sheet__handle" aria-hidden="true"></span>
      <header class="nq-sheet__head">
        <h3 id="area-gate-title" class="nq-sheet__title" data-area-sheet-target="title">Where should we deliver?</h3>
        <button type="button" class="nq-sheet__close" data-action="click->area-sheet#close"
                aria-label="Close">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4" aria-hidden="true"><path d="m6 6 12 12M18 6 6 18"/></svg>
        </button>
      </header>

    <div class="nq-sheet__body">
      <div class="h-[430px] max-h-[62vh] flex flex-col" data-area-sheet-target="mainPane">

          <a href="/en/customers/sign_in"
             data-login-sheet-open data-login-source="sheet_gate"
             class="flex items-center gap-2 pb-2.5 px-0.5 text-brand-primary-600 text-xs font-semibold">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="8.5" r="3.5"/><path d="M5 20c1.5-3.5 4-5 7-5s5.5 1.5 7 5"/></svg>
            Sign in to use your saved address
          </a>

          <div class="grid grid-cols-2 gap-1 bg-stone-100 border border-stone-200 rounded-md p-[3px] shrink-0" role="tablist">
    <form class="contents" data-turbo="false" action="/en/fulfillment" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KYquCm8H9yCcetOORySO-CsGNKY_SrWn-vkEhX5oBW3tsnCQFs3OQkV6Jtk6AunLxKCu1XQ7p9cMS9T6Lh6_Jg" autocomplete="off" />
      <input type="hidden" name="fulfillment_type" value="delivery" autocomplete="off" />
      <input type="hidden" name="surface" value="sheet" autocomplete="off" />
      <input type="hidden" name="return_to" value="/en/areas/modal_choose?return_to=%2Fen%2Fmenus%2Fauthentic-egyptian-dishes" autocomplete="off" />
      <button type="submit" role="tab" aria-selected="true"
              data-area-sheet-target="segDelivery"
              data-action="click->area-sheet#showDelivery"
              class="rounded-md px-2.5 h-[38px] text-base font-semibold transition-colors bg-white text-stone-800 border border-stone-200">
        Delivery
      </button>
</form>    <form class="contents" data-turbo="false" action="/en/fulfillment" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wuvtqe0Rrw4dfAOXk60bcR4cXVgd3S_fKvkHy59hgWAG0zMzlNuWbMR89sDui3xC8brHK1asPa_cS9e0zxc7Kw" autocomplete="off" />
      <input type="hidden" name="fulfillment_type" value="takeout" autocomplete="off" />
      <input type="hidden" name="surface" value="sheet" autocomplete="off" />
      <input type="hidden" name="return_to" value="/en/areas/modal_choose?return_to=%2Fen%2Fmenus%2Fauthentic-egyptian-dishes" autocomplete="off" />
      <button type="submit" role="tab" aria-selected="false"
              data-area-sheet-target="segPickup"
              data-action="click->area-sheet#showPickup"
              class="rounded-md px-2.5 h-[38px] text-base font-semibold transition-colors text-stone-500 border border-stone-200">
        Pickup
      </button>
</form></div>



        <div class=" flex-1 min-h-0 flex flex-col" data-area-sheet-target="deliveryPane">
          <div class="relative my-3 shrink-0">
            <span class="absolute start-3 top-1/2 -translate-y-1/2 text-stone-400 pointer-events-none">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="6.5"/><path d="m20 20-4.2-4.2"/></svg>
            </span>
            <input type="text"
                   class="w-full ps-9 pe-3 py-2.5 min-h-[44px] text-base border border-stone-200 rounded-lg bg-stone-50 placeholder:text-stone-400 focus:bg-white focus:border-brand-primary-400 focus:ring-0"
                   placeholder="Search areas…"
                   autocomplete="off"
                   data-area-sheet-target="searchInput"
                   data-action="input->area-sheet#filter">
          </div>

          <div class="flex-1 min-h-0 overflow-y-auto space-y-[7px]" data-area-sheet-target="areaList">
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="9d86c42a-b50c-4b0d-893a-03327f5c4080"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Abasiya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="abasiya العباسية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Abasiya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="4e783b9c-242c-4090-b9c0-67615733c4e0"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Abdullah Al-Mubarak"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="abdullah al-mubarak عبد الله المبارك"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Abdullah Al-Mubarak</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="ea91c890-b7de-4377-9a57-5d7920f1bfda"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Abdullah Al-Mubarak - West Jleeb"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="abdullah al-mubarak - west jleeb عبدالله المبارك - غرب الجليب"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Abdullah Al-Mubarak - West Jleeb</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="8f08eb78-457a-4a7b-972a-2496f3ff3606"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Abdullah Al-Salem"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="abdullah al-salem عبدالله السالم"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Abdullah Al-Salem</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="dc831094-4d94-4d22-9fc0-142d1fc441f3"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Abu Al-Hasaniya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="abu al-hasaniya أبو الحصانية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Abu Al-Hasaniya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="785f1ec6-3c22-46f3-95b9-3997337a8bbd"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Abu Fatira"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="abu fatira أبو فطيرة"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Abu Fatira</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="ec65b0ce-b60c-4066-bd29-aabf466e5120"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Abu Halifa"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="abu halifa أبو حليفة"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Abu Halifa</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="27d76c3c-51b3-42bf-a49b-0270a8a78ebc"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Adan"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="adan العدان"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Adan</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="1bf8a3f7-be1d-4964-a6f0-01d0a0b486f7"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Adiliya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="adiliya العديلية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Adiliya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="c0b57907-91f8-4f63-9c7f-8c4ebdf1b6a5"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Ahmadi"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="ahmadi الأحمدي"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Ahmadi</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="2be82197-ef08-4e80-be08-ef7967f48f40"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Andalous"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="andalous الأندلس"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Andalous</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="758027d7-da12-43f9-9a13-e8499192255c"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Ardiya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="ardiya العارضية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Ardiya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="39af2a1a-2c55-4678-92ba-fcd438b2fb72"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Ardiya Gov. Uses"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="ardiya gov. uses العارضية استعمالات حكومية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Ardiya Gov. Uses</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="b1c62bae-48b2-4e4d-89a7-6ddacf7e7118"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Ardiya Herafiya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="ardiya herafiya العارضية الحرفية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Ardiya Herafiya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="0cd71bd5-d039-44b8-a3c3-f40038513f78"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Ardiya Storage Zone"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="ardiya storage zone العارضية مخازن"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Ardiya Storage Zone</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="1b50fb17-5d36-488b-9c1d-d81d4cbcaab8"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Bayan"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="bayan بيان"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Bayan</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="7fec20bd-a086-46fe-900a-6b41a853130b"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Bneid Al-Qar"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="bneid al-qar بنيد القار"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Bneid Al-Qar</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="bbcf90f6-11e4-478f-8725-4b78db6c9990"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Daiya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="daiya الدعية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Daiya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="623b43f0-f3cb-44c0-8104-2e4cdca1c3df"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Dasma"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="dasma الدسمة"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Dasma</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="9121c7bf-3075-4271-8135-4c044ede6c2d"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Dhajeej"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="dhajeej الضجيج"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Dhajeej</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="e49ea4b3-956d-4b0e-b7a8-a5514d0a845c"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Doha"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="doha الدوحة"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Doha</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="23112514-d0f7-4882-a057-517baf3b7f6a"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Doha Chalets"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="doha chalets شاليهات الدوحه"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Doha Chalets</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="c899fc82-7a30-4b35-ae6f-90c90b9d9413"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Faiha"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="faiha الفيحاء"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Faiha</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="2f48ed94-76e8-4605-ba0a-b725c015d9ed"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Farwaniya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="farwaniya الفروانية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Farwaniya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="83097489-9bfa-4624-8520-3cebe40fb610"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Ferdous"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="ferdous الفردوس"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Ferdous</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="8e1769d6-ba4a-4b96-8082-03eed54cdfc5"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Ghornata"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="ghornata غرناطة"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Ghornata</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="f1691eb3-0d9a-490b-b459-9b6277703106"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Hasawi"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="hasawi الحساوي"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Hasawi</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="1f2d473b-efe2-4338-8db9-e295e227bcf1"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Hateen"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="hateen حطين"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Hateen</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="2b0484be-b0b1-4e36-9024-42520b9d48cc"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Hawali"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="hawali حولي"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Hawali</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="ec19a5f2-55de-42e3-90b2-f4014cd693e6"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Ishbiliya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="ishbiliya اشبيلية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Ishbiliya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="10347976-22ac-46ad-b0b7-149ec565f61c"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Jaber Al-Ahmad"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="jaber al-ahmad جابر الأحمد"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Jaber Al-Ahmad</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="339a6435-24ee-4d64-9eae-1e757a8b3385"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Jabriya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="jabriya الجابرية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Jabriya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="30f4124e-c8f5-4bf1-a084-9b22307f6773"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Jahra"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="jahra الجهراء"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Jahra</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="e21ff804-307a-4c58-8c08-3f6e95c4919c"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Jleeb Shuyoukh"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="jleeb shuyoukh جليب الشيوخ"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Jleeb Shuyoukh</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="fd05da61-c551-47b0-b7f5-089a9335b914"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Kaifan"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="kaifan كيفان"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Kaifan</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="654c634f-0e1f-4bab-be20-d1532d9b07ef"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Khaitan"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="khaitan خيطان"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Khaitan</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="c9526d9a-71c3-4c38-9ec8-57c13e0bae25"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Khaldiya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="khaldiya الخالدية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Khaldiya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="71d7d625-2420-4474-97c7-c8492cef8e9b"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Maidan Hawali"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="maidan hawali ميدان حولي"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Maidan Hawali</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="2306cf83-43f9-41fa-af4a-ba8a7a029dfa"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Mansouriya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="mansouriya المنصورية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Mansouriya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="aeb16ab6-4db3-491d-b01d-02c7f67bd134"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Mishrif"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="mishrif مشرف"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Mishrif</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="bd5e9717-b88c-4405-a9a9-4a04441f9031"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Mubarak Al-Abdullah - West Mishrif"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="mubarak al-abdullah - west mishrif مبارك العبدالله - غرب مشرف"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Mubarak Al-Abdullah - West Mishrif</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="68e890e5-8191-42fc-95af-4f55bccdb61c"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Naeem"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="naeem النعيم"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Naeem</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="d48fc10e-7e32-4243-ae3e-cb474c2f924e"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Nahda"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="nahda النهضة"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Nahda</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="2cc28716-e22e-4dfd-87bb-917aacd49301"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Naseem"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="naseem النسيم"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Naseem</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="5bd815f9-39d3-4721-83aa-da33647f3800"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="North West Sulaibikhat"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="north west sulaibikhat شمال غرب الصليبيخات"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">North West Sulaibikhat</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="e0b4aa54-c5f7-4f8e-b4b7-b6c503b736c3"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Nuzha"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="nuzha النزهة"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Nuzha</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="a00f2ba3-be22-4442-95a9-15dc1aac604f"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Omariya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="omariya العمرية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Omariya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="2c52a32e-96b7-4648-be84-80c61090023e"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Oyoun"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="oyoun العيون"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Oyoun</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="9caf6cbe-e93d-49cb-be05-f84ab0b6559d"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Qadisiya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="qadisiya القادسية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Qadisiya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="33af4ffe-fdcd-44be-bba4-2a73810ddf96"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Qairawan"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="qairawan القيروان"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Qairawan</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="64d99874-6a47-4f4e-be45-b289fd3ba747"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Qasr"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="qasr القصر"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Qasr</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="c99d6cad-c6ed-4507-bcb4-b11ccc18d019"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Qortuba"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="qortuba قرطبة"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Qortuba</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="ac236460-b6f8-4545-a6d7-ce52da7e271a"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Rabiya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="rabiya الرابية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Rabiya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="a7440a25-0e45-4d02-940a-b4432f860dc3"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Rai"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="rai الري"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Rai</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="cd334ff9-5f97-4505-9a2c-9a77bbb61f7b"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Rawda"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="rawda الروضة"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Rawda</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="4985a697-adb1-456a-94d2-4cd730c10a58"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Rehab"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="rehab الرحاب"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Rehab</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="58d26193-a513-431e-be0f-0cf336000f52"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Riqai"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="riqai الرقعي"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Riqai</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="4472e638-6a8b-415c-a394-957e7a1998f2"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Rumathiya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="rumathiya الرميثية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Rumathiya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="455b0822-67c1-427c-a546-627a07fe916a"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Saad Al-Abdullah"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="saad al-abdullah سعد العبدالله"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Saad Al-Abdullah</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="ca8dbb96-0ac0-48f7-a541-86779e0f5028"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Sabah Al-Naser"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="sabah al-naser صباح الناصر"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Sabah Al-Naser</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="bf0e4b56-8d43-4c4c-9590-48e8d3848d5f"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Sabhan"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="sabhan الصبحان"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Sabhan</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="c7f44d9f-437d-4259-afe6-53957e4af474"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Salam"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="salam السلام"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Salam</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="cf653393-842d-45a3-93df-1496d8a83d44"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Salmiya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="salmiya السالمية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Salmiya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="14fca7bb-bfc6-4607-9173-1846864df673"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Salwa"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="salwa سلوى"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Salwa</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="06a77e33-2b97-45ef-9313-d2367e746e12"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Sedeeq"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="sedeeq الصديق"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Sedeeq</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="b7197ab8-74bb-4113-b0be-fad268886149"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Shaab"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="shaab الشعب"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Shaab</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="5c5a2f5c-cd30-4934-aab6-2724bbbe54af"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Shamiya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="shamiya الشامية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Shamiya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="f28cc06f-7bfd-47e5-9029-c6d253b99066"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Sharq"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="sharq شرق"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Sharq</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="817af7cd-fa8c-44e7-b276-40ba53fbbcf4"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Shedadiya"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="shedadiya الشدادية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Shedadiya</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="6b5686c0-17ef-4c21-b716-480dda8b160c"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Shuhada"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="shuhada الشهداء"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Shuhada</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="1eecabbe-5b6c-4036-99a9-fcd63a387995"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Shuwaikh"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="shuwaikh الشويخ"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Shuwaikh</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="9cb875f7-e958-484c-b086-2aeda0de2cdd"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Shuwaikh Administration"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="shuwaikh administration الشويخ الادارية"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Shuwaikh Administration</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="77f522b4-fb3e-4333-8ec9-289e022002bb"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Shuwaikh Educational"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="shuwaikh educational الشويخ التعليميه"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Shuwaikh Educational</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="07490eb9-273c-45d2-a181-c8bf0df82f0e"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Shuwaikh Health"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="shuwaikh health الشويخ الصحيه"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Shuwaikh Health</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="4a88c4f2-ee57-4aff-88b2-3daf5ecf232a"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Shuwaikh Industrial - 1"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="shuwaikh industrial - 1 الشويخ الصناعية 1"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Shuwaikh Industrial - 1</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="16dd51b8-2053-4b8a-be56-2ad6571f5227"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Shuwaikh Industrial - 2"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="shuwaikh industrial - 2 الشويخ الصناعيه 2"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Shuwaikh Industrial - 2</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="f927003f-d254-419b-aa70-e73ee029eb86"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Shuwaikh Industrial - 3"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="shuwaikh industrial - 3 الشويخ الصناعية 3"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Shuwaikh Industrial - 3</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="928e2bd2-718c-44cf-bdc8-4c5ffb8506f3"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="South Saad Al-Abdullah"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="south saad al-abdullah جنوب سعد العبدالله"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">South Saad Al-Abdullah</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="478a1a61-095d-43eb-9cba-0541c839f17f"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Surra"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="surra السرة"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Surra</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="7d642fa7-2b4b-4a80-92bd-e3fcdad53ff0"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Taima"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="taima تيماء"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Taima</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="4c2644aa-47d6-4f9d-b9e8-6ee0a8cd141a"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="West Abdullah Al-Mubarak"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="west abdullah al-mubarak غرب عبدالله المبارك"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">West Abdullah Al-Mubarak</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="cd009e38-bd75-4dcd-a9af-457ca23e641e"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Yarmouk"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="yarmouk اليرموك"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Yarmouk</span>
                  
                </span>
              </button>
              <button type="button"
                      class="w-full flex items-center gap-2.5 text-start rounded-lg px-3 py-2.5 min-h-[48px] border-[1.5px] transition-colors bg-white border-stone-200"
                      data-area-sheet-target="areaRow"
                      data-area-id="a63273aa-40bf-4bf5-a293-f676134599bc"
                      data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                      data-area-name="Zahra"
                      data-branch-name="Ardiya Herafiya"
                      data-search-text="zahra الزهراء"
                      data-action="click->area-sheet#pickArea">
                <span class="flex-1 min-w-0">
                  <span class="block text-sm font-semibold text-stone-800 truncate">Zahra</span>
                  
                </span>
              </button>
            <div class="hidden text-center py-8 text-sm text-stone-500" data-area-sheet-target="emptyState">
              Nothing matches that — try another word.
            </div>
          </div>
        </div>

          <div class="hidden flex-1 min-h-0 overflow-y-auto space-y-[7px] mt-3" data-area-sheet-target="pickupPane">
              <form data-turbo="false" action="/en/fulfillment" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="skcIRkNoI4OSqWdTiBHXy5AggsM3FT36qu-at8QZ2SZ2f9bcOqIa4UupkgT1N7D4f4YYsHxkL4pcXUrIlG9jbQ" autocomplete="off" />
                <input type="hidden" name="fulfillment_type" value="takeout" autocomplete="off" />
                <input type="hidden" name="branch_id" value="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da" autocomplete="off" />
                <input type="hidden" name="surface" value="sheet" autocomplete="off" />
                <input type="hidden" name="pending_item_id" autocomplete="off" />
                <input type="hidden" name="pending_item_options" autocomplete="off" />
                <input type="hidden" name="return_to" data-area-sheet-target="returnTo">
                <button type="submit"
                        data-action="click->area-sheet#pickPickupBranch"
                        data-mode="pickup"
                        data-branch-id="1c4d4df3-9574-40d9-80d9-2a7ee03ec7da"
                        data-branch-name="Ardiya Herafiya"
                        class="w-full flex items-center gap-2.5 text-start rounded-md px-3 py-2.5 min-h-[56px] border-[1.5px] transition-colors bg-white border-stone-200">
                  <span class="w-9 h-9 rounded-md bg-stone-100 text-stone-500 flex items-center justify-center shrink-0" aria-hidden="true">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 21s7-6.5 7-12a7 7 0 0 0-14 0c0 5.5 7 12 7 12Z"/><circle cx="12" cy="9" r="2.5"/></svg>
                  </span>
                  <span class="flex-1 min-w-0">
                    <span class="block text-sm font-semibold text-stone-800 truncate">Ardiya Herafiya</span>
                    <span class="block text-xs text-stone-500">Open until 9:00 PM</span>
                  </span>
                    <span class="text-stone-400 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-noqat-directional=""><path d="m9 6 6 6-6 6"/></svg></span>
                </button>
</form>          </div>
      </div>

    </div>
  </div>

  <div class="hidden fixed inset-0 z-[110] flex items-center justify-center p-6 bg-stone-900/40"
       data-area-sheet-target="confirm">
    <div class="bg-white rounded-xl p-5 w-full max-w-[330px] shadow-2xl" role="alertdialog" aria-modal="true">
      <h3 class="text-base font-semibold text-stone-800 mb-2" data-area-sheet-target="confirmTitle">Change area?</h3>
      <p class="text-sm text-stone-600 leading-relaxed mb-4" data-area-sheet-target="confirmBody"></p>
      <div class="flex flex-col gap-2">
        <button type="button"
                class="cta-shadow w-full rounded-lg bg-brand-primary-600 hover:bg-brand-primary-700 text-white text-sm font-semibold px-4 py-3 min-h-[44px] transition-colors"
                data-area-sheet-target="confirmClear"
                data-action="click->area-sheet#confirmChange">
          Change &amp; clear cart
        </button>
        <button type="button"
                class="w-full rounded-lg border-[1.5px] border-stone-200 text-stone-700 text-sm font-semibold px-4 py-3 min-h-[44px] hover:border-stone-300 transition-colors"
                data-action="click->area-sheet#cancelChange">
          Keep my cart
        </button>
      </div>
    </div>
  </div>

  <form data-turbo="false" data-area-sheet-target="areaForm" action="/en/areas/select" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZhZWTFFjFcTzf2hRjSck49f7skVkesm9xoD0YXhnm_tMKEmqtGCjADMkrrlkcr0CCSkQHxkAyG50HW_HxXgJSg" autocomplete="off" />
    <input type="hidden" name="area_id" data-area-sheet-target="areaIdInput">
    <input type="hidden" name="pending_item_id" id="pending_item_id" autocomplete="off" />
    <input type="hidden" name="pending_item_options" id="pending_item_options" autocomplete="off" />
    <input type="hidden" name="return_to" data-area-sheet-target="returnTo">
</form></div>
</template></turbo-stream>