<turbo-stream method="morph" action="replace" target="booking-main"><template>

<div id="booking-main" class="tw:mx-auto tw:flex tw:max-w-5xl tw:flex-col tw:px-4 tw:mb-12">
  

  
<div class="tw:hidden tw:leading-4 tw:sm:block" data-test="breadcrumbs">

    <div class="tw:inline-block">
      <form class="button_to" method="get" action="https://www.dockspot.com/de/docks/137-visby"><button class="tw:btn tw:btn-secondary tw:text-primary" type="submit">Hafen</button></form>
    </div>

    <span class="tw:material-icon tw:inline-block tw:align-middle tw:text-xl tw:text-base-400">chevron_right</span>

  <div class="tw:inline-block">
    <div class="tw:px-6
                tw:py-2
                tw:text-[18px]
                tw:text-center
                tw:rounded-md
                tw:transition-colors
                tw:box-border
                tw:border
                tw:bg-base-100
                tw:border-base-300">
      Spot-Auswahl
    </div>
  </div>
</div>

<div class="tw:sm:hidden">

    <form class="button_to" method="get" action="https://www.dockspot.com/de/docks/137-visby"><button class="tw:text-primary tw:flex tw:items-center tw:gap-1" type="submit"><span class="tw:material-icon tw:size-4">arrow_back</span> Zurückgehen</button></form>
</div>


  <header class="tw:mt-4 tw:pb-8">
    <h1 class="tw:text-2xl tw:lg:text-4xl">
        Drop-In
    </h1>
  </header>

    <div class="tw:relative tw:flex tw:items-start">
      <main class="tw:flex-1">
        <form id="drop_in" data-turbo="true" data-turbo-stream="true" data-controller="turbo-submit bookings-drop-in-spot-selection" data-turbo-submit-target="form" data-action="bookings-drop-in-spot-selection:selected-&gt;turbo-submit#requestSubmit" data-bookings-drop-in-spot-selection-bookings-drop-in-spot-selection-map-outlet=".spot-selection-map" class="tw:group" novalidate="novalidate" action="https://www.dockspot.com/de/docks/137-visby/drop_in/overnight" accept-charset="UTF-8" method="get">
          <input value="overnight" autocomplete="off" type="hidden" name="stay_type" id="stay_type" />
          <div data-bookings-drop-in-spot-selection-target="formFields">
            <div class="tw:w-full tw:mb-7">
              <label for="spot_display">Ich liege am</label>

<div class="tw:flex tw:gap-2 tw:items-end tw:mb-2">
  <div class="tw:relative tw:mt-2 tw:w-full" id="spot_selection" data-controller="dropdown list-filter list-navigation" data-action="dropdown:selected-&gt;turbo-submit#requestSubmit dropdown:cleared-&gt;turbo-submit#requestSubmit dropdown:opened-&gt;list-filter#focus list-filter:filtered-&gt;list-navigation#reset">

  <div class="tw:hidden">
    <label for="spot_id">Ich liege am</label>
    <select data-dropdown-target="selectInput" data-bookings-drop-in-spot-selection-target="selectInput" data-action="change-&gt;dropdown#refreshFromSelectInput" name="spot_id" id="spot_id"><option value="">— Wähle Liegeplatz —</option>
