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

{% block title %}Accueil | Le Quai-Antique
{% endblock %}

{% block body %}

{% set topImage = asset('assets/images/le bar1.jpg') %}
{% set bottomImage = asset('assets/images/salle restaurant2.jpg') %}

{% for category in categories %}
	{% if category.name == "Top image" or category.name == "Bottom image" %}
		{% for dishe in dishes %}
			{% if dishe.categories.id == category.id %}
				{% if category.name == "Top image" %}
					{% set topImage = asset('assets/uploads/dishes/' ~ dishe.images[0].name) %}
				{% elseif category.name == "Bottom image" %}
					{% set bottomImage = asset('assets/uploads/dishes/' ~ dishe.images[0].name) %}
				{% endif %}
			{% endif %}
		{% endfor %}
	{% endif %}
{% endfor %}

<img class="img-fluid" id="front" src="{{ topImage }}" alt="Images de présentaion du restaurant le Quia-Antique">

<main class="container">
	<section class="row justify-content-center">
		<div class="col-12">
			<h1 class="text-center mt-4">Le Quai-Antique</h1>
		</div>


		{% for category in categories %}
			{% if category.parent == null and category.name != 'Top image' and category.name != 'Bottom image' %}
				{% if category.name != 'Images d\'accueil' %}
                        <div class="col-12">
                            <h3 class="text-center mt-10">{{ category.name }}</h3>
                        </div>
                    {% endif %}
                {% elseif category.parent != null and category.name != 'Top image' and category.name != 'Bottom image' %}
    <div class="col-lg-6 col-md-6 col-sm-10 mb-3 ">
        <div class="card-container">
            <article class="card h-100 mb-6">
                <div class="card-body">
                    {% set categoryImageFound = false %}
                    {% for dishe in dishes %}
                        {% if dishe.categories.id == category.id and not categoryImageFound %}
                            {% if dishe.images[0] is defined %}
                                <img src="{{ asset('assets/uploads/dishes/mini/300x300-' ~ dishe.images[0].name ) }}" class="card-img-top" alt="{{ dishe.name }}">
                            {% else %}
                                <img src="{{ asset('assets/images/OrangeetBordeauxRestaurantLogo.png') }}" class="card-img-top" alt="{{ dishe.name }}">
                            {% endif %}
                            {% set categoryImageFound = true %}
                        {% endif %}
                    {% endfor %}
                   <div class="col-12 text-center">
    <h3 class="card-title mt-5 mb-0">{{ category.name }}</h3>
    {% if category.dishes|length > 0 %}
        <a href="{{ path('app_categories_list', {slug: category.slug}) }}" class="btn btn4 mt-3">Voir le détails</a>
    {% else %}
        <a href="{{ path('app_main') }}" class="btn btn4 mt-3">Voir le détails</a>
    {% endif %}
    {% if app.user %}
        <a type="button" href="{{ path('app_calendar_new') }}" class="btn btn3 mt-3">Réserver</a>
    {% else %}
        <p>Connectez-vous pour réserver</p>
        <a type="button" href="{{ path('app_login') }}" class="btn mt-3">Connexion</a>
        <a type="button" href="{{ path('app_register') }}" class="btn btn3 mt-3">S'inscrire</a>
    {% endif %}
				</div>

			</div>
		</article>
	</div>
</div>{% endif %}{% endfor %}</section></main><img class="img-fluid" id="bottom" src="{{ bottomImage }}" alt="Images de présentaion du restaurant le Quia-Antique">{% endblock %}