<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/sv/docks/165-son"><button class="tw:btn tw:btn-secondary tw:text-primary" type="submit">Hamn</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">
      Platsval
    </div>
  </div>
</div>

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

    <form class="button_to" method="get" action="https://www.dockspot.com/sv/docks/165-son"><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> Gå tillbaka</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/sv/docks/165-son/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">Jag är förtöjd vid</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">Jag är förtöjd vid</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="">— Välj plats —</option>
<option value="1027">88</option>
<option value="307">90</option>
<option value="309">92</option>
<option value="3211">NB-3</option>
<option value="8802">NB-32</option>
<option value="3188">NB-35</option>
<option value="3181">NB-49</option>
<option value="3203">NB-50</option>
<option value="3202">NB-52</option>
<option value="3174">NB-63</option>
<option value="3173">NB-65</option>
<option value="3191">NB-72</option>
<option value="3169">NB-73</option>
<option value="322">NB-108</option>
<option value="2011">Svaibøye nr 4</option>
<option value="2013">Svaibøye nr 6</option>
<option value="6799">z Servicehus 200</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="Sök plats" 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="1027" data-label="88" 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">88</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="307" data-label="90" 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">90</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="309" data-label="92" 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">92</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="3211" data-label="NB-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">NB-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="8802" data-label="NB-32" 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">NB-32</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="3188" data-label="NB-35" 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">NB-35</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="3181" data-label="NB-49" 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">NB-49</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="3203" data-label="NB-50" 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">NB-50</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="3202" data-label="NB-52" 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">NB-52</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="3174" data-label="NB-63" 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">NB-63</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="3173" data-label="NB-65" 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">NB-65</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="3191" data-label="NB-72" 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">NB-72</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="3169" data-label="NB-73" 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">NB-73</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="322" data-label="NB-108" 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">NB-108</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="2011" data-label="Svaibøye nr 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">Svaibøye nr 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="2013" data-label="Svaibøye nr 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">Svaibøye nr 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="6799" data-label="z Servicehus 200" 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">z Servicehus 200</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>Karta</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>Karta</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">
      Om platsen inte finns med i listan är den för närvarande inte tillgänglig för drop-in.
    </div>
  </div>

            </div>

              <div class="tw:w-full tw:mb-4">
                  <label for="date_picker_display">Jag vill stanna till</label>


<div class="tw:flex">
  <span
    data-controller="end-date-picker"
    data-end-date-picker-locale-value="sv"
    data-end-date-picker-start-date-value="2026-07-10"
    data-end-date-picker-first-selectable-end-date-value="2026-07-11"
    data-end-date-picker-last-selectable-end-date-value="2026-12-31"
    data-end-date-picker-inline-value="false"
    class="tw:max-w-40"
  >
    <input type="text" id="date_picker_display" value="2026-07-11" class="tw:cursor-pointer tw:caret-transparent" autocomplete="off" data-end-date-picker-target="display" />
  <input value="2026-07-11" data-end-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; 12:00 som senast</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">Båtlängd</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">Total (<abbr title="Length overall">LOA</abbr>)</p>
    </div>
    <div class="tw:mb-4 tw:grow tw:mx-1">
      <label for="boat_width">Båtbredd</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">Båtdjup</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">
      Tänk på att du redan måste vara vid den aktuella platsen, om du betalar innan ankomst och platsen är upptagen när du anländer återbetalas inte köpet. Klicka <a data-turbo-frame="_top" class="tw:link" href="https://www.dockspot.com/sv/docks/165-son/spot_selections/new">här</a> för att förhandsboka istället.
  </div>
