{#
component: ModalReservations
#}
<div data-component="modal-reservations" class="ModalReservations">
<div class="ModalReservations-bg" ref="bg"></div>
<div class="ModalReservations-content">
<div class="ModalReservations-image">
{% include "component/picture.html.twig" with {
props: {
src:asset("build/images/modal-reservations-bg.jpg"),
srcWebp:asset("build/images/modal-reservations-bg.jpg")
}
} %}
</div>
<div class="ModalReservations-article">
<div class="ModalReservations-title Heading-titleAnnex">
{{"modal_reservations.title"|trans}}
</div>
<div class="ModalReservations-choices">
<div class="ModalReservations-choice hide" ref="offer">
<div class="ModalReservations-choiceLabel">{{"modal_reservations.offer"|trans | raw }} </div>
{% include "component/button.html.twig" with {
props: {
text:"modal_reservations.offer_button"|trans
}
} %}
</div>
<div class="ModalReservations-choice" ref="reservation">
<div class="ModalReservations-choiceLabel">{{"modal_reservations.reservation"|trans | raw }} </div>
{% include "component/button.html.twig" with {
props: {
text:"modal_reservations.reservation_button"|trans
}
} %}
</div>
<div class="ModalReservations-choice" ref="aquao">
<div class="ModalReservations-choiceLabel">{{"modal_reservations.aquao"|trans | raw }}</div>
{% include "component/button.html.twig" with {
props: {
text:"modal_reservations.aquao_button"|trans
}
} %}
</div>
</div>
</div>
<div class="ModalReservations-btclose" ref="btclose">
<div class="ModalReservations-btcloseCross"></div>
</div>
</div>
</div>