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

{% block title %}Les contacts{% endblock %}
{#{% form_theme form 'bootstrap_4_horizontal_layout.html.twig' %}#}
{% block title_page %}Les contacts{% endblock %}


{% block container_start %}

    {% if is_granted("ROLE_SEARCH_CONTACT") %}
        {#{{form_start(form)}}#}
        <div class="card">
            <div class="card-body">
                <div class="row">



                </div>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->
        {#{{form_end(form)}}#}
    {% endif %}


    <div class="card">
        <div class="card-header">
            {#<h3 class="card-title">Nombre de Résultat(s) : {{ nbFind }}</h3>#}

            {% if is_granted("ROLE_CREATE_CONTACT") %}
                <div class="card-tools">
                    <div class="input-group input-group-sm" style="width: 150px;">
                        <div class="float-right bouton_choix_haut">
                            <a class="btn btn-success" href="{{ path('contact_nouveau') }}" role="button">Ajouter</a>
                        </div>
                    </div>
                </div>
            {% endif %}
        </div>
        <!-- /.card-header -->
        <div class="card-body table-responsive p-0">
            <table class="table table-sm">
                <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Nom</th>
                    <th scope="col">Prénom</th>
                    <th scope="col">Client</th>
                    <th scope="col">Type</th>
                    <th></th>
                </tr>
                </thead>
                <tbody id="list-sites">
                {% set i = 1 %}
                {% for contact in contacts %}

                    <tr>
                        <th scope="row">{{ contact.id }}</th>
                        <td>{{ contact.name }}</td>
                        <td>{{ contact.firstname }}</td>
                        <td>{{ contact.customer }}</td>
                        <td>{{ contact.type }}</td>
                        <td>
                            {% if is_granted("ROLE_VIEW_CONTACT") %}
                            <a href="{{ path('contact_detail', {'id': contact.id}) }}" style="color:black; margin-right:10px;"><i class="far fa-eye"></i></span>
                                {% endif %}
                        </td>
                    </tr>
                    {% set i = i + 1 %}
                {% endfor %}

                </tbody>
            </table>
        </div>
        <!-- /.card-body -->
        <div class="card-footer navigation">
            {{ knp_pagination_render(contacts, null, {}, {
                'align': 'right',
            }) }}
        </div>
        <!-- /.card-footer -->
    </div>
    <!-- /.card -->


{% endblock %}