<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}Z Restaurant{% endblock %}</title>
<link rel="icon" href="{{ asset('image/logo-blanc.png') }}">
{# <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>"> #}
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@500&family=Righteous&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<link rel="stylesheet" href="{{ asset('css/base.css') }}">
{# <link rel="stylesheet" href="{{ asset('css/style.css') }}"> #}
{# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{% endblock %}
</head>
<div class="background">
<header>
<div class="menu">
<div class="menu-btn"><i class="bi bi-list"></i>Menu</div>
<div class="logo-header"><a class="nav__link" href="{{ path('home') }}"><img src="{{ asset('image/logo-blanc.png') }}" alt="logo-header"></a></div>
<div class="right-part">
<div class="btn-reserver-menu">Réserver</div>
<div class="socials">
<div><i class="bi bi-facebook"></i></div>
<div><i class="bi bi-instagram"></i></div>
<div><i class="bi bi-pinterest"></i></div>
</div>
</div>
</div>
</header>
<div class="header__nav">
<nav class="nav">
<ul class="nav__list">
<li><a class="nav__link" href="{{ path('home') }}">Accueil</a></li>
<li><a class="nav__link" href="{{ path('carte') }}">Carte et Menu</a></li>
<li><a class="nav__link" href="{{ path('reservations') }}">Réservation</a></li>
<li><a class="nav__link" href="{{ path('presentation') }}">Qui sommes-nous ?</a></li>
<li><a class="nav__link" href="{{ path('contact') }}">Contact</a></li>
</ul>
<div class="closing-cross-nav"><i class="bi bi-x-lg"></i></div>
</nav>
</div>
<body>
<section class="BigTitle">
<div class="title">
{% block titre %}
{% endblock %}
<div class="btn-reserver">Réserver</div>
</div>
<aside class="reservation-form ">
<div class="closing-cross"><i class="bi bi-x-lg"></i></div>
<h4>Réservez une table !</h1>
<div class="form-part">
{{ include('reservation/_form.html.twig') }}
</div>
</aside>
</section>
</div>
{% block body %}
{% endblock %}
<div>
<img src="{{ asset('image/chef.png') }}" alt="chef-hat">
</div>
<footer>
<div class="footer">
<div>
<ul>
<li><a href="{{ path('carte') }}">Carte et Menu</a></li>
<li><a href="{{ path('reservations') }}">Réservation</a></li>
<li><a href="{{ path('presentation') }}">Qui sommes-nous ?</a></li>
</ul>
</div>
<div><img src="{{ asset('image/logo-blanc.png') }}" alt="logo-header"></div>
<div>
<div class="socials">
<div><i class="bi bi-facebook"></i></div>
<div><i class="bi bi-instagram"></i></div>
<div><i class="bi bi-pinterest"></i></div>
</div>
<ul>
<li><a href="{{ path('contact') }}">Contact</a></li>
<li>Mentions Légales</li>
<li><a href="{{ path('app_login') }}"> Z Administration</a></li>
</ul>
</div>
</div>
<div class="copyright">© Copyright 2023 Z Restaurant</div>
</footer>
<script src="{{ asset('js/base.js') }}"></script>
</body>
</html>