{% extends 'base.html.twig' %}

{% block title %}Carte
{% endblock %}

{% block body %}
	<div id="photo_carte"></div>
	<section id="carte-menu">
		<h2>Notre carte</h2>
		<h4>Menu du jour à 32€ : Entrée, plat et dessert</h4>
		<div id="carte_entre">
			<h3>Nos entrées</h3>
			{% for plat in plats %}
				{% if plat.categorys.id == 1 %}
					<table class="table">
						<p class="plat_name">{{ plat.name }}</p>
						<p class="plat_prix">{{ plat.prix }}€</p>
					</table>
				{% endif %}
			{% endfor %}
			<a href="https://127.0.0.1:8000/reserver" class="bouton_reservation_carte">Réserver</a>
		</div>


		{#  #}
		<div id="carte_plat">
			<h3>Nos plats</h3>
			{% for plat in plats %}
				{% if plat.categorys.id == 2 %}

					<table class="table">
						<p class="plat_name">{{ plat.name }}</p>
						<p class="plat_prix">{{ plat.prix }}€</p>
					</table>


				{% endif %}
			{% endfor %}
			<a href="https://127.0.0.1:8000/reserver" class="bouton_reservation_carte">Réserver</a>
		</div>


		{#  #}
		<div id="carte_dessert">
			<h3>Nos desserts</h3>
			{% for plat in plats %}
				{% if plat.categorys.id == 3 %}
					<table class="table">
						<p class="plat_name">{{ plat.name }}</p>
						<p class="plat_prix">{{ plat.prix }}€</p>
					</table>
				{% endif %}
			{% endfor %}
			<a href="https://127.0.0.1:8000/reserver" class="bouton_reservation_carte">Réserver</a>
		</div>
		{#  #}
		{# <div id="carte_boisson">
		<h3>Boissons</h3>
		{% for plat in plats %}
		{% if plat.categorys.id == 4 %}
		        <table class="table">
		                        <p>{{ plat.name }} {{ plat.prix }}€</p>
		        </table>
		{% endif %}
		{% endfor %}
		</div> #}
	</section>
{% endblock %}