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

{% block title %}Accueil - Les gîtes de Roquetoire{% endblock %}

{% block meta %}
    <meta name="description" content="Page d'acceuil des gîtes de Roquetoire">
{% endblock %}

{% block content %}

    {% for header in header %}
        <div class="home">
            <div class="header-img d-flex align-items-center justify-content-center" style="background-image: url('/uploads/{{ header.illustration }}')">
                <div class="presentation">
                    <h1>{{ header.title }}</h1>
                    <p>{{ header.description|raw }}</p>
                </div>
            </div>
        </div>
    {% endfor %}

    <div class="container mt-4">
        <h2>Nos gîtes</h2>
        <div class="row justify-content-around my-4">
            {% for gites in gites %}
                <div class="col-md-5 mb-4">
                    <div class="text-center">
                        <h3>{{ gites.name }}</h3>
                        <a href="{{ path('app_gite', { 'slug' : gites.slug }) }}">
                            <img src="/uploads/{{ gites.illustration }}" class="img-fluid" alt="{{ gites.name }}">
                        </a>
                    </div>
                </div>
            {% endfor %}
        </div>
        <hr>
        <h2>A propos de nous</h2>
        <p>
            Venez-vous ressourcer aux creux d'un village patrimoine avec ses commerces de proximités (Café, boulangerie, boucherie, pharmacie, épicerie, un marché le mercredi matin et le samedi matin),
            Nos gîtes sont situés dans une rue calme et verdoyante. Des chemins de randonnée sont balisés pour le bonheur des promeneurs.
        </p>
        <hr>
        <h2>Attractions</h2>
        <p class="text-center">
            À proximité de nos deux gîtes, vous trouverez une multitude d'activités passionnantes pour agrémenter votre séjour. Que vous soyez amateurs de nature, d'histoire 
            ou de sensations fortes, il y en a pour tous les goûts ! Nous vous invitons à explorer notre page "Attractions" où nous présentons certaines des activités incontournables 
            de la région. De la découverte des sites historiques aux aventures en plein air, vous trouverez de quoi enrichir votre expérience et créer des souvenirs inoubliables 
            lors de votre séjour chez nous.
        </p>
        <div class="row justify-content-center my-4">
            {% for attraction in attraction %}
                <div class="col-md-5 mb-4">
                    <div class="text-center">
                        <h3>{{ attraction.title }}</h3>
                        <img src="/uploads/{{ attraction.illustration }}" class="img-attraction-home" alt="{{ attraction.title }}">
                    </div>
                </div>
            {% endfor %}
        </div>
        <hr>
        <h2>Événement</h2>
        <div class="row justify-content-around my-5">
            {% for evenement in evenement %}
                    <div class="col-md-5">
                        <div class="text-center">
                            <h3>{{ evenement.title }}</h3>
                            <img src="/uploads/{{ evenement.illustration }}" class="img-fluid img-evenement" style="max-height: 300px;" alt="{{ evenement.title }}">
                            <p>{{ evenement.description|raw }}</p>
                        </div>
                    </div>
            {% endfor %}
        </div>
    </div>
    
{% endblock %}