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

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


{% block container_start %}

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

                    <div class="col-2"></div>
                    <div class="col-3">
                        {{ form_row(form.company) }}
                    </div>
                    <div class="col-2">
                        {{ form_row(form.zipcode) }}
                    </div>
                    <div class="col-2">
                        {{ form_row(form.city) }}
                    </div>
                    <div class="col-1">
                        <button class='btn btn-primary'>Rechercher</button>
                    </div>

                </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_CUSTOMER") %}
                <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('client_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">Type</th>
                    <th scope="col">Société</th>
                    <th scope="col">Nom</th>
                    <th scope="col">Ville</th>
                    <th scope="col">Etat</th>
                    <th></th>
                </tr>
                </thead>
                <tbody id="list-sites">
                {% set i = 1 %}
                {% for customer in customers %}

                    <tr>
                        <td scope="row">{{ customer.id }}</td>
                        <td>{{ customer.type }}</td>
                        <td>{{ customer.company }}</td>
                        <td>{{ customer.name }}</td>
                        <td>{{ customer.city }}</td>
                        <td>{{ customer.state }}</td>
                        <td>
                            {% if is_granted("ROLE_VIEW_CUSTOMER") %}
                            <a href="{{ path('client_detail', {'id': customer.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(customers, null, {}, {
                'align': 'right',
            }) }}
        </div>
        <!-- /.card-footer -->
    </div>
    <!-- /.card -->


{% endblock %}