<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}Welcome!{% endblock %}</title>
<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>">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/>
{# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap" rel="stylesheet">
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{% endblock %}
</head>
<body>
<div class="container-app">
<header class="header">
<div class="logo">
<img src="{{ asset('images/logo-latour.svg') }}" alt="Logo La Tour">
</div>
<div data-controller="swiper">
<nav class="menu carousel-menu swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="menu-item">
<a href="{{ path('aperitif') }}" {% if current_menu == 'aperitif' %}class="active"{% endif %}>
<div class="picto">
<img src="{{ asset('images/icons/aperitif2.svg') }}" alt="Aperitif">
</div>
<span>Apéritifs</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="menu-item">
<a href="{{ path('cocktail') }}" {% if current_menu == 'cocktail' %}class="active"{% endif %}>
<div class="picto">
<img src="{{ asset('images/icons/boisson.svg') }}" alt="cocktail">
</div>
<span>Cocktails</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="menu-item">
<a href="{{ path('boisson') }}" {% if current_menu == 'boisson' %}class="active"{% endif %}>
<div class="picto">
<img src="{{ asset('images/icons/aperitif.svg') }}" alt="Boisson">
</div>
<span>Boissons</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="menu-item">
<a href="{{ path('planche') }}" {% if current_menu == 'planche' %}class="active"{% endif %}>
<div class="picto">
<img src="{{ asset('images/icons/assiette-apero.svg') }}" alt="Assiette apéro">
</div>
<span>Assiettes apéro</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="menu-item">
<a href="{{ path('vin') }}" {% if current_menu == 'vin' %}class="active"{% endif %}>
<div class="picto">
<img src="{{ asset('images/icons/vin.svg') }}" alt="Aperitif">
</div>
<span>Vins</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="menu-item">
<a href="{{ path('entree') }}" {% if current_menu == 'entree' %}class="active"{% endif %}>
<div class="picto">
<img src="{{ asset('images/icons/salade.svg') }}" alt="Salade">
</div>
<span>Entrées Salades</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="menu-item">
<a href="{{ path('plat') }}" {% if current_menu == 'plat' %}class="active"{% endif %}>
<div class="picto">
<img src="{{ asset('images/icons/plat.svg') }}" alt="Plat">
</div>
<span>Plats</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="menu-item">
<a href="{{ path('pates') }}" {% if current_menu == 'pates' %}class="active"{% endif %}>
<div class="picto">
<img src="{{ asset('images/icons/pates.svg') }}" alt="Plat">
</div>
<span>Pâtes & gratins</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="menu-item">
<a href="{{ path('burger') }}" {% if current_menu == 'burger' %}class="active"{% endif %}>
<div class="picto">
<img src="{{ asset('images/icons/burger.svg') }}" alt="Burger">
</div>
<span>Burgers</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="menu-item">
<a href="{{ path('pizza') }}" {% if current_menu == 'pizza' %}class="active"{% endif %}>
<div class="picto">
<img src="{{ asset('images/icons/pizza.svg') }}" alt="Pizza">
</div>
<span>Pizza</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="menu-item">
<a href="{{ path('dessert') }}" {% if current_menu == 'dessert' %}class="active"{% endif %}>
<div class="picto">
<img src="{{ asset('images/icons/dessert.svg') }}" alt="Desserts">
</div>
<span>Desserts</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="menu-item">
<a href="{{ path('boissonChaude') }}" {% if current_menu == 'boissonChaude' %}class="active"{% endif %}>
<div class="picto">
<img src="{{ asset('images/icons/boisson-chaude.svg') }}" alt="Boissons chaudes">
</div>
<span>Boissons Chaudes</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="menu-item">
<a href="{{ path('formule') }}" {% if current_menu == 'formule' %}class="active"{% endif %}>
<div class="picto">
<img src="{{ asset('images/icons/formule.svg') }}" alt="Boissons chaudes">
</div>
<span>Formules & Menu enfant</span>
</a>
</div>
</div>
<div class="swiper-slide">
</div>
</div>
</nav>
</div>
</header>
{% block body %}{% endblock %}
</div>
</body>
</html>