<option value="110">1</option>
<option value="109">2</option>
<option value="98">3</option>
<option value="99">4</option>
<option value="100">5</option>
<option value="101">6</option>
<option value="102">7</option>
<option value="103">8</option>
<option value="104">9</option>
<option value="105">10</option>
<option value="106">11</option>
<option value="107">12</option>
<option value="108">13</option>
<option value="2663">BK 3 Pay&amp;Stay</option>
<option value="2664">BK 4 Pay&amp;Stay</option>
<option value="2665">BK 5 Pay&amp;Stay</option>
<option value="2666">BK 6 Pay&amp;Stay</option>
<option value="2667">BK 7 Pay&amp;Stay</option>
<option value="2668">BK 8 Pay&amp;Stay</option>
<option value="2669">BK 9 Pay&amp;Stay</option>
<option value="2670">BK 10 Pay&amp;Stay</option>
<option value="2671">BK 11 Pay&amp;Stay</option>
<option value="2672">BK 12 Pay&amp;Stay</option>
<option value="2592">BK1 Pay&amp;Stay</option>
<option value="2593">BK2 Pay&amp;Stay</option>
<option value="2572">F1 Pay&amp;Stay</option>
<option value="2573">F2 Pay&amp;Stay</option>
<option value="2574">F3 Pay&amp;Stay</option>
<option value="2575">F4 Pay&amp;Stay</option>
<option value="2576">F5 Pay&amp;Stay</option>
<option value="2577">F6 Pay&amp;Stay</option>
<option value="2578">F7 Pay&amp;Stay</option>
<option value="2579">F8 Pay&amp;Stay</option>
<option value="2580">F9 Pay&amp;Stay</option>
<option value="2581">F10 Pay&amp;Stay</option>
<option value="2582">F11 Pay&amp;Stay</option>
<option value="2583">F12 Pay&amp;Stay</option>
<option value="2584">F13 Pay&amp;Stay</option>
<option value="2585">F14 Pay&amp;Stay</option>
<option value="2586">F15 Pay&amp;Stay</option>
<option value="2587">F16 Pay&amp;Stay</option>
<option value="2589">F17 Pay&amp;Stay</option>
<option value="2588">F18 Pay&amp;Stay</option>
<option value="2590">F19 Pay&amp;Stay</option>
<option value="2606">i1 Pay&amp;Stay</option>
<option value="2607">i2 Pay&amp;Stay</option>
<option value="2608">i3 Pay&amp;Stay</option>
<option value="2609">i4 Pay&amp;Stay</option>
<option value="2610">i5 Pay&amp;Stay</option>
<option value="2611">i6 Pay&amp;Stay</option>
<option value="2612">i7 Pay&amp;Stay</option>
<option value="2613">i8 Pay&amp;Stay</option>
<option value="2614">i9 Pay&amp;Stay</option>
<option value="2615">i10 Pay&amp;Stay</option>
<option value="2616">i11 Pay&amp;Stay</option>
<option value="2617">i12 Pay&amp;Stay</option>
<option value="2621">i13 Pay&amp;Stay</option>
<option value="2619">i14 Pay&amp;Stay</option>
<option value="2622">i15 Pay&amp;Stay</option>
<option value="2623">i16 Pay&amp;Stay</option>
<option value="2624">i17 Pay&amp;Stay</option>
<option value="2625">i18 Pay&amp;Stay</option>
<option value="2626">i19 Pay&amp;Stay</option>
<option value="2627">i20 Pay&amp;Stay</option>
<option value="2628">i21 Pay&amp;Stay</option>
<option value="2629">i22 Pay&amp;Stay</option>
<option value="2630">i23 Pay&amp;Stay</option>
<option value="2631">i24 Pay&amp;Stay</option>
<option value="2632">i25 Pay&amp;Stay</option>
<option value="2633">i26 Pay&amp;Stay</option>
<option value="2634">i27 Pay&amp;Stay</option>
<option value="2635">i28 Pay&amp;Stay</option>
<option value="2642">i29 Pay&amp;Stay</option>
<option value="2648">i30 Pay&amp;Stay</option>
<option value="2647">i31 Pay&amp;Stay</option>
<option value="2646">i32 Pay&amp;Stay</option>
<option value="2645">i33 Pay&amp;Stay</option>
<option value="2644">i34 Pay&amp;Stay</option>
<option value="2643">i35 Pay&amp;Stay</option>
<option value="2641">i36 Pay&amp;Stay</option>
<option value="2640">i37 Pay&amp;Stay</option>
<option value="2639">i38 Pay&amp;Stay</option>
<option value="2638">i39 Pay&amp;Stay</option>
<option value="2637">i40 Pay&amp;Stay</option>
<option value="2636">i41 Pay&amp;Stay</option>
<option value="2649">i50 Pay&amp;Stay</option>
<option value="2650">i51 Pay&amp;Stay</option>
<option value="2651">i52 Pay&amp;Stay</option>
<option value="2652">i53 Pay&amp;Stay</option>
<option value="2653">i54 Pay&amp;Stay</option>
<option value="2654">i55 Pay&amp;Stay</option>
<option value="2659">i56 Pay&amp;Stay</option>
<option value="2655">i57 Pay&amp;Stay</option>
<option value="2657">i58 Pay&amp;Stay</option>
<option value="2656">i59 Pay&amp;Stay</option>
<option value="2660">i60 Pay&amp;Stay</option>
<option value="2661">i61 Pay&amp;Stay</option>
<option value="2594">KA 1 Pay&amp;Stay</option>
<option value="2600">KA 2 Pay&amp;Stay</option>
<option value="2595">KA 3 Pay&amp;Stay</option>
<option value="2601">KA 4 Pay&amp;Stay</option>
<option value="2602">KA 5 Pay&amp;Stay</option>
<option value="2596">KA 6 Pay&amp;Stay</option>
<option value="2603">KA 7 Pay&amp;Stay</option>
<option value="2597">KA 8 Pay&amp;Stay</option>
<option value="2604">KA 9 Pay&amp;Stay</option>
<option value="2598">KA 10 Pay&amp;Stay</option>
<option value="2599">KA 11 Pay&amp;Stay</option>
<option value="2605">KA 12 Pay&amp;Stay</option></select>
  </div>

  <input type="text" id="spot_display" class="tw:peer/combobox tw:mb-0 tw:cursor-pointer tw:rounded-lg tw:py-1.5 tw:pl-3 tw:pr-12 tw:focus:outline-hidden tw:focus:cursor-text tw:placeholder:font-medium tw:placeholder:text-base-500 tw:focus:border-sky-500" autocomplete="off" placeholder="Suche nach Liegeplatz" data-action="click-&gt;dropdown#open:stop keydown.up-&gt;list-navigation#navigateUp:prevent keydown.down-&gt;list-navigation#navigateDown:prevent keydown.enter-&gt;dropdown#selectActive:prevent keydown.esc-&gt;dropdown#close input-&gt;list-filter#filter:stop" data-dropdown-target="combobox" data-list-filter-target="search" />

  <button name="button" type="button" class="tw:absolute tw:inset-y-0 tw:right-6 tw:flex tw:items-center tw:px-2 tw:text-sky-500 tw:hover:text-sky-800 tw:focus:outline-hidden tw:peer-placeholder-shown/combobox:invisible" data-action="dropdown#clear:stop"><span class="tw:material-icon tw:text-xl">cancel</span></button>

  <button name="button" type="button" class="tw:absolute tw:inset-y-0 tw:right-0 tw:flex tw:items-center tw:px-2 tw:focus:outline-hidden" data-action="click-&gt;dropdown#toggle:stop"><span class="tw:material-icon tw:text-sky-500">unfold_more</span></button>

  <div class="tw:absolute tw:z-10 tw:hidden tw:max-h-60 tw:w-full tw:bg-white tw:overflow-auto tw:rounded-lg tw:pb-1 tw:mt-1 tw:text-base-700 tw:shadow-lg tw:ring-1 tw:ring-black/5 tw:focus:outline-hidden tw:sm:text-base/6 tw:aria-expanded:block" aria-expanded="false" data-dropdown-target="list">

    <ul role="listbox">
        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="110" data-label="1" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">1</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="109" data-label="2" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">2</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="98" data-label="3" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">3</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="99" data-label="4" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">4</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="100" data-label="5" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">5</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="101" data-label="6" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">6</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="102" data-label="7" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">7</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="103" data-label="8" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">8</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="104" data-label="9" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">9</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="105" data-label="10" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">10</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="106" data-label="11" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">11</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="107" data-label="12" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">12</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="108" data-label="13" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">13</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2663" data-label="BK 3 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 3 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2664" data-label="BK 4 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 4 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2665" data-label="BK 5 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 5 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2666" data-label="BK 6 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 6 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2667" data-label="BK 7 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 7 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2668" data-label="BK 8 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 8 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2669" data-label="BK 9 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 9 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2670" data-label="BK 10 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 10 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2671" data-label="BK 11 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 11 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2672" data-label="BK 12 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 12 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2592" data-label="BK1 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK1 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2593" data-label="BK2 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK2 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2572" data-label="F1 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F1 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2573" data-label="F2 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F2 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2574" data-label="F3 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F3 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2575" data-label="F4 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F4 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2576" data-label="F5 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F5 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2577" data-label="F6 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F6 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2578" data-label="F7 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F7 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2579" data-label="F8 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F8 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2580" data-label="F9 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F9 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2581" data-label="F10 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F10 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2582" data-label="F11 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F11 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2583" data-label="F12 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F12 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2584" data-label="F13 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F13 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2585" data-label="F14 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F14 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2586" data-label="F15 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F15 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2587" data-label="F16 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F16 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2589" data-label="F17 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F17 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2588" data-label="F18 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F18 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2590" data-label="F19 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F19 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2606" data-label="i1 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i1 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2607" data-label="i2 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i2 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2608" data-label="i3 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i3 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2609" data-label="i4 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i4 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2610" data-label="i5 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i5 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2611" data-label="i6 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i6 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2612" data-label="i7 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i7 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2613" data-label="i8 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i8 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2614" data-label="i9 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i9 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2615" data-label="i10 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i10 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2616" data-label="i11 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i11 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2617" data-label="i12 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i12 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2621" data-label="i13 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i13 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2619" data-label="i14 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i14 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2622" data-label="i15 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i15 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2623" data-label="i16 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i16 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2624" data-label="i17 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i17 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2625" data-label="i18 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i18 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2626" data-label="i19 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i19 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2627" data-label="i20 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i20 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2628" data-label="i21 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i21 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2629" data-label="i22 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i22 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2630" data-label="i23 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i23 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2631" data-label="i24 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i24 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2632" data-label="i25 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i25 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2633" data-label="i26 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i26 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2634" data-label="i27 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i27 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2635" data-label="i28 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i28 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2642" data-label="i29 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i29 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2648" data-label="i30 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i30 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2647" data-label="i31 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i31 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2646" data-label="i32 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i32 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2645" data-label="i33 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i33 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2644" data-label="i34 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i34 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2643" data-label="i35 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i35 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2641" data-label="i36 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i36 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2640" data-label="i37 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i37 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2639" data-label="i38 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i38 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2638" data-label="i39 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i39 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2637" data-label="i40 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i40 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2636" data-label="i41 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i41 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2649" data-label="i50 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i50 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2650" data-label="i51 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i51 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2651" data-label="i52 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i52 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2652" data-label="i53 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i53 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2653" data-label="i54 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i54 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2654" data-label="i55 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i55 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2659" data-label="i56 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i56 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2655" data-label="i57 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i57 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2657" data-label="i58 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i58 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2656" data-label="i59 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i59 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2660" data-label="i60 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i60 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2661" data-label="i61 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i61 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2594" data-label="KA 1 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 1 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2600" data-label="KA 2 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 2 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2595" data-label="KA 3 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 3 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2601" data-label="KA 4 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 4 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2602" data-label="KA 5 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 5 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2596" data-label="KA 6 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 6 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2603" data-label="KA 7 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 7 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2597" data-label="KA 8 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 8 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2604" data-label="KA 9 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 9 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2598" data-label="KA 10 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 10 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2599" data-label="KA 11 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 11 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2605" data-label="KA 12 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 12 Pay&amp;Stay</span>
