{# templates/pages/sitemap.html.twig #}
{% extends 'base.html.twig' %}

{% block title %}Plan du site - CSP Chauffage{% endblock %}

{% block body %}
    <section class="max-w-6xl mx-auto py-12 px-4">
        <h1 class="text-3xl font-bold text-gray-900 mb-10">Plan du site</h1>
        
        <ul class="space-y-4">
            
            {# 1. ACCUEIL #}
            <li>
                <div class="flex items-center group">
                    <span class="w-2 h-2 bg-gray-800 mr-4 shrink-0"></span>
                    <a href="{{ path('app_home') }}" class="text-gray-700 hover:text-black hover:underline text-lg">Accueil</a>
                </div>
            </li>

            {# 2. NOTRE HISTOIRE #}
            <li>
                <div class="flex items-center group">
                    <span class="w-2 h-2 bg-gray-800 mr-4 shrink-0"></span>
                    <a href="{{ path('app_presentation') }}" class="text-gray-700 hover:text-black hover:underline text-lg">Notre Histoire</a>
                </div>
            </li>

            {# 3. CHAUFFAGE (Parent + Enfants) #}
            <li>
                <div class="flex items-center group">
                    <span class="w-2 h-2 bg-gray-800 mr-4 shrink-0"></span>
                    <a href="{{ path('app_heating_index') }}" class="text-gray-700 hover:text-black hover:underline text-lg">Chauffage & Climatisation</a>
                </div>
                
                {# Sous-liste #}
                {% if heatingServices is not empty %}
                    <ul class="ml-1 mt-3 space-y-3 border-l-2 border-gray-100 pl-8">
                        {% for service in heatingServices %}
                            <li>
                                <div class="flex items-center group">
                                    <span class="w-1.5 h-1.5 bg-black mr-3 shrink-0"></span>
                                    <a href="{{ path('app_heating_show', {'slug': service.slug}) }}" class="text-gray-600 hover:text-black hover:underline">
                                        {{ service.title }}
                                    </a>
                                </div>
                            </li>
                        {% endfor %}
                    </ul>
                {% endif %}
            </li>

            {# 4. PLOMBERIE (Parent + Enfants) #}
            <li>
                <div class="flex items-center group">
                    <span class="w-2 h-2 bg-gray-800 mr-4 shrink-0"></span>
                    <a href="{{ path('app_plumbing_index') }}" class="text-gray-700 hover:text-black hover:underline text-lg">Sanitaires & Plomberie</a>
                </div>

                {# Sous-liste #}
                {% if plumbingServices is not empty %}
                    <ul class="ml-1 mt-3 space-y-3 border-l-2 border-gray-100 pl-8">
                        {% for service in plumbingServices %}
                            <li>
                                <div class="flex items-center group">
                                    <span class="w-1.5 h-1.5 bg-black mr-3 shrink-0"></span>
                                    <a href="{{ path('app_plumbing_show', {'slug': service.slug}) }}" class="text-gray-600 hover:text-black hover:underline">
                                        {{ service.title }}
                                    </a>
                                </div>
                            </li>
                        {% endfor %}
                    </ul>
                {% endif %}
            </li>

            {# 5. RÉALISATIONS (Parent + Enfants) #}
            <li>
                <div class="flex items-center group">
                    <span class="w-2 h-2 bg-gray-800 mr-4 shrink-0"></span>
                    <a href="{{ path('app_realization_index') }}" class="text-gray-700 hover:text-black hover:underline text-lg">Nos Réalisations</a>
                </div>

                {# Sous-liste #}
                {% if realizations is not empty %}
                    <ul class="ml-1 mt-3 space-y-3 border-l-2 border-gray-100 pl-8">
                        {% for realization in realizations %}
                            <li>
                                <div class="flex items-center group">
                                    <span class="w-1.5 h-1.5 bg-black mr-3 shrink-0"></span>
                                    <a href="{{ path('app_realization_show', {'slug': realization.slug}) }}" class="text-gray-600 hover:text-black hover:underline">
                                        {{ realization.title }}
                                    </a>
                                </div>
                            </li>
                        {% endfor %}
                    </ul>
                {% endif %}
            </li>

            {# 6. PAGES TECHNIQUES & LÉGALES #}
            <li>
                <div class="flex items-center group">
                    <span class="w-2 h-2 bg-gray-800 mr-4 shrink-0"></span>
                    <button type="button" data-action="click->contact-modal#open" class="text-gray-700 hover:text-black hover:underline text-lg text-left">
                        Contact
                    </button>
                </div>
            </li>

            <li>
                <div class="flex items-center group">
                    <span class="w-2 h-2 bg-gray-800 mr-4 shrink-0"></span>
                    <a href="{{ path('app_legal') }}" class="text-gray-700 hover:text-black hover:underline text-lg">Mentions légales</a>
                </div>
            </li>

            <li>
                <div class="flex items-center group">
                    <span class="w-2 h-2 bg-gray-800 mr-4 shrink-0"></span>
                    <a href="{{ path('app_sitemap') }}" class="text-gray-700 hover:text-black hover:underline text-lg">Plan du site</a>
                </div>
            </li>

            <li>
                <div class="flex items-center group">
                    <span class="w-2 h-2 bg-gray-800 mr-4 shrink-0"></span>
                    <a href="{{ path('app_privacy') }}" class="text-gray-700 hover:text-black hover:underline text-lg">Données personnelles</a>
                </div>
            </li>

            {# 7. CONNEXION #}
            <li>
                <div class="flex items-center group">
                    <span class="w-2 h-2 bg-gray-800 mr-4 shrink-0"></span>
                    {% if app.user %}
                        <a href="{{ path('admin') }}" class="text-blue-600 hover:text-blue-800 hover:underline text-lg font-medium">Administration</a>
                    {% else %}
                        <a href="{{ path('app_login') }}" class="text-gray-700 hover:text-black hover:underline text-lg">Connexion</a>
                    {% endif %}
                </div>
            </li>

        </ul>
    </section>
{% endblock %}