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

{% block title %}{{TitlePage}}{% endblock %}
{% block menuTop %}
{{ include('terrain/_menuTop.html.twig') }}
{% endblock %}
{% block menuMiddle %}
{{ include('bien/_menuMiddle.html.twig') }}
{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" href={{ asset('assets/css/bien/navTop.css')  }}>
<link rel="stylesheet" href={{ asset('assets/css/bien/middleNav.css')  }}>
<link rel="stylesheet" href={{ asset('assets/css/bien/style.css')  }}>
<link rel="stylesheet" href={{ asset('assets/css/terrain/style.css')  }}>
{% endblock %}
{% block body %}

<div class="container-fluid">
    <div class="row">
        <div class="col-10">
            <table class="table">
                <thead>
                    <tr>
                        <th>
                            <a href={{ path('app_terrain_index') }} class="colorBien titre">
                                Bien
                            </a>
                        </th>
                        <th>
                            <a href={{ path('app_terrain_type') }} class="colorBien titre ">
                                Type de bien
                            </a>
                        </th>
                        <th>
                            Stade
                        </th>
                        <th>Projet</th>
                        <th>Ref. cad.</th>
                        <th>
                            <a href={{ path('app_terrain_ville') }} class="colorBien titre">
                                Ville
                            </a>
                        </th>
                        <th>
                            <a href={{ path('app_terrain_codePostal') }} class="colorBien titre">
                                Code Postal
                            </a>
                        </th>
                        <th>
                            <a href={{ path('app_terrain_origine') }} class="colorBien titre">
                                Origine
                            </a>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    {% for p in projets %}
                    <tr>
                        <td>
                            <a href="{{ path('app_terrain_edit', {'id': p.terrain.id}) }}" class="colorBien titre">
                                {{ p.terrain.name | capitalize }}
                            </a>
                        </td>
                        <td>
                            <a href={{ path('app_terrain_type_sort', {'slug' : p.type.id }) }} class="colorBien titre">
                                {{ p.type.type ? p.type.type }}
                            </a>
                        </td>
                        <td>
                            {% if p.terrain %}
                            {{ p.terrain.stade.name }}
                            {% endif %}
                        </td>
                        <td>
                            {% if p.missions.snapshot %}
                            {% for mission in p.missions.snapshot %}
                            <a href={{ path("app_mission_edit" , {'id' :mission.id}) }} class="colorBien titre">
                                {{ mission.name ? mission.name | capitalize }}
                            </a>
                            {% endfor %}
                            {% endif %}
                        </td>
                        <td>
                            {% if p.terrain.referenceCadastrales.snapshot %}
                            <ul>
                                {% for r in p.terrain.referenceCadastrales.snapshot %}
                                <li>
                                    {{ r.Prefixe ? "Préfixe : " ~ r.Prefixe }} <br>
                                    {{ r.Section ? "Section : " ~ r.Section }} <br>
                                    {{ r.Numero ? "Numéro : " ~ r.Numero }}
                                </li>
                                {% endfor %}
                            </ul>
                            {% endif %}
                        </td>
                        <td>
                            {{ p.terrain.commune ? p.terrain.commune | capitalize }}
                        </td>
                        <td>
                            <a href={{ path('app_terrain_codepostal_sort' , { 'slug' : p.terrain.codePostal} ) }}
                                class="colorBien titre">
                                {{ p.terrain.codePostal ?  p.terrain.codePostal }}
                            </a>
                        </td>
                        <td>
                            <a href={{ path('app_contact_edit' , {'id' : p.terrain.origine.id }) }}
                                class="colorBien titre">
                                {{ p.terrain.origine ? p.terrain.origine.nom  }}
                                {{ p.terrain.origine ? p.terrain.origine.prenom  }}
                            </a>
                        </td>
                    </tr>
                    {% else %}
                    <tr>
                        <td colspan="7">Pas de biens existants</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        <div class="col-1">
            <div class="">
                <!-- Button trigger modal -->
                <div class="text-center">
                    <button type="button" class="btn bgBtn btn-sm text-center" data-bs-toggle="modal"
                        data-bs-target="#newTerrain">
                        <i class="fa-solid fa-plus"></i>
                    </button>
                    <button type="button" class="btn bgBtn btn-sm text-center" data-bs-toggle="modal"
                        data-bs-target="#newStadeTerrain">
                        Stade Bien
                    </button>
                </div>
                {{ include('terrain/new/_newTerrain.html.twig') }}
                {{ include('terrain/new/_newStadeTerrain.html.twig') }}
            </div>
        </div>
    </div>
</div>


{% endblock %}