</li></ul>
</div></div>

  <a href="#" data-action="click->bookings-drop-in-spot-selection#showMap" class="tw:flex tw:items-center tw:gap-1 tw:btn tw:py-[9px] tw:px-3 tw:leading-7 tw:group-aria-busy:hidden">
    <div class="tw:material-icon">map</div>
    <div>Karte</div>
  </a>

  <span class="tw:items-center tw:gap-1 tw:btn tw:py-[9px] tw:px-3 tw:leading-7 tw:text-base-400 tw:hidden tw:group-aria-busy:flex">
    <div class="tw:material-icon">map</div>
    <div>Karte</div>
  </span>
</div>

<div class="tw:mb-2 tw:mt-2 tw:hidden tw:group-aria-busy:block">
  <i class="tw:material-icon tw:animate-spin tw:text-base-500">refresh</i>
</div>

  <div class="tw:mb-4 tw:mt-2 tw:flex tw:group-aria-busy:hidden">
    <i class="material-icons tw:mr-2 tw:text-brand">info</i>
    <div class="tw:text-base-500">
      Wenn der Liegeplatz nicht in der Liste aufgeführt ist, steht er derzeit nicht zur Verfügung.
    </div>
  </div>

            </div>

              <div class="tw:w-full tw:mb-4">
                  <label for="date_picker_display">Ich möchte bleiben bis</label>


