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

{% block title %}Property index{% endblock %}

{% block body %}
<div class="container-fluid">
    <div class="layout-specing">

        <h4>Les annonces immobilières</h4>
        <div class="row row-cols-xl-5 row-cols-md-2 row-cols-1">
            <div class="col mt-4">
                <a href="#!"
                   class="features feature-primary d-flex justify-content-between align-items-center rounded shadow p-3">
                    <div class="d-flex align-items-center">
                        <div class="icon text-center rounded-pill">
                            <i class="uil uil-box fs-4 mb-0"></i>
                        </div>
                        <div class="flex-1 ms-3">
                            <h6 class="mb-0 text-muted">{% trans %} Total {% endtrans %}</h6>
                            <p class="fs-5 text-dark fw-bold mb-0">
                                <span class="counter-value"
                                      data-target="{{ pagination.getTotalItemCount }}">
                                    {{ pagination.getTotalItemCount }}
                                </span>
                            </p>
                        </div>
                    </div>
                </a>
            </div>

            <div class="col mt-4">
                <a href="{{ path('admin.property.new')}}"
                   class="features feature-primary d-flex justify-content-between align-items-center rounded shadow p-3">
                    <div class="d-flex align-items-center">
                        <div class="icon text-center rounded-pill">
                            <i class="uil uil-box fs-4 mb-0"></i>
                        </div>
                        <div class="flex-1 ms-3">
                            <h6 class="mb-0 text-muted">{% trans %} Nouvelle Annonce {% endtrans %}</h6>
                            <p class="fs-5 text-dark fw-bold mb-0">
                              
                            </p>
                        </div>
                    </div>
                </a>
            </div>


        </div>
        <hr>




    <table class="table">
        <thead>
            <tr>
                <th>Lieu</th>
                <th{% if pagination.isSorted('p.title') %} class="sorted"{% endif %}>
                    {{ knp_pagination_sortable(pagination, "title", 'p.title') }}
                </th>

                <th>{{ knp_pagination_sortable(pagination, 'En Ligne', 'p.isOnly') }}</th>
                <th>{{ knp_pagination_sortable(pagination, 'Statut', 'p.status') }}</th>
                <th>{{ knp_pagination_sortable(pagination, 'Prix', 'p.price') }}</th>

                <th>Images</th>
                <th>Pièces</th>
                <th>Date de mise à jour</th>
                <th style="height: 1px;
        white-space: nowrap;">actions</th>
            </tr>
        </thead>
        <tbody>
        {% for property in pagination %}
            <tr {% if loop.index is odd %}class="color"{% endif %}>

                <td>{{ property.district.name ?? "" }}</td>
                <td>{{ property.title }}</td>

                {% if property.isOnly %}
                    <td><span class="badge btn-success">OUI</span></td>
                {% else %}
                    <td><span class="badge btn-danger">NON</span></td>
                {% endif %}
                <td><span class="badge btn-info">{{ property.status.name ?? "" }}</span></td>
                <td>{{ property.price | format_currency(property.currency ) }}</td>
                <td>{{ property.images.count }}</td>
                <td>{{ property.partoptions.count }}</td>
                <td>{{ property.updatedAt ? property.updatedAt|date('Y-m-d H:i:s') : '' }}</td>
                <td>
                    <a class="btn btn-outline-info" href="{{ path('admin.property.show', {'id': property.id}) }}">     <i class="fa fa-eye"></i> </a>
                    {% if property.isOnly %}
                    <a class="btn btn-outline-danger" href="{{ path('admin.property.setonly', {'id': property.id}) }}">     <i class="fa fa-toggle-off"></i>  </a>
                     {% else %}
                         <a class="btn btn-success" href="{{ path('admin.property.setonly', {'id': property.id}) }}">    <i class="fa fa-toggle-on"></i></a>
                     {% endif %}
                    <a class="btn btn-outline-primary"  href="{{ path('admin.property.edit', {'id': property.id}) }}"><i class="fa fa-pencil-square"></i></a>
                    {{ include('admin/property/_delete_form.html.twig')}}
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="10">Aucune annonce trouvée</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

        {% if pagination.totalItemCount > limit %}
            <div class="row mt-3" >
                <div class="col-sm-12 col-md-12">
                    <div class="page-navigation d-flex justify-content-center">

{#                        {{ knp_pagination_rel_links(pagination) }}#}
                        {{ knp_pagination_render(pagination) }}


                    </div>
                </div>
            </div>
        {% endif %}

    </div>
</div>
{% endblock %}