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

{% block stylesheets %}
{% endblock %}

{% block body %}
    {% if app.user.isOwner == false %}
        <div class="mr-t-3 h-15 filter-link">
            <div class="width-5 float-left m-r-30">
                <a href="{{ path('monitoring-tenant-list', {'filter' : 'agent'}) }}">
                    <img src="{{ asset('images/Icon/mes_biens.png') }}" alt="Mes locataires" class="part-logo m-r-30">
                    {% if app.request.query.get('filter') %}
                        <p class="second-color">Mes locataires</p>
                    {% else %}
                        <p>Mes locataires</p>
                    {% endif %}
                </a>
            </div>
            <div class="width-5 float-left m-r-30">
                <a href="{{ path('monitoring-tenant-list') }}">
                    <img src="{{ asset('images/Icon/tout_les_biens.png') }}" alt="Tout les locataires" class="part-logo m-r-30">
                    {% if app.request.query.get('filter') == false %}
                        <p class="second-color">Tous les locataires</p>
                    {% else %}
                        <p class="color-bl">Tous les locataires</p>
                    {% endif %}
                </a>
            </div>
            {% if app.request.query.get('filter') %}
                <h1 class="f-s-title m-l-28">Historique de mes locataires</h1>
            {% else %}
                <h1 class="f-s-title m-l-24">Historique de tous les locataires</h1>
            {% endif %}
        </div>
    {% else %}
        <h1 class="f-s-title text-center">Historique des locataires:</h1>
    {% endif %}

    <div class="row">
        <div class="col-12">
            {% if properties|length %}
                {% for property in properties %}
                    {% for tenant in property.tenants %}
                        <div class="border-tenant col-3 float-left m-b-30">
                            <div class="p-l-10">
                                <a href="{{ path('monitoring-tenant-detail', {id: tenant.id}) }}" class="second-color">
                                    {{ tenant.getFullName }}
                                </a>
                            </div>
                        </div>
                    {% endfor %}
                {% endfor %}
            {% else %}
                <p class="alert alert-danger">Aucun bien n'a été trouvé</p>
            {% endif %}
        </div>
    </div>
{% endblock %}