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

{% block title %}Rapport casse & perte{% endblock %}
{% form_theme form 'bootstrap_4_horizontal_layout.html.twig' %}
{% block title_page %}Rapport casse & perte{% 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 -->


    {% if pertes is defined %}
        <div class="card card-outline card-primary collapsed-card">
            <div class="card-header">
                <h3 class="card-title">Total des pertes et casses</h3>
                <div class="card-tools">
                    <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-plus"></i>
                    </button>
                </div>
                <!-- /.card-tools -->
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <ul>
                    {% for reference,quantite in pertes %}
                        <li>{{ reference }} : {{ quantite }}</li>
                    {% endfor %}
                </ul>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->
    {% endif %}


    {% if lostBreak is defined %}
    <div class="card card-outline card-primary">
        <div class="card-header">
            <h3 class="card-title">Liste casse et perte</h3>

            <div class="card-tools">
                <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-plus"></i>
                </button>
            </div>

            <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_LOST_BREAK") %}
                        <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_casse_perte', {}) }}?startDate={{ startDate }}&endDate={{ endDate }} ">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">Site</th>
                    <th scope="col">Commercial/aux</th>
                    <th scope="col">Client</th>
                    <th scope="col">Matériel à facturer</th>
                    <th scope="col">Matériel à l'origine</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                {% set i = 1 %}

                {% if lostBreak is defined %}
                    {% for lbs in lostBreak.lostBreakSite %}

                        <tr>
                            <td>{{ i }}</td>
                            <td>
                            {% if is_granted("ROLE_VIEW_SITE") %}
                                <a href="{{ path('site_detail', {'id': lbs.site.id}) }}" style="color:black; margin-right:10px;">{{ lbs.site.name }}</a>
                            {% else %}
                                {{ lbs.site.name }}
                            {% endif %}
                            </td>
                            <td>
                                <ul class="list-unstyled">
                                    {% for commercial in lbs.site.salespeople %}
                                        <li>{{ commercial.name }}</li>
                                    {% endfor %}
                                </ul>
                            </td>
                            <td>
                                <ul>
                                    {% for customer in lbs.site.customers %}
                                        <li>{{ customer.company }}</li>
                                    {% endfor %}
                                </ul>
                            </td>
                            <td>
                                <ul>
                                    {% for lbp in lbs.lostBreakProduct %}
                                        <li>{{ lbp.product.name }} (Réf: {{ lbp.product.reference }} ) : {{ lbp.maintenanceDetail | length }}</li>
                                    {% endfor %}
                                </ul>
                            </td>
                            <td>
                                <ul>
                                    {% for lbp in lbs.lostBreakProductInMaintenance %}
                                        <li>{{ lbp.product.name }} (Réf: {{ lbp.product.reference }} ) : {{ lbp.maintenanceDetail | length }}</li>
                                    {% endfor %}
                                </ul>
                            </td>

                        </tr>
                        {% set i = i + 1 %}
                    {% endfor %}
                {% endif %}
                </tbody>
            </table>
        </div>
        <!-- /.card-body -->
    </div>
    <!-- /.card -->
    {% endif %}


{% endblock %}