</div>


              <input type="submit" name="commit" value="Fortsätt till kassan" class="tw:btn tw:btn-primary tw:w-full" formaction="https://www.dockspot.com/sv/docks/165-son/drop_in" formmethod="POST" data-disable-with="Fortsätt till kassan" />
          </div>

          <div
  id="spot-map-0fa26a9d-013d-4a83-9594-8fc4b0324813"

  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;:59.524327286771246,&quot;lng&quot;:10.68635102143626},&quot;zoom&quot;:18,&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;:1027,&quot;position&quot;:{&quot;lat&quot;:59.52425021937856,&quot;lng&quot;:10.68657280874038},&quot;number&quot;:&quot;88&quot;,&quot;description&quot;:&quot;For båt inntil 12,5m. Akterbøye. Baug mot trebrygge. Sort bøye merket 88. Trebrygge vis a vis Restaurant Sjøboden, Son Brygge og fiskebutikk. Beliggenhet ved parken med kort vei til Kystkultursenteret, museum-brygga og lekeplass. Fortøyning \&quot;baug inn\&quot;. Vann, strøm og internett og tilgang serviceanlegg inkludert.&quot;},{&quot;id&quot;:307,&quot;position&quot;:{&quot;lat&quot;:59.52429237861499,&quot;lng&quot;:10.68665928727388},&quot;number&quot;:&quot;90&quot;,&quot;description&quot;:&quot;Akterbøye-plass. For båt inntil 14mt. Sort bøye merket 90. Trebrygge vis a vis Restaurant Sjøboden, Son Brygge og fiskebutikk. Fin beliggenhet ved parken med kort vei til Kystkultursenteret, museum-brygga og lekeplass. Fortøyning \&quot;baug inn\&quot;. Vann, strøm og internett og tilgang serviceanlegg inkludert.&quot;},{&quot;id&quot;:309,&quot;position&quot;:{&quot;lat&quot;:59.52433631768096,&quot;lng&quot;:10.68675048238038},&quot;number&quot;:&quot;92&quot;,&quot;description&quot;:&quot;Akterbøye-plass. For båt inntil 14m. Sort bøye merket 92. Trebrygge vis a vis Restaurant Sjøboden, Son Brygge og fiskebutikk. Fin beliggenhet ved parken med kort vei til Kystkultursenteret, museum-brygga og lekeplass. Fortøyning \&quot;baug inn\&quot;. Vann, strøm og internett og tilgang serviceanlegg inkludert.&quot;},{&quot;id&quot;:3211,&quot;position&quot;:{&quot;lat&quot;:59.52531751607987,&quot;lng&quot;:10.68718677507663},&quot;number&quot;:&quot;NB-3&quot;,&quot;description&quot;:&quot;Bås-plass. Brygge NB. For motorbåt inntil 10m. Vann, strøm, internett og tilgang serviceanlegg inkludert. Merk at dette er en fast plass fristilt av leietaker når ute på tur. Vær vennlig å IKKE bruk plassens faste fortøyninger.&quot;},{&quot;id&quot;:8802,&quot;position&quot;:{&quot;lat&quot;:59.52536103803261,&quot;lng&quot;:10.68709574615343},&quot;number&quot;:&quot;NB-32&quot;,&quot;description&quot;:&quot;Bås-plass. Brygge NB. For motorbåt inntil 12m. Vann, strøm, internett og tilgang serviceanlegg inkludert. Merk at dette er en fast plass fristilt av leietaker når ute på tur. Vær vennlig å IKKE bruk plassens faste fortøyninger..&quot;},{&quot;id&quot;:3188,&quot;position&quot;:{&quot;lat&quot;:59.52524048510626,&quot;lng&quot;:10.68702750290798},&quot;number&quot;:&quot;NB-35&quot;,&quot;description&quot;:&quot;Bås-plass. Brygge NB. For motorbåt inntil 11m. Vann, strøm, internett og tilgang serviceanlegg inkludert. Merk at dette er en fast plass fristilt av leietaker når ute på tur. Vær vennlig å IKKE bruk plassens faste fortøyninger.&quot;},{&quot;id&quot;:3181,&quot;position&quot;:{&quot;lat&quot;:59.5250288085314,&quot;lng&quot;:10.68662517155574},&quot;number&quot;:&quot;NB-49&quot;,&quot;description&quot;:&quot;Bås-plass. Brygge NB. For båt inntil 12m. Vann, strøm, internett og tilgang serviceanlegg inkludert. Merk at dette er en fast plass fristilt av leietaker når ute på tur. Vær vennlig å IKKE bruk plassens faste fortøyninger.&quot;},{&quot;id&quot;:3203,&quot;position&quot;:{&quot;lat&quot;:59.52508029946642,&quot;lng&quot;:10.68651890503192},&quot;number&quot;:&quot;NB-50&quot;,&quot;description&quot;:&quot;Bås-plass. Brygge NB. For inntil 12m. Vann, strøm, internett og tilgang serviceanlegg inkludert. Merk at dette er en fast plass fristilt av leietaker når ute på tur. Vær vennlig å IKKE bruk plassens faste fortøyninger.&quot;},{&quot;id&quot;:3202,&quot;position&quot;:{&quot;lat&quot;:59.52504901227109,&quot;lng&quot;:10.6864598964336},&quot;number&quot;:&quot;NB-52&quot;,&quot;description&quot;:&quot;Bås-plass. Brygge NB. For båt inntil 12m. Vann, strøm, internett og tilgang serviceanlegg inkludert. Merk at dette er en fast plass fristilt av leietaker når ute på tur. Vær vennlig å IKKE bruk plassens faste fortøyninger.&quot;},{&quot;id&quot;:3174,&quot;position&quot;:{&quot;lat&quot;:59.524815238512,&quot;lng&quot;:10.68620406474041},&quot;number&quot;:&quot;NB-63&quot;,&quot;description&quot;:&quot;Bås-plass. Brygge NB. For båt inntil 12m. Vann, strøm, internett og tilgang serviceanlegg inkludert. Merk at dette er en fast plass fristilt av leietaker når ute på tur. Vær vennlig å IKKE bruk plassens faste fortøyninger.&quot;},{&quot;id&quot;:3173,&quot;position&quot;:{&quot;lat&quot;:59.52477442880023,&quot;lng&quot;:10.68613969172405},&quot;number&quot;:&quot;NB-65&quot;,&quot;description&quot;:&quot;Bås-plass. Brygge NB. For båt inntil 12m. Vann, strøm, internett og tilgang serviceanlegg inkludert. Merk at dette er en fast plass fristilt av leietaker når ute på tur. Vær vennlig å IKKE bruk plassens faste fortøyninger.&quot;},{&quot;id&quot;:3191,&quot;position&quot;:{&quot;lat&quot;:59.52473144209641,&quot;lng&quot;:10.68585846691065},&quot;number&quot;:&quot;NB-72&quot;,&quot;description&quot;:&quot;Bås-plass. Brygge NB. For båt inntil 12m. Vann, strøm, internett og tilgang serviceanlegg inkludert. Merk at dette er en fast plass fristilt av leietaker når ute på tur. Vær vennlig å IKKE bruk plassens faste fortøyninger.&quot;},{&quot;id&quot;:3169,&quot;position&quot;:{&quot;lat&quot;:59.52464173396601,&quot;lng&quot;:10.68590539739112},&quot;number&quot;:&quot;NB-73&quot;,&quot;description&quot;:&quot;Bås-plass. Brygge NB. Dobbeltbås. For båt inntil 10m. Vann, strøm, internett og tilgang serviceanlegg inkludert. Merk at dette er en fast plass fristilt av leietaker når ute på tur. Vær vennlig å IKKE bruk plassens faste fortøyninger.&quot;},{&quot;id&quot;:322,&quot;position&quot;:{&quot;lat&quot;:59.52446422023286,&quot;lng&quot;:10.68561462619355},&quot;number&quot;:&quot;NB-108&quot;,&quot;description&quot;:&quot;Longsideplass 108 - Brygge NB. For båt inntil 15 meter. Fasiliteter inkludert: Vann, strøm, internett, tilgang serviceanlegg og avfallshåndtering. Merk at dette er en fast plass, fristilt av leietaker når de er ute på tur. Viktig: Vennligst IKKE bruk plassens faste fortøyninger.&quot;},{&quot;id&quot;:2011,&quot;position&quot;:{&quot;lat&quot;:59.52532169342896,&quot;lng&quot;:10.68308650379369},&quot;number&quot;:&quot;Svaibøye nr 4&quot;,&quot;description&quot;:&quot;Svaibøye nr 4 i Bøyehavn. MERK: IKKE TIL BRYGGE. For båt inntil 14meter/18 tonn&quot;},{&quot;id&quot;:2013,&quot;position&quot;:{&quot;lat&quot;:59.52501494382662,&quot;lng&quot;:10.68303151850889},&quot;number&quot;:&quot;Svaibøye nr 6&quot;,&quot;description&quot;:&quot;Svaibøye nr 6 i Bøyehavn. MERK: IKKE TIL BRYGGE. For båt inntil 14meter/18 tonn&quot;},{&quot;id&quot;:6799,&quot;position&quot;:{&quot;lat&quot;:59.52321368569331,&quot;lng&quot;:10.6856760268968},&quot;number&quot;:&quot;z Servicehus 200&quot;,&quot;description&quot;:&quot;Kun betaling for tilgang serviceanlegg.&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">
        Välj
      </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>