www.bibione.eu
Open in
urlscan Pro
178.255.242.132
Public Scan
Submitted URL: https://bibionesporthotels.eu/
Effective URL: https://www.bibione.eu/
Submission: On July 23 via api from US — Scanned from IT
Effective URL: https://www.bibione.eu/
Submission: On July 23 via api from US — Scanned from IT
Form analysis 3 forms found in the DOM
GET https://www.bibione.eu/
<form role="search" method="get" class="search-form flex min-h-[3.75rem] relative rounded-[3.13rem] overflow-hidden" action="https://www.bibione.eu/">
<label classs="w-full min-h-[3.125rem]">
<span class="sr-only"> Ricerca di: </span>
<input class="bg-white px-[1.25rem] py-[0.75rem] w-full ring-0 outline-none p-body !text-black min-h-[3.75rem]" type="search" placeholder="Cerca …" value="" name="s">
</label>
<button class="w-[2.875rem] aspect-square grid bg-primary rounded-full absolute right-[0.4375rem] top-[0.4375rem] bottom-[0.4375rem]"><img class="m-auto" src="https://www.bibione.eu/wp-content/themes/bibione/public/images/search.f3673e.svg"
alt=""></button>
</form>GET /alloggi/
<form target="_blank" action="/alloggi/" method="GET">
<div class="bh-border bh-border-[#E1E3E7] bh-rounded bh-divide-y lg:bh-divide-y-0 lg:bh-divide-x bh-mt-24 bh-divide-[#E1E3E7] bh-flex bh-flex-col lg:bh-flex-row">
<div class="bh-flex-1 bh-py-24 bh-px-32 bh-relative">
<div>
<label for="bh-be-input-checkin" class="bh-text-[1.125rem] bh-text-gray bh-font-bold bh-leading-[1.4] bh-block"> Data di arrivo </label>
<div class="bh-flex bh-items-center bh-gap-16 bh-mt-16">
<span class="bh-icon-calendar bh-text-[1.3125rem] bh-text-gray"></span>
<input required="" class="bh-text-gray bh-leading-[1.4] bh-text-[1.125rem] bh-p-0 bh-b-0 focus-visible:bh-outline-none bh-w-full focus-visible:bh-ring-1 focus-visible:bh-ring-primary bh-border-0 bh-grow datepicker-input" type="text"
id="bh-be-input-checkin" name="bform[checkin]" placeholder="dd-mm-aaaa">
<div class="datepicker datepicker-dropdown">
<div class="datepicker-picker">
<div class="datepicker-header">
<div class="datepicker-title" style="display: none;"></div>
<div class="datepicker-controls"><button type="button" class="button prev-button prev-btn" tabindex="-1" disabled="">«</button><button type="button" class="button view-switch" tabindex="-1">Luglio 2024</button><button type="button"
class="button next-button next-btn" tabindex="-1">»</button></div>
</div>
<div class="datepicker-main">
<div class="datepicker-view">
<div class="days">
<div class="days-of-week"><span class="dow">Lu</span><span class="dow">Ma</span><span class="dow">Me</span><span class="dow">Gi</span><span class="dow">Ve</span><span class="dow">Sa</span><span class="dow">Do</span></div>
<div class="datepicker-grid"><span data-date="1719784800000" class="datepicker-cell day disabled">1</span><span data-date="1719871200000" class="datepicker-cell day disabled">2</span><span data-date="1719957600000"
class="datepicker-cell day disabled">3</span><span data-date="1720044000000" class="datepicker-cell day disabled">4</span><span data-date="1720130400000" class="datepicker-cell day disabled">5</span><span
data-date="1720216800000" class="datepicker-cell day disabled">6</span><span data-date="1720303200000" class="datepicker-cell day disabled">7</span><span data-date="1720389600000"
class="datepicker-cell day disabled">8</span><span data-date="1720476000000" class="datepicker-cell day disabled">9</span><span data-date="1720562400000" class="datepicker-cell day disabled">10</span><span
data-date="1720648800000" class="datepicker-cell day disabled">11</span><span data-date="1720735200000" class="datepicker-cell day disabled">12</span><span data-date="1720821600000"
class="datepicker-cell day disabled">13</span><span data-date="1720908000000" class="datepicker-cell day disabled">14</span><span data-date="1720994400000" class="datepicker-cell day disabled">15</span><span
data-date="1721080800000" class="datepicker-cell day disabled">16</span><span data-date="1721167200000" class="datepicker-cell day disabled">17</span><span data-date="1721253600000"
class="datepicker-cell day disabled">18</span><span data-date="1721340000000" class="datepicker-cell day disabled">19</span><span data-date="1721426400000" class="datepicker-cell day disabled">20</span><span
data-date="1721512800000" class="datepicker-cell day disabled">21</span><span data-date="1721599200000" class="datepicker-cell day disabled">22</span><span data-date="1721685600000"
class="datepicker-cell day focused">23</span><span data-date="1721772000000" class="datepicker-cell day">24</span><span data-date="1721858400000" class="datepicker-cell day">25</span><span data-date="1721944800000"
class="datepicker-cell day">26</span><span data-date="1722031200000" class="datepicker-cell day">27</span><span data-date="1722117600000" class="datepicker-cell day">28</span><span data-date="1722204000000"
class="datepicker-cell day">29</span><span data-date="1722290400000" class="datepicker-cell day">30</span><span data-date="1722376800000" class="datepicker-cell day">31</span><span data-date="1722463200000"
class="datepicker-cell day next">1</span><span data-date="1722549600000" class="datepicker-cell day next">2</span><span data-date="1722636000000" class="datepicker-cell day next">3</span><span data-date="1722722400000"
class="datepicker-cell day next">4</span><span data-date="1722808800000" class="datepicker-cell day next">5</span><span data-date="1722895200000" class="datepicker-cell day next">6</span><span data-date="1722981600000"
class="datepicker-cell day next">7</span><span data-date="1723068000000" class="datepicker-cell day next">8</span><span data-date="1723154400000" class="datepicker-cell day next">9</span><span data-date="1723240800000"
class="datepicker-cell day next">10</span><span data-date="1723327200000" class="datepicker-cell day next">11</span></div>
</div>
</div>
</div>
<div class="datepicker-footer">
<div class="datepicker-controls"><button type="button" class="button today-button today-btn" tabindex="-1" style="display: none;">Oggi</button><button type="button" class="button clear-button clear-btn" tabindex="-1"
style="display: none;">Cancella</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bh-flex-1 bh-py-24 bh-px-32 bh-relative">
<div>
<label for="bh-be-input-checkout" class="bh-text-[1.125rem] bh-text-gray bh-font-bold bh-leading-[1.4] bh-block"> Data di partenza </label>
<div class="bh-flex bh-items-center bh-gap-16 bh-mt-16">
<span class="bh-icon-calendar bh-text-[1.3125rem] bh-text-gray"></span>
<input required="" class="bh-text-gray bh-leading-[1.4] bh-text-[1.125rem] bh-p-0 bh-b-0 focus-visible:bh-outline-none bh-w-full focus-visible:bh-ring-1 focus-visible:bh-ring-primary bh-border-0 bh-grow datepicker-input" type="text"
id="bh-be-input-checkout" name="bform[checkout]" placeholder="dd-mm-aaaa">
<div class="datepicker datepicker-dropdown">
<div class="datepicker-picker">
<div class="datepicker-header">
<div class="datepicker-title" style="display: none;"></div>
<div class="datepicker-controls"><button type="button" class="button prev-button prev-btn" tabindex="-1" disabled="">«</button><button type="button" class="button view-switch" tabindex="-1">Luglio 2024</button><button type="button"
class="button next-button next-btn" tabindex="-1">»</button></div>
</div>
<div class="datepicker-main">
<div class="datepicker-view">
<div class="days">
<div class="days-of-week"><span class="dow">Lu</span><span class="dow">Ma</span><span class="dow">Me</span><span class="dow">Gi</span><span class="dow">Ve</span><span class="dow">Sa</span><span class="dow">Do</span></div>
<div class="datepicker-grid"><span data-date="1719784800000" class="datepicker-cell day disabled">1</span><span data-date="1719871200000" class="datepicker-cell day disabled">2</span><span data-date="1719957600000"
class="datepicker-cell day disabled">3</span><span data-date="1720044000000" class="datepicker-cell day disabled">4</span><span data-date="1720130400000" class="datepicker-cell day disabled">5</span><span
data-date="1720216800000" class="datepicker-cell day disabled">6</span><span data-date="1720303200000" class="datepicker-cell day disabled">7</span><span data-date="1720389600000"
class="datepicker-cell day disabled">8</span><span data-date="1720476000000" class="datepicker-cell day disabled">9</span><span data-date="1720562400000" class="datepicker-cell day disabled">10</span><span
data-date="1720648800000" class="datepicker-cell day disabled">11</span><span data-date="1720735200000" class="datepicker-cell day disabled">12</span><span data-date="1720821600000"
class="datepicker-cell day disabled">13</span><span data-date="1720908000000" class="datepicker-cell day disabled">14</span><span data-date="1720994400000" class="datepicker-cell day disabled">15</span><span
data-date="1721080800000" class="datepicker-cell day disabled">16</span><span data-date="1721167200000" class="datepicker-cell day disabled">17</span><span data-date="1721253600000"
class="datepicker-cell day disabled">18</span><span data-date="1721340000000" class="datepicker-cell day disabled">19</span><span data-date="1721426400000" class="datepicker-cell day disabled">20</span><span
data-date="1721512800000" class="datepicker-cell day disabled">21</span><span data-date="1721599200000" class="datepicker-cell day disabled">22</span><span data-date="1721685600000"
class="datepicker-cell day focused">23</span><span data-date="1721772000000" class="datepicker-cell day">24</span><span data-date="1721858400000" class="datepicker-cell day">25</span><span data-date="1721944800000"
class="datepicker-cell day">26</span><span data-date="1722031200000" class="datepicker-cell day">27</span><span data-date="1722117600000" class="datepicker-cell day">28</span><span data-date="1722204000000"
class="datepicker-cell day">29</span><span data-date="1722290400000" class="datepicker-cell day">30</span><span data-date="1722376800000" class="datepicker-cell day">31</span><span data-date="1722463200000"
class="datepicker-cell day next">1</span><span data-date="1722549600000" class="datepicker-cell day next">2</span><span data-date="1722636000000" class="datepicker-cell day next">3</span><span data-date="1722722400000"
class="datepicker-cell day next">4</span><span data-date="1722808800000" class="datepicker-cell day next">5</span><span data-date="1722895200000" class="datepicker-cell day next">6</span><span data-date="1722981600000"
class="datepicker-cell day next">7</span><span data-date="1723068000000" class="datepicker-cell day next">8</span><span data-date="1723154400000" class="datepicker-cell day next">9</span><span data-date="1723240800000"
class="datepicker-cell day next">10</span><span data-date="1723327200000" class="datepicker-cell day next">11</span></div>
</div>
</div>
</div>
<div class="datepicker-footer">
<div class="datepicker-controls"><button type="button" class="button today-button today-btn" tabindex="-1" style="display: none;">Oggi</button><button type="button" class="button clear-button clear-btn" tabindex="-1"
style="display: none;">Cancella</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bh-flex-1 bh-py-24 bh-px-32 bh-relative" x-data="{open: false}">
<div class="bh-contents" x-data="{rooms: [{adults: 2, children: []}]}">
<div>
<label for="bh-be-input-rooms" @click="open = true" class="bh-text-[1.125rem] bh-text-gray bh-font-bold bh-leading-[1.4] bh-block"> Numero di ospiti </label>
<div class="bh-flex bh-items-center bh-gap-16 bh-mt-16" x-init="$watch('rooms', value => console.log(value))">
<span class="bh-icon-user bh-text-[1.3125rem] bh-text-gray"></span>
<input readonly="" required="" class="bh-text-gray bh-w-full bh-leading-[1.4] bh-text-[1.125rem] bh-p-0 bh-b-0 focus-visible:bh-outline-none focus-visible:bh-ring-1 focus-visible:bh-ring-primary bh-border-0 bh-grow" type="text"
@click="open = true" id="bh-be-input-rooms" placeholder="2 adulti - 1 bambino"
:value="rooms.length + (rooms.length == 1 ? ' camera' : ' camere') + ' - ' + rooms.reduce((a, b) => a + b.adults, 0) + (rooms.reduce((a, b) => a + b.adults, 0) == 1 ? ' adulto' : ' adulti') + ' - ' + rooms.reduce((a, b) => a + (b.children.length ?? 0), 0) + (rooms.reduce((a, b) => a + (b.children.length ?? 0), 0) == 1 ? ' bambino' : ' bambini')">
<input type="hidden" required="" name="bform[numRooms]" :value="rooms.length" value="1">
<template x-for="(room, index) in rooms" :key="index">
<div>
<input type="hidden" :name="'bform[reqRooms][' + (index + 1) + '][adults]'" :value="room.adults">
<input type="hidden" :name="'bform[reqRooms][' + (index + 1) + '][child]'" :value="room.children.length">
<template x-for="(age, i) in room.children" :key="i">
<input type="hidden" :name="'bform[reqRooms][' + (index + 1) + '][childAge][' + (i + 1) + ']'" :value="age">
</template>
</div>
</template>
<div>
<input type="hidden" :name="'bform[reqRooms][' + (index + 1) + '][adults]'" :value="room.adults" name="bform[reqRooms][1][adults]" value="2">
<input type="hidden" :name="'bform[reqRooms][' + (index + 1) + '][child]'" :value="room.children.length" name="bform[reqRooms][1][child]" value="0">
<template x-for="(age, i) in room.children" :key="i">
<input type="hidden" :name="'bform[reqRooms][' + (index + 1) + '][childAge][' + (i + 1) + ']'" :value="age">
</template>
</div>
</div>
</div>
<div x-show="open" @click.outside="open = false" class="bh-absolute bh-bg-white bh-p-16 bh-top-full bh-left-0 bh-w-full bh-shadow-[0px_5px_10px_0px_rgba(0,0,0,0.08)] bh-z-20" style="display: none;">
<div class="bh-flex bh-justify-end bh-text-right bh-items-center">
<button type="button" @click="open = false" class="bh-text-[0.875rem] bh-text-[#1A5BBC] bh-inline-flex bh-gap-10 bh-leading-[1.2]">
<span> Chiudi </span>
<svg xmlns="http://www.w3.org/2000/svg" class="bh-text-secondary-500 bh-w-16 bh-h-16" fill="currentColor" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<div class="bh-mt-8 bh-flex bh-items-center bh-justify-between">
<span class="bh-text-[1.375rem] bh-font-medium bh-text-gray bh-leading-[1.2] font-serif"> Camera </span>
<div x-data="{ value: 1 }" x-init="$watch('value', (v) => v > rooms.length ? rooms = [...rooms, {adults: 1, children: 0}] : rooms.pop())" class="bh-inline-flex bh-border bh-border-[#D9D9D9] bh-rounded">
<button type="button" x-on:click="value > 1 && value--" class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> - </button>
<input type="text" readonly="" class="bh-w-32 bh-text-gray bh-p-0 bh-h-32 bh-bg-transparent bh-border-0 bh-outline-0 bh-text-[0.875rem] bh-leading-[1.2] bh-text-center" x-model="value">
<button type="button" x-on:click="value++" class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> + </button>
</div>
</div>
<ul class="bh-mt-8 bh-space-y-12">
<template hidden="" x-for="(room, index) in rooms" :key="index">
<li x-data="{adult: 2, child: []}" x-init="$watch('adult, child', () => rooms[index] = {adults: adult, children: child})">
<p class="bh-text-center bh-text-[#1A5BBC] bh-text-[0.875rem] bh-leading-[1.2]"> Camera <span x-text="index + 1"></span>
</p>
<div class="bh-mt-12 bh-flex bh-items-center bh-justify-between">
<span class="bh-text-[0.875rem] bh-text-gray bh-leading-[1.2]"> Adulti </span>
<div class="bh-inline-flex bh-border bh-border-[#D9D9D9] bh-rounded">
<button type="button" x-on:click="adult > 1 && adult--" class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> - </button>
<input type="text" readonly="" class="bh-w-32 bh-text-gray bh-p-0 bh-h-32 bh-bg-transparent bh-border-0 bh-outline-0 bh-text-[0.875rem] bh-leading-[1.2] bh-text-center" x-model="adult">
<button type="button" x-on:click="adult++" class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> + </button>
</div>
</div>
<div class="bh-mt-12 bh-flex bh-items-center bh-justify-between">
<span class="bh-text-[0.875rem] bh-text-gray bh-leading-[1.2]"> Bambini </span>
<div class="bh-inline-flex bh-border bh-border-[#D9D9D9] bh-rounded">
<button type="button" x-on:click="child = child.length > 0 ? child.slice(0, -1) : child"
class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> - </button>
<input type="text" readonly="" class="bh-w-32 bh-text-gray bh-p-0 bh-h-32 bh-bg-transparent bh-border-0 bh-outline-0 bh-text-[0.875rem] bh-leading-[1.2] bh-text-center" :value="child.length">
<button type="button" x-on:click="child = [...child, 0]" class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> + </button>
</div>
</div>
<div x-show="child.length > 0" class="bh-mt-12">
<span class="bh-text-[0.875rem] bh-text-gray bh-leading-[1.2]"> Età Bambini </span>
<div class="bh-flex bh-flex-wrap bh-gap-16 bh-mt-8">
<template x-for="(i, index) in child">
<div class="bh-inline-flex bh-border bh-border-[#D9D9D9] bh-rounded bh-divide-x bh-divide-[#D9D9D9]">
<input type="text" readonly="" class="bh-w-24 bh-text-gray bh-p-0 bh-h-38 bh-bg-transparent bh-border-0 bh-outline-0 bh-text-[0.875rem] bh-leading-[1.2] bh-text-center" x-model="child[index]">
<div class="bh-w-24 bh-inline-flex bh-flex-col bh-divide-y bh-divide-[#D9D9D9]">
<button type="button" x-on:click="child[index] < 18 && child[index]++" class="bh-h-19 bh-w-24 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none">
+ </button>
<button type="button" x-on:click="child[index] > 0 && child[index]--" class="bh-h-19 bh-w-full bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none">
- </button>
</div>
</div>
</template>
</div>
</div>
</li>
</template>
<li x-data="{adult: 2, child: []}" x-init="$watch('adult, child', () => rooms[index] = {adults: adult, children: child})">
<p class="bh-text-center bh-text-[#1A5BBC] bh-text-[0.875rem] bh-leading-[1.2]"> Camera <span x-text="index + 1">1</span>
</p>
<div class="bh-mt-12 bh-flex bh-items-center bh-justify-between">
<span class="bh-text-[0.875rem] bh-text-gray bh-leading-[1.2]"> Adulti </span>
<div class="bh-inline-flex bh-border bh-border-[#D9D9D9] bh-rounded">
<button type="button" x-on:click="adult > 1 && adult--" class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> - </button>
<input type="text" readonly="" class="bh-w-32 bh-text-gray bh-p-0 bh-h-32 bh-bg-transparent bh-border-0 bh-outline-0 bh-text-[0.875rem] bh-leading-[1.2] bh-text-center" x-model="adult">
<button type="button" x-on:click="adult++" class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> + </button>
</div>
</div>
<div class="bh-mt-12 bh-flex bh-items-center bh-justify-between">
<span class="bh-text-[0.875rem] bh-text-gray bh-leading-[1.2]"> Bambini </span>
<div class="bh-inline-flex bh-border bh-border-[#D9D9D9] bh-rounded">
<button type="button" x-on:click="child = child.length > 0 ? child.slice(0, -1) : child"
class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> - </button>
<input type="text" readonly="" class="bh-w-32 bh-text-gray bh-p-0 bh-h-32 bh-bg-transparent bh-border-0 bh-outline-0 bh-text-[0.875rem] bh-leading-[1.2] bh-text-center" :value="child.length">
<button type="button" x-on:click="child = [...child, 0]" class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> + </button>
</div>
</div>
<div x-show="child.length > 0" class="bh-mt-12" style="display: none;">
<span class="bh-text-[0.875rem] bh-text-gray bh-leading-[1.2]"> Età Bambini </span>
<div class="bh-flex bh-flex-wrap bh-gap-16 bh-mt-8">
<template x-for="(i, index) in child">
<div class="bh-inline-flex bh-border bh-border-[#D9D9D9] bh-rounded bh-divide-x bh-divide-[#D9D9D9]">
<input type="text" readonly="" class="bh-w-24 bh-text-gray bh-p-0 bh-h-38 bh-bg-transparent bh-border-0 bh-outline-0 bh-text-[0.875rem] bh-leading-[1.2] bh-text-center" x-model="child[index]">
<div class="bh-w-24 bh-inline-flex bh-flex-col bh-divide-y bh-divide-[#D9D9D9]">
<button type="button" x-on:click="child[index] < 18 && child[index]++" class="bh-h-19 bh-w-24 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> +
</button>
<button type="button" x-on:click="child[index] > 0 && child[index]--" class="bh-h-19 bh-w-full bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> -
</button>
</div>
</div>
</template>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="bh-flex bh-flex-col-reverse lg:bh-flex-row bh-items-center bh-gap-22 bh-mt-22">
<div class="lg:bh-grow bh-text-center bh-flex bh-flex-col lg:bh-flex-row bh-items-center bh-justify-center bh-gap-4 lg:bh-gap-16">
<p class="bh-text-[1rem] bh-text-gray bh-leading-[1.2]"> Assicura il tuo viaggio con <bold>Alianz</bold>
</p>
<a target="_blank" rel="noopener noreferrer" href="https://www.aga-affiliate.it/ita/abaviaggi/" class="bh-text-[1rem] bh-text-primary bh-font-bold bh-underline bh-leading-[1.2]">
Scopri di più </a>
</div>
<input type="hidden" required="" name="bform[mode]" value="search">
<input
class="bh-py-12 bh-px-24 bh-cursor-pointer bh-transition-all bh-duration-300 hover:bh-bg-primary-600 hover:bh-shadow-[0px_3px_8px_0px_rgba(255,211,99,0.20)] bh-bg-primary bh-rounded-full bh-shrink-0 bh-text-white bh-text-[1.125rem] bh-font-bold bh-text-center bh-leading-[1.4]"
type="submit" value="Cerca il mio alloggio">
</div>
</form>GET /alloggi/
<form target="_blank" action="/alloggi/" method="GET">
<div class="bh-flex">
<div class="bh-divide-x bh-divide-[#D7DADF] bh-flex bh-flex-1" x-data="{checkin: 'dd/mm', checkout: 'dd/mm'}">
<label for="bh-be-input-checkin-mobile" class="bh-range-input bh-flex bh-flex-1 bh-items-center bh-px-12 bh-text-gray bh-leading-[1.2] bh-text-[0.75rem]" @range-date-change.camel="const [date1, date2] = $event.target.rangepicker.getDates();
const inputDate = new Date(date1);
const options={ month: 'short' , day: '2-digit' };
const outputDateString = inputDate.toLocaleDateString('it-IT', options);
checkin = outputDateString;
const inputDate2 = new Date(date2);
const outputDateString2 = inputDate2.toLocaleDateString('it-IT', options);
checkout = outputDateString2; ">
<span class="bh-icon-calendar bh-text-[1.3125rem] bh-text-gray bh-mr-12"></span>
<input required="" class="bh-sr-only datepicker-input" type="text" id="bh-be-input-checkin-mobile" name="bform[checkin]" placeholder="dd-mm-yyyy">
<div class="datepicker datepicker-dropdown">
<div class="datepicker-picker">
<div class="datepicker-header">
<div class="datepicker-title">Calendario</div>
<div class="datepicker-controls"><button type="button" class="button prev-button prev-btn" tabindex="-1" disabled="">«</button><button type="button" class="button view-switch" tabindex="-1">Luglio 2024</button><button type="button"
class="button next-button next-btn" tabindex="-1">»</button></div>
</div>
<div class="datepicker-main">
<div class="datepicker-view">
<div class="days">
<div class="days-of-week"><span class="dow">Lu</span><span class="dow">Ma</span><span class="dow">Me</span><span class="dow">Gi</span><span class="dow">Ve</span><span class="dow">Sa</span><span class="dow">Do</span></div>
<div class="datepicker-grid"><span data-date="1719784800000" class="datepicker-cell day disabled">1</span><span data-date="1719871200000" class="datepicker-cell day disabled">2</span><span data-date="1719957600000"
class="datepicker-cell day disabled">3</span><span data-date="1720044000000" class="datepicker-cell day disabled">4</span><span data-date="1720130400000" class="datepicker-cell day disabled">5</span><span
data-date="1720216800000" class="datepicker-cell day disabled">6</span><span data-date="1720303200000" class="datepicker-cell day disabled">7</span><span data-date="1720389600000"
class="datepicker-cell day disabled">8</span><span data-date="1720476000000" class="datepicker-cell day disabled">9</span><span data-date="1720562400000" class="datepicker-cell day disabled">10</span><span
data-date="1720648800000" class="datepicker-cell day disabled">11</span><span data-date="1720735200000" class="datepicker-cell day disabled">12</span><span data-date="1720821600000"
class="datepicker-cell day disabled">13</span><span data-date="1720908000000" class="datepicker-cell day disabled">14</span><span data-date="1720994400000" class="datepicker-cell day disabled">15</span><span
data-date="1721080800000" class="datepicker-cell day disabled">16</span><span data-date="1721167200000" class="datepicker-cell day disabled">17</span><span data-date="1721253600000"
class="datepicker-cell day disabled">18</span><span data-date="1721340000000" class="datepicker-cell day disabled">19</span><span data-date="1721426400000" class="datepicker-cell day disabled">20</span><span
data-date="1721512800000" class="datepicker-cell day disabled">21</span><span data-date="1721599200000" class="datepicker-cell day disabled">22</span><span data-date="1721685600000"
class="datepicker-cell day focused">23</span><span data-date="1721772000000" class="datepicker-cell day">24</span><span data-date="1721858400000" class="datepicker-cell day">25</span><span data-date="1721944800000"
class="datepicker-cell day">26</span><span data-date="1722031200000" class="datepicker-cell day">27</span><span data-date="1722117600000" class="datepicker-cell day">28</span><span data-date="1722204000000"
class="datepicker-cell day">29</span><span data-date="1722290400000" class="datepicker-cell day">30</span><span data-date="1722376800000" class="datepicker-cell day">31</span><span data-date="1722463200000"
class="datepicker-cell day next">1</span><span data-date="1722549600000" class="datepicker-cell day next">2</span><span data-date="1722636000000" class="datepicker-cell day next">3</span><span data-date="1722722400000"
class="datepicker-cell day next">4</span><span data-date="1722808800000" class="datepicker-cell day next">5</span><span data-date="1722895200000" class="datepicker-cell day next">6</span><span data-date="1722981600000"
class="datepicker-cell day next">7</span><span data-date="1723068000000" class="datepicker-cell day next">8</span><span data-date="1723154400000" class="datepicker-cell day next">9</span><span data-date="1723240800000"
class="datepicker-cell day next">10</span><span data-date="1723327200000" class="datepicker-cell day next">11</span></div>
</div>
</div>
</div>
<div class="datepicker-footer">
<div class="datepicker-controls"><button type="button" class="button today-button today-btn" tabindex="-1" style="display: none;">Oggi</button><button type="button" class="button clear-button clear-btn" tabindex="-1"
style="display: none;">Cancella</button></div>
</div><button class="bh-rounded-full bh-text-[1.125rem] bh-font-bold bh-text-center bh-mt-32 bh-w-full bh-text-white bh-bg-primary bh-py-12 bh-px-24" type="button">Fatto</button>
</div>
</div>
<input required="" class="bh-sr-only datepicker-input" type="text" id="bh-be-input-checkout-mobile" name="bform[checkout]" placeholder="dd-mm-yyyy">
<div class="datepicker datepicker-dropdown">
<div class="datepicker-picker">
<div class="datepicker-header">
<div class="datepicker-title">Calendario</div>
<div class="datepicker-controls"><button type="button" class="button prev-button prev-btn" tabindex="-1" disabled="">«</button><button type="button" class="button view-switch" tabindex="-1">Luglio 2024</button><button type="button"
class="button next-button next-btn" tabindex="-1">»</button></div>
</div>
<div class="datepicker-main">
<div class="datepicker-view">
<div class="days">
<div class="days-of-week"><span class="dow">Lu</span><span class="dow">Ma</span><span class="dow">Me</span><span class="dow">Gi</span><span class="dow">Ve</span><span class="dow">Sa</span><span class="dow">Do</span></div>
<div class="datepicker-grid"><span data-date="1719784800000" class="datepicker-cell day disabled">1</span><span data-date="1719871200000" class="datepicker-cell day disabled">2</span><span data-date="1719957600000"
class="datepicker-cell day disabled">3</span><span data-date="1720044000000" class="datepicker-cell day disabled">4</span><span data-date="1720130400000" class="datepicker-cell day disabled">5</span><span
data-date="1720216800000" class="datepicker-cell day disabled">6</span><span data-date="1720303200000" class="datepicker-cell day disabled">7</span><span data-date="1720389600000"
class="datepicker-cell day disabled">8</span><span data-date="1720476000000" class="datepicker-cell day disabled">9</span><span data-date="1720562400000" class="datepicker-cell day disabled">10</span><span
data-date="1720648800000" class="datepicker-cell day disabled">11</span><span data-date="1720735200000" class="datepicker-cell day disabled">12</span><span data-date="1720821600000"
class="datepicker-cell day disabled">13</span><span data-date="1720908000000" class="datepicker-cell day disabled">14</span><span data-date="1720994400000" class="datepicker-cell day disabled">15</span><span
data-date="1721080800000" class="datepicker-cell day disabled">16</span><span data-date="1721167200000" class="datepicker-cell day disabled">17</span><span data-date="1721253600000"
class="datepicker-cell day disabled">18</span><span data-date="1721340000000" class="datepicker-cell day disabled">19</span><span data-date="1721426400000" class="datepicker-cell day disabled">20</span><span
data-date="1721512800000" class="datepicker-cell day disabled">21</span><span data-date="1721599200000" class="datepicker-cell day disabled">22</span><span data-date="1721685600000"
class="datepicker-cell day focused">23</span><span data-date="1721772000000" class="datepicker-cell day">24</span><span data-date="1721858400000" class="datepicker-cell day">25</span><span data-date="1721944800000"
class="datepicker-cell day">26</span><span data-date="1722031200000" class="datepicker-cell day">27</span><span data-date="1722117600000" class="datepicker-cell day">28</span><span data-date="1722204000000"
class="datepicker-cell day">29</span><span data-date="1722290400000" class="datepicker-cell day">30</span><span data-date="1722376800000" class="datepicker-cell day">31</span><span data-date="1722463200000"
class="datepicker-cell day next">1</span><span data-date="1722549600000" class="datepicker-cell day next">2</span><span data-date="1722636000000" class="datepicker-cell day next">3</span><span data-date="1722722400000"
class="datepicker-cell day next">4</span><span data-date="1722808800000" class="datepicker-cell day next">5</span><span data-date="1722895200000" class="datepicker-cell day next">6</span><span data-date="1722981600000"
class="datepicker-cell day next">7</span><span data-date="1723068000000" class="datepicker-cell day next">8</span><span data-date="1723154400000" class="datepicker-cell day next">9</span><span data-date="1723240800000"
class="datepicker-cell day next">10</span><span data-date="1723327200000" class="datepicker-cell day next">11</span></div>
</div>
</div>
</div>
<div class="datepicker-footer">
<div class="datepicker-controls"><button type="button" class="button today-button today-btn" tabindex="-1" style="display: none;">Oggi</button><button type="button" class="button clear-button clear-btn" tabindex="-1"
style="display: none;">Cancella</button></div>
</div>
</div>
</div>
<span x-text="checkin">dd/mm</span>
<span> - </span>
<span x-text="checkout">dd/mm</span>
</label>
<label for="bh-be-input-people-mobile" class="bh-range-input bh-flex-1 bh-flex bh-items-center bh-px-12" x-data="{rooms: [{adults: 2, children: 0}], open: false}" @click="open = true">
<span class="bh-icon-user bh-text-[1.3125rem] bh-text-gray bh-mr-12"></span>
<span class="bh-text-gray bh-leading-[1.2] bh-text-[0.75rem]"
x-html="rooms.length + (rooms.length == 1 ? ' camera' : ' camere') + '<br/>' + rooms.reduce((a, b) => a + b.adults, 0) + (rooms.reduce((a, b) => a + b.adults, 0) == 1 ? ' adulto' : ' adulti') + '<br/>' + rooms.reduce((a, b) => a + (b.children.length ?? 0), 0) + (rooms.reduce((a, b) => a + (b.children.length ?? 0), 0) == 1 ? ' bambino' : ' bambini')">1
camera<br>2 adulti<br>0 bambini</span>
<input type="hidden" required="" name="bform[numRooms]" :value="rooms.length" class="datepicker-input" value="1">
<div class="datepicker datepicker-dropdown">
<div class="datepicker-picker">
<div class="datepicker-header">
<div class="datepicker-title">Calendario</div>
<div class="datepicker-controls"><button type="button" class="button prev-button prev-btn" tabindex="-1" disabled="">«</button><button type="button" class="button view-switch" tabindex="-1">Luglio 2024</button><button type="button"
class="button next-button next-btn" tabindex="-1">»</button></div>
</div>
<div class="datepicker-main">
<div class="datepicker-view">
<div class="days">
<div class="days-of-week"><span class="dow">Lu</span><span class="dow">Ma</span><span class="dow">Me</span><span class="dow">Gi</span><span class="dow">Ve</span><span class="dow">Sa</span><span class="dow">Do</span></div>
<div class="datepicker-grid"><span data-date="1719784800000" class="datepicker-cell day disabled">1</span><span data-date="1719871200000" class="datepicker-cell day disabled">2</span><span data-date="1719957600000"
class="datepicker-cell day disabled">3</span><span data-date="1720044000000" class="datepicker-cell day disabled">4</span><span data-date="1720130400000" class="datepicker-cell day disabled">5</span><span
data-date="1720216800000" class="datepicker-cell day disabled">6</span><span data-date="1720303200000" class="datepicker-cell day disabled">7</span><span data-date="1720389600000"
class="datepicker-cell day disabled">8</span><span data-date="1720476000000" class="datepicker-cell day disabled">9</span><span data-date="1720562400000" class="datepicker-cell day disabled">10</span><span
data-date="1720648800000" class="datepicker-cell day disabled">11</span><span data-date="1720735200000" class="datepicker-cell day disabled">12</span><span data-date="1720821600000"
class="datepicker-cell day disabled">13</span><span data-date="1720908000000" class="datepicker-cell day disabled">14</span><span data-date="1720994400000" class="datepicker-cell day disabled">15</span><span
data-date="1721080800000" class="datepicker-cell day disabled">16</span><span data-date="1721167200000" class="datepicker-cell day disabled">17</span><span data-date="1721253600000"
class="datepicker-cell day disabled">18</span><span data-date="1721340000000" class="datepicker-cell day disabled">19</span><span data-date="1721426400000" class="datepicker-cell day disabled">20</span><span
data-date="1721512800000" class="datepicker-cell day disabled">21</span><span data-date="1721599200000" class="datepicker-cell day disabled">22</span><span data-date="1721685600000"
class="datepicker-cell day focused">23</span><span data-date="1721772000000" class="datepicker-cell day">24</span><span data-date="1721858400000" class="datepicker-cell day">25</span><span data-date="1721944800000"
class="datepicker-cell day">26</span><span data-date="1722031200000" class="datepicker-cell day">27</span><span data-date="1722117600000" class="datepicker-cell day">28</span><span data-date="1722204000000"
class="datepicker-cell day">29</span><span data-date="1722290400000" class="datepicker-cell day">30</span><span data-date="1722376800000" class="datepicker-cell day">31</span><span data-date="1722463200000"
class="datepicker-cell day next">1</span><span data-date="1722549600000" class="datepicker-cell day next">2</span><span data-date="1722636000000" class="datepicker-cell day next">3</span><span data-date="1722722400000"
class="datepicker-cell day next">4</span><span data-date="1722808800000" class="datepicker-cell day next">5</span><span data-date="1722895200000" class="datepicker-cell day next">6</span><span data-date="1722981600000"
class="datepicker-cell day next">7</span><span data-date="1723068000000" class="datepicker-cell day next">8</span><span data-date="1723154400000" class="datepicker-cell day next">9</span><span data-date="1723240800000"
class="datepicker-cell day next">10</span><span data-date="1723327200000" class="datepicker-cell day next">11</span></div>
</div>
</div>
</div>
<div class="datepicker-footer">
<div class="datepicker-controls"><button type="button" class="button today-button today-btn" tabindex="-1" style="display: none;">Oggi</button><button type="button" class="button clear-button clear-btn" tabindex="-1"
style="display: none;">Cancella</button></div>
</div><button class="bh-rounded-full bh-text-[1.125rem] bh-font-bold bh-text-center bh-mt-32 bh-w-full bh-text-white bh-bg-primary bh-py-12 bh-px-24" type="button">Fatto</button>
</div>
</div>
<template x-for="(room, index) in rooms" :key="index">
<div>
<input type="hidden" :name="'bform[reqRooms][' + (index + 1) + '][adults]'" :value="room.adults">
<input type="hidden" :name="'bform[reqRooms][' + (index + 1) + '][child]'" :value="room.children.length > 0 ? room.children.length : 0">
<template x-for="(age, i) in room.children" :key="i">
<input type="hidden" :name="'bform[reqRooms][' + (index + 1) + '][childAge][' + (i + 1) + ']'" :value="age">
</template>
</div>
</template>
<div>
<input type="hidden" :name="'bform[reqRooms][' + (index + 1) + '][adults]'" :value="room.adults" name="bform[reqRooms][1][adults]" value="2">
<input type="hidden" :name="'bform[reqRooms][' + (index + 1) + '][child]'" :value="room.children.length > 0 ? room.children.length : 0" name="bform[reqRooms][1][child]" value="0">
<template x-for="(age, i) in room.children" :key="i">
<input type="hidden" :name="'bform[reqRooms][' + (index + 1) + '][childAge][' + (i + 1) + ']'" :value="age">
</template>
</div>
<div class="bh-fixed bh-inset-0 bh-bg-[rgba(0,0,0,0.5)] bh-z-10" x-show="open" style="display: none;"></div>
<div x-show="open" @click.outside="open = false" class="bh-fixed bh-bg-white bh-p-24 bh-pb-40 bh-bottom-0 bh-left-0 bh-w-full bh-shadow-[0px_5px_10px_0px_rgba(0,0,0,0.08)] bh-z-20" style="display: none;">
<div class="bh-pb-16 bh-mb-24 bh-border-b bh-border-[#E1E3E7]">
<p class="font-serif bh-text-[1.375rem] bh-leading-[1.3] bh-font-medium bh-text-[#262727]"> Ospiti </p>
</div>
<div class="bh-mt-8 bh-flex bh-items-center bh-justify-between">
<span class="bh-text-[1.125rem] bh-font-bold bh-text-gray bh-leading-[1.2] font-serif"> Camera </span>
<div x-data="{ value: 1 }" x-init="$watch('value', (v) => v > rooms.length ? rooms = [...rooms, {adults: 1, children: 0}] : rooms.pop())" class="bh-inline-flex bh-border bh-border-[#D9D9D9] bh-rounded">
<button type="button" x-on:click="value > 1 && value--" class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> - </button>
<input type="text" readonly="" class="bh-w-32 bh-text-gray bh-p-0 bh-h-32 bh-bg-transparent bh-border-0 bh-outline-0 bh-text-[0.875rem] bh-leading-[1.2] bh-text-center datepicker-input" x-model="value">
<div class="datepicker datepicker-dropdown">
<div class="datepicker-picker">
<div class="datepicker-header">
<div class="datepicker-title">Calendario</div>
<div class="datepicker-controls"><button type="button" class="button prev-button prev-btn" tabindex="-1" disabled="">«</button><button type="button" class="button view-switch" tabindex="-1">Luglio 2024</button><button
type="button" class="button next-button next-btn" tabindex="-1">»</button></div>
</div>
<div class="datepicker-main">
<div class="datepicker-view">
<div class="days">
<div class="days-of-week"><span class="dow">Lu</span><span class="dow">Ma</span><span class="dow">Me</span><span class="dow">Gi</span><span class="dow">Ve</span><span class="dow">Sa</span><span class="dow">Do</span></div>
<div class="datepicker-grid"><span data-date="1719784800000" class="datepicker-cell day disabled">1</span><span data-date="1719871200000" class="datepicker-cell day disabled">2</span><span data-date="1719957600000"
class="datepicker-cell day disabled">3</span><span data-date="1720044000000" class="datepicker-cell day disabled">4</span><span data-date="1720130400000" class="datepicker-cell day disabled">5</span><span
data-date="1720216800000" class="datepicker-cell day disabled">6</span><span data-date="1720303200000" class="datepicker-cell day disabled">7</span><span data-date="1720389600000"
class="datepicker-cell day disabled">8</span><span data-date="1720476000000" class="datepicker-cell day disabled">9</span><span data-date="1720562400000" class="datepicker-cell day disabled">10</span><span
data-date="1720648800000" class="datepicker-cell day disabled">11</span><span data-date="1720735200000" class="datepicker-cell day disabled">12</span><span data-date="1720821600000"
class="datepicker-cell day disabled">13</span><span data-date="1720908000000" class="datepicker-cell day disabled">14</span><span data-date="1720994400000" class="datepicker-cell day disabled">15</span><span
data-date="1721080800000" class="datepicker-cell day disabled">16</span><span data-date="1721167200000" class="datepicker-cell day disabled">17</span><span data-date="1721253600000"
class="datepicker-cell day disabled">18</span><span data-date="1721340000000" class="datepicker-cell day disabled">19</span><span data-date="1721426400000" class="datepicker-cell day disabled">20</span><span
data-date="1721512800000" class="datepicker-cell day disabled">21</span><span data-date="1721599200000" class="datepicker-cell day disabled">22</span><span data-date="1721685600000"
class="datepicker-cell day focused">23</span><span data-date="1721772000000" class="datepicker-cell day">24</span><span data-date="1721858400000" class="datepicker-cell day">25</span><span data-date="1721944800000"
class="datepicker-cell day">26</span><span data-date="1722031200000" class="datepicker-cell day">27</span><span data-date="1722117600000" class="datepicker-cell day">28</span><span data-date="1722204000000"
class="datepicker-cell day">29</span><span data-date="1722290400000" class="datepicker-cell day">30</span><span data-date="1722376800000" class="datepicker-cell day">31</span><span data-date="1722463200000"
class="datepicker-cell day next">1</span><span data-date="1722549600000" class="datepicker-cell day next">2</span><span data-date="1722636000000" class="datepicker-cell day next">3</span><span data-date="1722722400000"
class="datepicker-cell day next">4</span><span data-date="1722808800000" class="datepicker-cell day next">5</span><span data-date="1722895200000" class="datepicker-cell day next">6</span><span data-date="1722981600000"
class="datepicker-cell day next">7</span><span data-date="1723068000000" class="datepicker-cell day next">8</span><span data-date="1723154400000" class="datepicker-cell day next">9</span><span data-date="1723240800000"
class="datepicker-cell day next">10</span><span data-date="1723327200000" class="datepicker-cell day next">11</span></div>
</div>
</div>
</div>
<div class="datepicker-footer">
<div class="datepicker-controls"><button type="button" class="button today-button today-btn" tabindex="-1" style="display: none;">Oggi</button><button type="button" class="button clear-button clear-btn" tabindex="-1"
style="display: none;">Cancella</button></div>
</div>
</div>
</div>
<button type="button" x-on:click="value++" class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> + </button>
</div>
</div>
<ul class="bh-mt-8 bh-space-y-12">
<template hidden="" x-for="(room, index) in rooms" :key="index">
<li x-data="{adult: 2, child: []}" x-init="$watch('adult, child', () => rooms[index] = {adults: adult, children: child})">
<p class="bh-text-center bh-text-[#1A5BBC] bh-text-[0.875rem] bh-leading-[1.2]"> Camera <span x-text="index + 1"></span>
</p>
<div class="bh-mt-12 bh-flex bh-items-center bh-justify-between">
<span class="bh-text-[0.875rem] bh-text-gray bh-leading-[1.2]"> Adulti </span>
<div class="bh-inline-flex bh-border bh-border-[#D9D9D9] bh-rounded">
<button type="button" x-on:click="adult > 1 && adult--" class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> - </button>
<input type="text" readonly="" class="bh-w-32 bh-text-gray bh-p-0 bh-h-32 bh-bg-transparent bh-border-0 bh-outline-0 bh-text-[0.875rem] bh-leading-[1.2] bh-text-center" x-model="adult">
<button type="button" x-on:click="adult++" class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> + </button>
</div>
</div>
<div class="bh-mt-12 bh-flex bh-items-center bh-justify-between">
<span class="bh-text-[0.875rem] bh-text-gray bh-leading-[1.2]"> Bambini </span>
<div class="bh-inline-flex bh-border bh-border-[#D9D9D9] bh-rounded">
<button type="button" x-on:click="child = child.length > 0 ? child.slice(0, -1) : child"
class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> - </button>
<input type="text" readonly="" class="bh-w-32 bh-text-gray bh-p-0 bh-h-32 bh-bg-transparent bh-border-0 bh-outline-0 bh-text-[0.875rem] bh-leading-[1.2] bh-text-center" :value="child.length">
<button type="button" x-on:click="child = [...child, 0]" class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> + </button>
</div>
</div>
<div x-show="child.length > 0" class="bh-mt-12">
<span class="bh-text-[0.875rem] bh-text-gray bh-leading-[1.2]"> Età Bambini </span>
<div class="bh-flex bh-flex-wrap bh-gap-16 bh-mt-8">
<template x-for="(i, index) in child">
<div class="bh-inline-flex bh-border bh-border-[#D9D9D9] bh-rounded bh-divide-x bh-divide-[#D9D9D9]">
<input type="text" readonly="" class="bh-w-24 bh-text-gray bh-p-0 bh-h-38 bh-bg-transparent bh-border-0 bh-outline-0 bh-text-[0.875rem] bh-leading-[1.2] bh-text-center" x-model="child[index]">
<div class="bh-w-24 bh-inline-flex bh-flex-col bh-divide-y bh-divide-[#D9D9D9]">
<button type="button" x-on:click="child[index] < 18 && child[index]++" class="bh-h-19 bh-w-24 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none">
+ </button>
<button type="button" x-on:click="child[index] > 0 && child[index]--" class="bh-h-19 bh-w-full bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none">
- </button>
</div>
</div>
</template>
</div>
</div>
</li>
</template>
<li x-data="{adult: 2, child: []}" x-init="$watch('adult, child', () => rooms[index] = {adults: adult, children: child})">
<p class="bh-text-center bh-text-[#1A5BBC] bh-text-[0.875rem] bh-leading-[1.2]"> Camera <span x-text="index + 1">1</span>
</p>
<div class="bh-mt-12 bh-flex bh-items-center bh-justify-between">
<span class="bh-text-[0.875rem] bh-text-gray bh-leading-[1.2]"> Adulti </span>
<div class="bh-inline-flex bh-border bh-border-[#D9D9D9] bh-rounded">
<button type="button" x-on:click="adult > 1 && adult--" class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> - </button>
<input type="text" readonly="" class="bh-w-32 bh-text-gray bh-p-0 bh-h-32 bh-bg-transparent bh-border-0 bh-outline-0 bh-text-[0.875rem] bh-leading-[1.2] bh-text-center" x-model="adult">
<button type="button" x-on:click="adult++" class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> + </button>
</div>
</div>
<div class="bh-mt-12 bh-flex bh-items-center bh-justify-between">
<span class="bh-text-[0.875rem] bh-text-gray bh-leading-[1.2]"> Bambini </span>
<div class="bh-inline-flex bh-border bh-border-[#D9D9D9] bh-rounded">
<button type="button" x-on:click="child = child.length > 0 ? child.slice(0, -1) : child"
class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> - </button>
<input type="text" readonly="" class="bh-w-32 bh-text-gray bh-p-0 bh-h-32 bh-bg-transparent bh-border-0 bh-outline-0 bh-text-[0.875rem] bh-leading-[1.2] bh-text-center" :value="child.length">
<button type="button" x-on:click="child = [...child, 0]" class="bh-h-32 bh-w-32 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> + </button>
</div>
</div>
<div x-show="child.length > 0" class="bh-mt-12" style="display: none;">
<span class="bh-text-[0.875rem] bh-text-gray bh-leading-[1.2]"> Età Bambini </span>
<div class="bh-flex bh-flex-wrap bh-gap-16 bh-mt-8">
<template x-for="(i, index) in child">
<div class="bh-inline-flex bh-border bh-border-[#D9D9D9] bh-rounded bh-divide-x bh-divide-[#D9D9D9]">
<input type="text" readonly="" class="bh-w-24 bh-text-gray bh-p-0 bh-h-38 bh-bg-transparent bh-border-0 bh-outline-0 bh-text-[0.875rem] bh-leading-[1.2] bh-text-center" x-model="child[index]">
<div class="bh-w-24 bh-inline-flex bh-flex-col bh-divide-y bh-divide-[#D9D9D9]">
<button type="button" x-on:click="child[index] < 18 && child[index]++" class="bh-h-19 bh-w-24 bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> +
</button>
<button type="button" x-on:click="child[index] > 0 && child[index]--" class="bh-h-19 bh-w-full bh-inline-flex bh-items-center bh-justify-center bh-text-center bh-text-secondary-500 bh-cursor-pointer bh-leading-none"> -
</button>
</div>
</div>
</template>
</div>
</div>
</li>
</ul>
<button class="bh-rounded-full bh-text-[1.125rem] bh-font-bold bh-text-center bh-mt-32 bh-w-full bh-text-white bh-bg-primary bh-py-12 bh-px-24" @click.stop="open = false" type="button"> Fatto </button>
</div>
</label>
</div>
<input type="hidden" required="" name="bform[mode]" value="search">
<button class="bh-bg-primary bh-rounded-full bh-shrink-0 bh-text-white bh-text-[1.125rem] bh-text-center bh-inline-flex bh-items-center bh-justify-center bh-h-[44px] bh-aspect-square" type="submit" aria-label="Cerca il mio alloggio"
title="Cerca il mio alloggio">
<span class="bh-icon-search bh-text-[1rem] bh-text-white"></span>
</button>
</div>
</form>Text Content
Vai al contenuto * Alloggi * Esperienze * Eventi * Ita * Eng * Deu Chiama * Ita * Eng * Deu Chiama Meteo My Bibione Blog Alloggi Scopri Bibione Eventi Esperienze Info Turistiche * Ita * Eng * Deu Chiama Torna al menù Vedi tutti Hotel Hotel 1 stella Bibione Hotel 2 stelle Bibione Hotel 3 stelle Bibione Hotel 3 stelle Superior Bibione Hotel 4 stelle Bibione Hotel 4 stelle Superior Bibione Hotel 5 stelle Bibione Aparthotel Vedi tutto La località Bibione 4 Charity La nostra storia Le terme di Bibione La spiaggia La laguna Vacanze con il cane Vacanze ecosostenibili Nei dintorni di Bibione Vedi tutto Attività a Bibione Escursioni a Bibione Come arrivare Contatti Bibione accessibile Servizi e info utili Bibione Club Hotels Contatti * Ita * Eng * Deu Seguici sui social Cerca sul sito Non hai trovato quello che cercavi? Ricerca di: Meteo My Bibione Blog Be recharged Il portale dell’Associazione Bibionese Albergatori Be recharged Il portale dell’Associazione Bibionese Albergatori Be recharged Il portale dell’Associazione Bibionese Albergatori Be recharged Il portale dell’Associazione Bibionese Albergatori PRENOTA IL TUO HOTEL A BIBIONE Data di arrivo «Luglio 2024» LuMaMeGiVeSaDo 123456789101112131415161718192021222324252627282930311234567891011 OggiCancella Data di partenza «Luglio 2024» LuMaMeGiVeSaDo 123456789101112131415161718192021222324252627282930311234567891011 OggiCancella Numero di ospiti Chiudi Camera - + Camera Adulti - + Bambini - + Età Bambini + - * Camera 1 Adulti - + Bambini - + Età Bambini + - Assicura il tuo viaggio con Alianz Scopri di più Calendario «Luglio 2024» LuMaMeGiVeSaDo 123456789101112131415161718192021222324252627282930311234567891011 OggiCancella Fatto Calendario «Luglio 2024» LuMaMeGiVeSaDo 123456789101112131415161718192021222324252627282930311234567891011 OggiCancella dd/mm - dd/mm 1 camera 2 adulti 0 bambini Calendario «Luglio 2024» LuMaMeGiVeSaDo 123456789101112131415161718192021222324252627282930311234567891011 OggiCancella Fatto Ospiti Camera - Calendario «Luglio 2024» LuMaMeGiVeSaDo 123456789101112131415161718192021222324252627282930311234567891011 OggiCancella + Camera Adulti - + Bambini - + Età Bambini + - * Camera 1 Adulti - + Bambini - + Età Bambini + - Fatto PERCHÉ BIBIONE per una vacanza di relax e benessere 1 Con il suo ampio arenile, la spiaggia di Bibione regala spazio illimitato per godersi il mare, la lettura, lo sport, l’intrattenimento per i bambini e nuove amicizie. 2 A Bibione troverai un ambiente pulito, con una spiaggia senza fumo premiata con la Bandiera Blu. Qui potrai godere di servizi di alta qualità, per un’esperienza indimenticabile in un contesto sicuro e accogliente. 3 Bibione è una destinazione che offre una vacanza su misura per tutti i gusti, dalle famiglie agli amanti dello sport, dal relax all’accessibilità. Le strutture ricettive sono appositamente progettate per accogliere e soddisfare le esigenze di ogni ospite. 1 Con il suo ampio arenile, la spiaggia di Bibione regala spazio illimitato per godersi il mare, la lettura, lo sport, l’intrattenimento per i bambini e nuove amicizie. 2 A Bibione troverai un ambiente pulito, con una spiaggia senza fumo premiata con la Bandiera Blu. Qui potrai godere di servizi di alta qualità, per un’esperienza indimenticabile in un contesto sicuro e accogliente. 3 Bibione è una destinazione che offre una vacanza su misura per tutti i gusti, dalle famiglie agli amanti dello sport, dal relax all’accessibilità. Le strutture ricettive sono appositamente progettate per accogliere e soddisfare le esigenze di ogni ospite. SCEGLI IL TIPO DI ALLOGGIO Trova la soluzione perfetta per la tua vacanza a Bibione. Vedi tutte le strutture HOTEL Un soggiorno in totale comfort, con servizi impeccabili per un soggiorno confortevole. APARTHOTEL La comodità di un appartamento unita ai servizi di un hotel. HOTEL APARTHOTEL SCEGLI HOTEL PER CATEGORIA Esplora gli Hotel a Bibione e scopri la struttura perfetta per te. Puoi optare per la semplicità degli hotel a 1 stella, scegliere tra la convenienza e il comfort degli 2 stelle, 3 stelle e 3 stelle superior oppure godere di una rilassante esperienza nei 4 stelle con servizi di alta qualità. Per un tocco di lusso, ci sono gli hotel 4 stelle superior mentre per un soggiorno memorabile, il 5 stelle è la scelta ideale. Trova l’alloggio perfetto per rendere la tua vacanza indimenticabile. Vedi tutti gli hotel SCOPRI IL CALENDARIO RICCO DI EVENTI Eventi Dai concerti e gli eventi sportivi alle sagre culinarie, vivi un’esperienza indimenticabile durante il tuo soggiorno Mer 3 Lug - Gio 29 Ago BIBIONE D’ESTATE 2024 – IV EDIZIONE Lun 10 Giu - Ven 6 Set BIBIONE BE ACTIVE 2024 Ven 13 Set - Dom 15 Set BIBIONE OLISTIC FESTIVAL 2024 Ven 20 Set - Dom 22 Set BIBIONE BEACH FITNESS 2024 Animazione Eventi musicali Eventi Religiosi Eventi sportivi Le mostre Tutti gli eventi IL METEO DI OGGI MARTEDÌ 23 LUGLIO Meteo Mattina Poco nuvoloso T. max 31/33° T. min 21/23 ° T. max 31/33° T. min 21/23 ° Pomeriggio Sereno o poco nuvoloso T. max 31/33° T. min 21/23 ° T. max 31/33° T. min 21/23 ° 30/32 ° - 20/22 ° Parzialmente nuvoloso per nubi alte Mer (AM) 30/32 ° - 20/22 ° Parzialmente soleggiato Mer (PM) Poco nuvoloso Gio (ALL) Sereno o poco nuvoloso Ven (ALL) Le previsioni meteo a Bibione ESPERIENZE DA VIVERE Vivi Scopri un mondo di emozioni Vedi tutte ARIA APERTA BENESSERE E SALUTE IN ACQUA IN SPIAGGIA MUSEI PARCHI TEMATICI SHOPPING ARIA APERTA BENESSERE E SALUTE IN ACQUA IN SPIAGGIA MUSEI PARCHI TEMATICI SHOPPING SCOPRI BIBIONE Una località che non smette mai di affascinare LA LOCALITÀ DI BIBIONE Un luogo magico fatto di bellezza, relax e divertimento LA STORIA DI BIBIONE Una ricca storia che si intreccia con la maestosità dell’Adriatico LA SPIAGGIA DI BIBIONE Un paradiso per gli amanti del sole e del mare NEI DINTORNI DI BIBIONE Vivi emozioni indimenticabili tra storia, cultura e tradizioni locali TURISMO ECOSOSTENIBILE Vivi una vacanza autentica con il turismo slow ed eco-sostenibile. VACANZE CON IL CANE A BIBIONE Vivi un soggiorno in pieno relax in compagnia del tuo cane ESPLORA IL MONDO DI BIBIONE Blog Ispirazione, consigli e informazioni per vivere al meglio la tua vacanza a Bibione IL FARO DI PUNTA TAGLIAMENTO / BIBIONE Orari di apertura del Faro di Punta Tagliamento / Bibione per tutto il 2024 “VOLA A BIBIONE”! Le corse Express dall’Aeroporto di Venezia – 2024 FUOCHI D’ARTIFICIO A BIBIONE: L’ESTATE SI ILLUMINA DI COLORI E MAGIA! Come ogni anno, l’estate a Bibione si preannuncia ricca di emozioni e colori, con gli ormai consueti spettacoli pirotecnici che illuminano il cielo notturno della nostra rinomata località balneare. Per l’estate 2024, ecco le date da segnare sul calendario: Da non dimenticare poi i fuochi d’artificio di Lido del Sole di giovedì 29 agosto! In caso di maltempo … Continued X LAGOON: UN TUFFO NELLA BELLEZZA DI BIBIONE, VALLEVECCHIA E CAORLE! Naviga tra lagune e paesaggi mozzafiato Anche quest’anno il servizio di passo-barca X-Lagoon torna a collegare le suggestive località di Bibione, Vallevecchia e Caorle, offrendo un’esperienza unica agli amanti della natura, della cultura e del relax. Un’esperienza per tutti i gusti Salite a bordo e lasciatevi incantare da un viaggio panoramico attraverso la Laguna di … Continued X-RIVER: UN PONTE TRA BIBIONE E LIGNANO PER UN’ESTATE RICCA DI AVVENTURE! Il sole splende, le giornate si allungano e la voglia di mare si fa sempre più intensa. L’estate è alle porte e con essa la possibilità di vivere esperienze indimenticabili. Tra le proposte più interessanti per gli amanti del mare e delle due ruote c’è sicuramente il servizio di traghetto X-River, che collega le splendide … Continued VASCO ROSSI SCALDA I MOTORI: A BIBIONE LA DATA ZERO DEL TOUR 2024 Vasco Rossi in concerto l'1 e 2 giugno allo Stadio Comunale di Bibione Bibione musica Vasco HOTEL VICINO AL MARE: A BIBIONE COMFORT E SERVIZI A DUE PASSI DALL’ADRIATICO Avete deciso di trascorrere le vacanze sull’Adriatico? È giusto che alloggiate vicini al mare! Bibione A BIBIONE LA VACANZA È INCLUSIVA Scopri cosa ha fatto e cosa fa Bibione per offrire a tutti, ma proprio a tutti, la vacanza che si meritano. DOVE MANGIARE PESCE A BIBIONE: 10 RISTORANTI DA LECCARSI I BAFFI Cosa c’è di meglio che gustarsi un bel piatto di pesce quando si trascorrono le vacanze al mare? Nulla! Ecco perché vogliamo mostrarvi dove mangiare pesce a Bibione. BIBIONE SENZA GLUTINE: TANTE SOLUZIONI PER I CELIACI Sei a Bibione e stai cercando un posto dove poter mangiare prodotti senza glutine sicuri e gustosi? Da alberghi a ristoranti, leggi l'articolo e scopri tutte le offerte del nostro litorale! HOTEL A BIBIONE CON PENSIONE COMPLETA: DOVE PERNOTTARE PER GODERSI AL 100% LE VACANZE Bibione è una sola ma le possibilità di godersi le vacanze sono tante! AIUTI DI STATO Scopri di più NEWSLETTER Rimani aggiornato sugli eventi e le offerte di Bibione Iscriviti alla newsletter * Servizi e info utili * Contatti * Certificazioni * Credits Feedback * DMS – Eventi * Chi è Aba * Cookies policy * Privacy policy Info center +39 0431430101 Seguici Aba Servizi soc. coop – @2022 P.I. 02753950274 DATA PRIVACY The site uses cookies or other technical tools and may, with your consent which you can express by clicking ACCEPT ALL or by accepting the individual categories available by clicking OPTIONS, may also use profiling cookies or other tracking tools in order to send advertising messages or modulate the provision of the service in a personalized way in line with your preferences expressed while using the functions and surfing the net and/or for the purpose of carrying out analyses and monitoring of your behaviours; by clicking on the X, you refuse all cookies. Detailed information on our cookie policy. Necessary Statistics Marketing OPTIONSACCEPT ALL