<div class="tw:flex">
  <span data-controller="date-picker" data-date-picker-locale-value="de" class="tw:max-w-40">
    <input type="text" id="date_picker_display" value="04/12/2026" class="" min="2026-04-11" max="2026-04-30" autocomplete="off" data-date-picker-target="display" />
  <input value="2026-04-12" data-date-picker-target="value" autocomplete="off" type="hidden" name="checkout_date" id="checkout_date" />
  </span>

    <span class="tw:p-2.5 tw:text-base-500">&mdash; spätestens 12:00 Uhr</span>
</div>


              </div>

                <div class="tw:w-full tw:flex tw:justify-between">
                      <div class="tw:mb-4 tw:grow tw:mx-1">
      <label for="boat_length">Bootslänge</label>

      <div class="tw:flex">
  <input min="0.01" max="100" step="0.01" autocomplete="off" class="tw:rounded-none tw:rounded-l-lg tw:m-0 tw:h-auto tw:leading-8" data-controller="measurement-field" data-action="measurement-field#normalizeAndValidate blur-&gt;measurement-field#roundValue" type="text" name="boat_length" id="boat_length" />
  <span class="tw:text-base-500 tw:border-base-300 tw:border-t tw:border-b tw:border-r tw:rounded-r-lg tw:py-2 tw:px-1">m</span>
</div>


        <p class="tw:italic tw:text-base-800 tw:opacity-40 tw:mt-2">Gesamt (<abbr title="Länge über alles">LOA</abbr>)</p>
    </div>
    <div class="tw:mb-4 tw:grow tw:mx-1">
      <label for="boat_width">Bootsbreite</label>

      <div class="tw:flex">
  <input min="0.01" max="10" step="0.01" autocomplete="off" class="tw:rounded-none tw:rounded-l-lg tw:m-0 tw:h-auto tw:leading-8" data-controller="measurement-field" data-action="measurement-field#normalizeAndValidate blur-&gt;measurement-field#roundValue" type="text" name="boat_width" id="boat_width" />
  <span class="tw:text-base-500 tw:border-base-300 tw:border-t tw:border-b tw:border-r tw:rounded-r-lg tw:py-2 tw:px-1">m</span>
</div>


    </div>
    <div class="tw:mb-4 tw:grow tw:mx-1">
      <label for="boat_depth">Tiefgang</label>

      <div class="tw:flex">
  <input min="0.01" max="10" step="0.01" autocomplete="off" class="tw:rounded-none tw:rounded-l-lg tw:m-0 tw:h-auto tw:leading-8" data-controller="measurement-field" data-action="measurement-field#normalizeAndValidate blur-&gt;measurement-field#roundValue" type="text" name="boat_depth" id="boat_depth" />
  <span class="tw:text-base-500 tw:border-base-300 tw:border-t tw:border-b tw:border-r tw:rounded-r-lg tw:py-2 tw:px-1">m</span>
</div>


    </div>

                </div>

                <div class="tw:mb-4 tw:mt-2 tw:flex">
  <i class="material-icons tw:mr-2 tw:text-brand">warning</i>
  <div class="tw:text-base-500">
      Denken Sie daran, dass Sie bereits am Liegeplatz sein müssen. Eine Erstattung erfolgt nicht, falls der Platz bei Ankunft belegt ist. Klicken Sie <a data-turbo-frame="_top" class="tw:link" href="https://www.dockspot.com/de/docks/137-visby/spot_selections/new">hier</a>,um stattdessen eine Buchung vorzunehmen.
  </div>
