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

{% block title %}Rapport début de facturation{% endblock %}
{% form_theme form 'bootstrap_4_horizontal_layout.html.twig' %}
{% block title_page %}Rapport début de facturation{% endblock %}




{% block container_start %}


    <div class="card">
        <div class="card-body">
            {{ form_start(form) }}

            {{ form_row(form.doAt_min) }}
            {{ form_row(form.doAt_max) }}

            <div class="text-center">
                <button type='submit' class='btn btn-success'>Chercher</button>
            </div>

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


    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Liste début facturation</h3>

            <div class="card-tools">
                <div class="input-group input-group-sm">
                    {#
                    <input type="text" name="table_search" class="form-control float-right" placeholder="Search">
                    <div class="input-group-append">
                        <button type="submit" class="btn btn-default"><i class="fas fa-search"></i></button>
                    </div>
                    #}
                    {% if is_granted("ROLE_EXPORT_CSV_REPORT_BILLING_START") %}
                        <div class="btn-toolbar mb-2 mb-md-0">
                            <div class="btn-group mr-2">
                                {#<a type="button" class="btn btn-sm btn-outline-secondary" href="{{ path('export_rapport_debut_facturation', {}) }}?startDate={{ startDate }}&endDate={{ endDate }} ">Export</a>#}
                                <a type="button" class="btn btn-sm btn-outline-secondary">Export</a>
                            </div>
                        </div>
                    {% endif %}


                </div>
            </div>
        </div>
        <!-- /.card-header -->
        <div class="card-body table-responsive p-0" style="height: 700px;">
            <table class="table table-head-fixed text-nowrap">
                <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Nom</th>
                    <th scope="col">Commercial/aux</th>
                    <th scope="col">Ville</th>
                    <th scope="col">Code postal</th>
                    <th scope="col">Début facturation</th>
                    <th scope="col">Fin Facturation</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                {% set i = 1 %}

                {% if sites is defined %}

                    {% for site in sites %}
                        <tr>
                            <th scope="row">{{ i }}</th>
                            <td>
                                {% if is_granted("ROLE_VIEW_SITE") %}
                                <a href="{{ path('site_detail', {'id': site.id}) }}" style="color:black; margin-right:10px;">{{ site.name }}</a>
                                {% else %}
                                    {{ site.name }}
                                {% endif %}
                            </td>
                            <td>
                                <ul class="list-unstyled">
                                {% for commercial in site.salespeople %}
                                    <li>{{ commercial.name }}</li>
                                {% endfor %}
                                </ul>
                            </td>
                            <td>{{ site.city }}</td>
                            <td>{{ site.zipCode }}</td>
                            <td>{{ site.billingStartAt|date("d/m/Y") }}</td>
                            <td>{{ site.billingEndAt|date("d/m/Y") }}</td>
                            <td>
                                {% if is_granted("ROLE_VIEW_SITE") %}
                                    <a href="{{ path('site_detail', {'id': site.id}) }}" style="color:black; margin-right:10px;"><i class="far fa-eye"></i></a>
                                {% endif %}
                            </td>
                        </tr>
                        {% set i = i + 1 %}
                    {% endfor %}

                {% endif %}
                </tbody>
            </table>
        </div>
        <!-- /.card-body -->
    </div>
    <!-- /.card -->


{% endblock %}