@extends('layouts.app')

@section('title', 'Réservation')

@section('content')
<script src="https://www.google.com/recaptcha/api.js"></script>
<section class="pt-xl-9 pb-0 mb-0">
    <div class="container pt-5">
        <div class="row align-items-center">
            <div class="col-xl-6">
                <img class="w-25" src="{{ asset('/img/service/ravioli.svg') }}">
                <!-- Title and content -->
                <h2 class="text-dark">15 Porte de droite</h2>
            </div>

            <div class="col-xl-6">
                <img class="my-3 border-round-md" src="{{ asset('img/draw/reservation.jpg') }}">
            </div>
        </div>
    </div>
</section>
<section class="pb-0">
    <div class="container">
        <h4 class="text-dark mb-5">Réservation</h4>

        <p class="mt-3">
            Au 15 Porte de droite, les jeudis et vendredis soir une semaine sur deux, on vient déguster la cuisine de Justine à travers un menu dégustation en 7 temps.
            <br /><br />On découvre quelques-uns de ses plats signatures mais aussi des créations encore inconnues du public, à travers ce concept unique mêlant gastronomie et table d’hôtes.
            <br /><br />La table compte 14 places, c’est pourquoi les réservations sont limitées à 4 personnes maximum, pour qu’aucun groupe ne prenne le dessus sur la table, et que la convivialité soit maximale !
            <br /><br />Vous pouvez choisir d’accompagner ce menu avec un accord mets et vins (menu + vins : 170€), ou un accord sans alcool (menu + softs cuisinés : 150€).
        </p>

        <blockquote class="blockquote mt-5">
            <p class="mb-0">« Ce concept de tous vous réunir sur une même table, et de vous servir un repas gastronomique est magique, je ne peux plus m’en passer ».</p>
            <footer class="blockquote-footer mt-1">Justine</footer>
        </blockquote>

        <!-- Zenchef reservation module integration using iframe -->
        <iframe src="https://bookings.zenchef.com/results?rid=368192&pid=1001" width="100%" height="500px" class="border-round-sm m-0 mx-0 mx-md-5"></iframe>
    </div>
</section>

<section class="pt-2">
    @include('layouts.what')
</section>
@endsection