</div>


              <input type="submit" name="commit" value="zur Kasse gehen" class="tw:btn tw:btn-primary tw:w-full" formaction="https://www.dockspot.com/de/docks/137-visby/drop_in" formmethod="POST" data-disable-with="zur Kasse gehen" />
          </div>

          <div
  id="spot-map-f4bed6cd-16fd-432e-87b3-78afd6fb1940"

  data-bookings-drop-in-spot-selection-target="spotMap"
  data-controller="bookings-drop-in-spot-selection-map"
  data-bookings-drop-in-spot-selection-map-config-value="{&quot;center&quot;:{&quot;lat&quot;:57.637060273860925,&quot;lng&quot;:18.284111837689828},&quot;zoom&quot;:16,&quot;maxInitialZoom&quot;:19,&quot;maxSpotZoom&quot;:20,&quot;mapType&quot;:&quot;satellite&quot;,&quot;piers&quot;:[],&quot;mapId&quot;:&quot;86381333d0bd9f95&quot;}"
  data-bookings-drop-in-spot-selection-map-spots-value="[{&quot;id&quot;:110,&quot;position&quot;:{&quot;lat&quot;:57.63807791640069,&quot;lng&quot;:18.28766763882504},&quot;number&quot;:&quot;1&quot;,&quot;description&quot;:&quot;This berth has a fixed price.&quot;},{&quot;id&quot;:109,&quot;position&quot;:{&quot;lat&quot;:57.63789184998419,&quot;lng&quot;:18.28738332466946},&quot;number&quot;:&quot;2&quot;,&quot;description&quot;:&quot;This berth have fixed price.&quot;},{&quot;id&quot;:98,&quot;position&quot;:{&quot;lat&quot;:57.63791212859402,&quot;lng&quot;:18.28730822281705},&quot;number&quot;:&quot;3&quot;,&quot;description&quot;:null},{&quot;id&quot;:99,&quot;position&quot;:{&quot;lat&quot;:57.63793567408994,&quot;lng&quot;:18.2872465320097},&quot;number&quot;:&quot;4&quot;,&quot;description&quot;:null},{&quot;id&quot;:100,&quot;position&quot;:{&quot;lat&quot;:57.63796151667544,&quot;lng&quot;:18.28718752341138},&quot;number&quot;:&quot;5&quot;,&quot;description&quot;:null},{&quot;id&quot;:101,&quot;position&quot;:{&quot;lat&quot;:57.63798448784713,&quot;lng&quot;:18.28712851481305},&quot;number&quot;:&quot;6&quot;,&quot;description&quot;:null},{&quot;id&quot;:102,&quot;position&quot;:{&quot;lat&quot;:57.63800889470109,&quot;lng&quot;:18.28706682400571},&quot;number&quot;:&quot;7&quot;,&quot;description&quot;:null},{&quot;id&quot;:103,&quot;position&quot;:{&quot;lat&quot;:57.63803617293019,&quot;lng&quot;:18.28701317982541},&quot;number&quot;:&quot;8&quot;,&quot;description&quot;:null},{&quot;id&quot;:104,&quot;position&quot;:{&quot;lat&quot;:57.63806201544421,&quot;lng&quot;:18.2869568534361},&quot;number&quot;:&quot;9&quot;,&quot;description&quot;:null},{&quot;id&quot;:105,&quot;position&quot;:{&quot;lat&quot;:57.6380849865523,&quot;lng&quot;:18.28689516262875},&quot;number&quot;:&quot;10&quot;,&quot;description&quot;:null},{&quot;id&quot;:106,&quot;position&quot;:{&quot;lat&quot;:57.63811226472428,&quot;lng&quot;:18.28684688286648},&quot;number&quot;:&quot;11&quot;,&quot;description&quot;:null},{&quot;id&quot;:107,&quot;position&quot;:{&quot;lat&quot;:57.63813936405972,&quot;lng&quot;:18.28678519205914},&quot;number&quot;:&quot;12&quot;,&quot;description&quot;:null},{&quot;id&quot;:108,&quot;position&quot;:{&quot;lat&quot;:57.63817094926237,&quot;lng&quot;:18.28671009020672},&quot;number&quot;:&quot;13&quot;,&quot;description&quot;:null},{&quot;id&quot;:2663,&quot;position&quot;:{&quot;lat&quot;:57.63760566543437,&quot;lng&quot;:18.28638051825863},&quot;number&quot;:&quot;BK 3 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2664,&quot;position&quot;:{&quot;lat&quot;:57.63763294396645,&quot;lng&quot;:18.28638990599018},&quot;number&quot;:&quot;BK 4 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2665,&quot;position&quot;:{&quot;lat&quot;:57.63766022247805,&quot;lng&quot;:18.28634967285496},&quot;number&quot;:&quot;BK 5 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2666,&quot;position&quot;:{&quot;lat&quot;:57.63768965453339,&quot;lng&quot;:18.28631078082424},&quot;number&quot;:&quot;BK 6 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2667,&quot;position&quot;:{&quot;lat&quot;:57.63771836871072,&quot;lng&quot;:18.28627322989804},&quot;number&quot;:&quot;BK 7 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2668,&quot;position&quot;:{&quot;lat&quot;:57.63774636501171,&quot;lng&quot;:18.28623567897183},&quot;number&quot;:&quot;BK 8 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2669,&quot;position&quot;:{&quot;lat&quot;:57.63777436129114,&quot;lng&quot;:18.28619812804562},&quot;number&quot;:&quot;BK 9 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2670,&quot;position&quot;:{&quot;lat&quot;:57.63780235754901,&quot;lng&quot;:18.28616057711941},&quot;number&quot;:&quot;BK 10 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2671,&quot;position&quot;:{&quot;lat&quot;:57.63782676452551,&quot;lng&quot;:18.28612168508869},&quot;number&quot;:&quot;BK 11 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2672,&quot;position&quot;:{&quot;lat&quot;:57.63785404289143,&quot;lng&quot;:18.28608547526699},&quot;number&quot;:&quot;BK 12 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2592,&quot;position&quot;:{&quot;lat&quot;:57.63772507663879,&quot;lng&quot;:18.28678162415945},&quot;number&quot;:&quot;BK1 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2593,&quot;position&quot;:{&quot;lat&quot;:57.63776958356057,&quot;lng&quot;:18.28674139102422},&quot;number&quot;:&quot;BK2 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2572,&quot;position&quot;:{&quot;lat&quot;:57.63569495426207,&quot;lng&quot;:18.28305335362874},&quot;number&quot;:&quot;F1 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2573,&quot;position&quot;:{&quot;lat&quot;:57.63565044479729,&quot;lng&quot;:18.2829916628214},&quot;number&quot;:&quot;F2 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2574,&quot;position&quot;:{&quot;lat&quot;:57.63560449948604,&quot;lng&quot;:18.28292997201406},&quot;number&quot;:&quot;F3 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2575,&quot;position&quot;:{&quot;lat&quot;:57.63555711832294,&quot;lng&quot;:18.28286023457967},&quot;number&quot;:&quot;F4 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2576,&quot;position&quot;:{&quot;lat&quot;:57.63551117289362,&quot;lng&quot;:18.28278513272726},&quot;number&quot;:&quot;F5 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2577,&quot;position&quot;:{&quot;lat&quot;:57.63578165024872,&quot;lng&quot;:18.28215642303239},&quot;number&quot;:&quot;F6 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2578,&quot;position&quot;:{&quot;lat&quot;:57.6358089301512,&quot;lng&quot;:18.28209473222505},&quot;number&quot;:&quot;F7 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2579,&quot;position&quot;:{&quot;lat&quot;:57.63583621003318,&quot;lng&quot;:18.28203304141771},&quot;number&quot;:&quot;F8 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2580,&quot;position&quot;:{&quot;lat&quot;:57.63586061833122,&quot;lng&quot;:18.28197403281938},&quot;number&quot;:&quot;F9 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2581,&quot;position&quot;:{&quot;lat&quot;:57.63587928348934,&quot;lng&quot;:18.28192575305711},&quot;number&quot;:&quot;F10 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2582,&quot;position&quot;:{&quot;lat&quot;:57.63591517799706,&quot;lng&quot;:18.28184260457765},&quot;number&quot;:&quot;F11 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2583,&quot;position&quot;:{&quot;lat&quot;:57.63594102202067,&quot;lng&quot;:18.28177823156129},&quot;number&quot;:&quot;F12 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2584,&quot;position&quot;:{&quot;lat&quot;:57.63596973758085,&quot;lng&quot;:18.28171654075395},&quot;number&quot;:&quot;F13 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2585,&quot;position&quot;:{&quot;lat&quot;:57.63599845311834,&quot;lng&quot;:18.28164948552858},&quot;number&quot;:&quot;F14 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2586,&quot;position&quot;:{&quot;lat&quot;:57.63602573285792,&quot;lng&quot;:18.28159047693025},&quot;number&quot;:&quot;F15 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2587,&quot;position&quot;:{&quot;lat&quot;:57.63618309346884,&quot;lng&quot;:18.2818919571253},&quot;number&quot;:&quot;F16 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2589,&quot;position&quot;:{&quot;lat&quot;:57.63614002037314,&quot;lng&quot;:18.28195096572362},&quot;number&quot;:&quot;F17 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2588,&quot;position&quot;:{&quot;lat&quot;:57.6362491387831,&quot;lng&quot;:18.28216017802679},&quot;number&quot;:&quot;F18 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2590,&quot;position&quot;:{&quot;lat&quot;:57.63615437807736,&quot;lng&quot;:18.2823425682398},&quot;number&quot;:&quot;F19 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2606,&quot;position&quot;:{&quot;lat&quot;:57.63874110655485,&quot;lng&quot;:18.28733721226241},&quot;number&quot;:&quot;i1 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2607,&quot;position&quot;:{&quot;lat&quot;:57.63871655661744,&quot;lng&quot;:18.2873895153382},&quot;number&quot;:&quot;i2 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2608,&quot;position&quot;:{&quot;lat&quot;:57.63869430374379,&quot;lng&quot;:18.2874431595185},&quot;number&quot;:&quot;i3 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2609,&quot;position&quot;:{&quot;lat&quot;:57.63866774384447,&quot;lng&quot;:18.28750216811683},&quot;number&quot;:&quot;i4 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2610,&quot;position&quot;:{&quot;lat&quot;:57.63864261959752,&quot;lng&quot;:18.28755983561065},&quot;number&quot;:&quot;i5 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2611,&quot;position&quot;:{&quot;lat&quot;:57.63861318831468,&quot;lng&quot;:18.2876228675225},&quot;number&quot;:&quot;i6 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2612,&quot;position&quot;:{&quot;lat&quot;:57.63858734619303,&quot;lng&quot;:18.28768053501632},&quot;number&quot;:&quot;i7 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2613,&quot;position&quot;:{&quot;lat&quot;:57.63856150405299,&quot;lng&quot;:18.28773686140563},&quot;number&quot;:&quot;i8 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2614,&quot;position&quot;:{&quot;lat&quot;:57.63853781540839,&quot;lng&quot;:18.28779587000396},&quot;number&quot;:&quot;i9 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2615,&quot;position&quot;:{&quot;lat&quot;:57.63851053755617,&quot;lng&quot;:18.28785890191581},&quot;number&quot;:&quot;i10 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2616,&quot;position&quot;:{&quot;lat&quot;:57.63848469536145,&quot;lng&quot;:18.28792461603667},&quot;number&quot;:&quot;i11 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2617,&quot;position&quot;:{&quot;lat&quot;:57.63845741746929,&quot;lng&quot;:18.28798630684402},&quot;number&quot;:&quot;i12 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2621,&quot;position&quot;:{&quot;lat&quot;:57.63843428010022,&quot;lng&quot;:18.28804620609921},&quot;number&quot;:&quot;i13 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2619,&quot;position&quot;:{&quot;lat&quot;:57.63841075786936,&quot;lng&quot;:18.28810030072715},&quot;number&quot;:&quot;i14 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2622,&quot;position&quot;:{&quot;lat&quot;:57.63838551377141,&quot;lng&quot;:18.28816281466925},&quot;number&quot;:&quot;i15 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2623,&quot;position&quot;:{&quot;lat&quot;:57.63817432434929,&quot;lng&quot;:18.28782673383057},&quot;number&quot;:&quot;i16 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2624,&quot;position&quot;:{&quot;lat&quot;:57.63821093443268,&quot;lng&quot;:18.28777308965027},&quot;number&quot;:&quot;i17 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2625,&quot;position&quot;:{&quot;lat&quot;:57.63823175191464,&quot;lng&quot;:18.28771676326096},&quot;number&quot;:&quot;i18 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2626,&quot;position&quot;:{&quot;lat&quot;:57.63825687644591,&quot;lng&quot;:18.28766580128968},&quot;number&quot;:&quot;i19 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2627,&quot;position&quot;:{&quot;lat&quot;:57.6382812831168,&quot;lng&quot;:18.28761752152741},&quot;number&quot;:&quot;i20 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2628,&quot;position&quot;:{&quot;lat&quot;:57.63830856114129,&quot;lng&quot;:18.28755717182457},&quot;number&quot;:&quot;i21 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2629,&quot;position&quot;:{&quot;lat&quot;:57.63833153209338,&quot;lng&quot;:18.28749816322625},&quot;number&quot;:&quot;i22 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2630,&quot;position&quot;:{&quot;lat&quot;:57.63835163166457,&quot;lng&quot;:18.28745256567299},&quot;number&quot;:&quot;i23 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2631,&quot;position&quot;:{&quot;lat&quot;:57.63837747395399,&quot;lng&quot;:18.28740562701523},&quot;number&quot;:&quot;i24 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2632,&quot;position&quot;:{&quot;lat&quot;:57.63839326645518,&quot;lng&quot;:18.28735198283493},&quot;number&quot;:&quot;i25 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2633,&quot;position&quot;:{&quot;lat&quot;:57.63841623735365,&quot;lng&quot;:18.28730504417717},&quot;number&quot;:&quot;i26 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2634,&quot;position&quot;:{&quot;lat&quot;:57.63843992607762,&quot;lng&quot;:18.28725274110138},&quot;number&quot;:&quot;i27 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2635,&quot;position&quot;:{&quot;lat&quot;:57.63846146126765,&quot;lng&quot;:18.28719641471207},&quot;number&quot;:&quot;i28 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2642,&quot;position&quot;:{&quot;lat&quot;:57.63845494056205,&quot;lng&quot;:18.28707452654615},&quot;number&quot;:&quot;i29 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2648,&quot;position&quot;:{&quot;lat&quot;:57.63836842472973,&quot;lng&quot;:18.287024851687},&quot;number&quot;:&quot;i30 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2647,&quot;position&quot;:{&quot;lat&quot;:57.63834258243379,&quot;lng&quot;:18.28708654249435},&quot;number&quot;:&quot;i31 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2646,&quot;position&quot;:{&quot;lat&quot;:57.6383160222772,&quot;lng&quot;:18.28713884557014},&quot;number&quot;:&quot;i32 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2645,&quot;position&quot;:{&quot;lat&quot;:57.63829486198146,&quot;lng&quot;:18.28718449711576},&quot;number&quot;:&quot;i33 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2644,&quot;position&quot;:{&quot;lat&quot;:57.63827260884937,&quot;lng&quot;:18.28723948240057},&quot;number&quot;:&quot;i34 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2643,&quot;position&quot;:{&quot;lat&quot;:57.63824820217269,&quot;lng&quot;:18.28729446768537},&quot;number&quot;:&quot;i35 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2641,&quot;position&quot;:{&quot;lat&quot;:57.63822235979121,&quot;lng&quot;:18.28735213517919},&quot;number&quot;:&quot;i36 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2640,&quot;position&quot;:{&quot;lat&quot;:57.63819867092539,&quot;lng&quot;:18.28740175604597},&quot;number&quot;:&quot;i37 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2639,&quot;position&quot;:{&quot;lat&quot;:57.63817426419899,&quot;lng&quot;:18.28745674133078},&quot;number&quot;:&quot;i38 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2638,&quot;position&quot;:{&quot;lat&quot;:57.63814913961053,&quot;lng&quot;:18.28751038551107},&quot;number&quot;:&quot;i39 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2637,&quot;position&quot;:{&quot;lat&quot;:57.63812688638913,&quot;lng&quot;:18.28756134748236},&quot;number&quot;:&quot;i40 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2636,&quot;position&quot;:{&quot;lat&quot;:57.63810391530751,&quot;lng&quot;:18.28760962724462},&quot;number&quot;:&quot;i41 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2649,&quot;position&quot;:{&quot;lat&quot;:57.63776352516562,&quot;lng&quot;:18.28723854630936},&quot;number&quot;:&quot;i50 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2650,&quot;position&quot;:{&quot;lat&quot;:57.63779594499703,&quot;lng&quot;:18.28716539502329},&quot;number&quot;:&quot;i51 Pay\u0026Stay&quot;,&quot;description&quot;:null},{&quot;id&quot;:2651,&quot;position&quot;:{&quot;lat&quot;:57.63782178768199,&quot;lng&quot;:18.28710102200694},&quot;number&quot;:&quot;i52 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2652,&quot;position&quot;:{&quot;lat&quot;:57.63784475894207,&quot;lng&quot;:18.28704469561762},&quot;number&quot;:&quot;i53 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2653,&quot;position&quot;:{&quot;lat&quot;:57.63787203729456,&quot;lng&quot;:18.28698300481028},&quot;number&quot;:&quot;i54 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2654,&quot;position&quot;:{&quot;lat&quot;:57.63789931562651,&quot;lng&quot;:18.28691594958491},&quot;number&quot;:&quot;i55 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2659,&quot;position&quot;:{&quot;lat&quot;:57.63792400967343,&quot;lng&quot;:18.28685855041022},&quot;number&quot;:&quot;i56 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2655,&quot;position&quot;:{&quot;lat&quot;:57.63794812943261,&quot;lng&quot;:18.28680061459727},&quot;number&quot;:&quot;i57 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2657,&quot;position&quot;:{&quot;lat&quot;:57.63797138774801,&quot;lng&quot;:18.28674053321356},&quot;number&quot;:&quot;i58 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2656,&quot;position&quot;:{&quot;lat&quot;:57.63799694317303,&quot;lng&quot;:18.2866799151916},&quot;number&quot;:&quot;i59 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2660,&quot;position&quot;:{&quot;lat&quot;:57.638028998887,&quot;lng&quot;:18.28661983380789},&quot;number&quot;:&quot;i60 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2661,&quot;position&quot;:{&quot;lat&quot;:57.6380505900822,&quot;lng&quot;:18.28656022626263},&quot;number&quot;:&quot;i61 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2594,&quot;position&quot;:{&quot;lat&quot;:57.63807582785807,&quot;lng&quot;:18.28592760890733},&quot;number&quot;:&quot;KA 1 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2600,&quot;position&quot;:{&quot;lat&quot;:57.63804050977761,&quot;lng&quot;:18.28599037250005},&quot;number&quot;:&quot;KA 2 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2595,&quot;position&quot;:{&quot;lat&quot;:57.63818063338076,&quot;lng&quot;:18.28613413900148},&quot;number&quot;:&quot;KA 3 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2601,&quot;position&quot;:{&quot;lat&quot;:57.63814675109364,&quot;lng&quot;:18.28619958480321},&quot;number&quot;:&quot;KA 4 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2602,&quot;position&quot;:{&quot;lat&quot;:57.63827739877226,&quot;lng&quot;:18.28633369525396},&quot;number&quot;:&quot;KA 5 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2596,&quot;position&quot;:{&quot;lat&quot;:57.63823949662378,&quot;lng&quot;:18.28640772432099},&quot;number&quot;:&quot;KA 6 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2603,&quot;position&quot;:{&quot;lat&quot;:57.63837502530209,&quot;lng&quot;:18.28653754313909},&quot;number&quot;:&quot;KA 7 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2597,&quot;position&quot;:{&quot;lat&quot;:57.63834717304101,&quot;lng&quot;:18.28659547895204},&quot;number&quot;:&quot;KA 8 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2604,&quot;position&quot;:{&quot;lat&quot;:57.63847265156947,&quot;lng&quot;:18.28675748427831},&quot;number&quot;:&quot;KA 9 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2598,&quot;position&quot;:{&quot;lat&quot;:57.63843905666459,&quot;lng&quot;:18.28682614892732},&quot;number&quot;:&quot;KA 10 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2599,&quot;position&quot;:{&quot;lat&quot;:57.63856970329132,&quot;lng&quot;:18.28693343728791},&quot;number&quot;:&quot;KA 11 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2605,&quot;position&quot;:{&quot;lat&quot;:57.63853725704323,&quot;lng&quot;:18.28701497634374},&quot;number&quot;:&quot;KA 12 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;}]"
  data-bookings-drop-in-spot-selection-map-selected-spot-id-value=""
  data-bookings-drop-in-spot-selection-map-spot-icon-value="https://www.dockspot.com/assets/icons/spots/drop_in/spot-e7b46cfa.svg"
  data-bookings-drop-in-spot-selection-map-spot-selected-icon-value="https://www.dockspot.com/assets/icons/spots/drop_in/spot_selected-f83b3497.svg"
  data-bookings-drop-in-spot-selection-map-delay-marker-icon-update-value="false"
  data-action="bookings-drop-in-spot-selection-map:spotSelected-&gt;bookings-drop-in-spot-selection#selectSpot bookings-drop-in-spot-selection-map:close-&gt;bookings-drop-in-spot-selection#showList"
  class="spot-selection-map tw:fixed tw:left-0 tw:top-0 tw:h-dvh tw:w-full hidden"
  >
  <div data-bookings-drop-in-spot-selection-map-target="map" class="tw:h-dvh tw:w-full"></div>

  <template data-bookings-drop-in-spot-selection-map-target="closeButtonTemplate">
    <button class="tw:btn tw:btn-secondary tw:m-4 tw:material-icon tw:text-2xl tw:p-1">
      close
    </button>
  </template>

  <template data-bookings-drop-in-spot-selection-map-target="infoWindowHeaderTemplate">
    <div class="tw:flex tw:flex-wrap tw:text-lg tw:text-base-500">
      <span class="tw:flex tw:items-center">
        <i class="material-icons tw:mr-2 tw:text-brand">location_on</i>
        <span class="spot-number tw:pr-4">
          PLACEHOLDER SPOT NUMBER
        </span>
      </span>
      <span class="tw:grow"></span>
      <button class="select-button tw:block-inline tw:btn tw:btn-primary tw:text-sm tw:py-1">
        Wählen
      </button>
    </div>
  </template>

  <template data-bookings-drop-in-spot-selection-map-target="infoWindowContentTemplate">
    <div class="tw:text-sm tw:mt-2 tw:max-h-32">
      PLACEHOLDER SPOT DESCRIPTION
    </div>
  </template>
</div>

</form>      </main>

    </div>
</div>
</template></turbo-stream>