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

{% block title %}Tableau de bord{% endblock %}
{% block title_page %}Tableau de bord{% endblock %}

    {% block container_start %}
        {% for company in tabCompaniesProducts %}

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">{{ company.company.name }}</h3>
                    <div class="card-tools">
                        <div class="input-group input-group-sm" style="width: 150px;">
                            <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>
                        </div>
                    </div>
                </div>
                <!-- /.card-header -->
                <div class="card-body table-responsive p-0" style="height: 300px;">
                    <table class="table table-head-fixed text-nowrap">
                        <thead>
                        <tr>
                            <th scope="col">Name</th>
                            <th scope="col">Référence</th>
                            <th scope="col">Préfixe</th>
                            <th scope="col">Nombre créé</th>
                            <th scope="col">Nombre disponible</th>
                            <th scope="col">Nombre sur site</th>
                        </tr>
                        </thead>
                        <div>
                            <tbody>
                            {% for product in company.products %}
                                <tr>
                                    <td scope="col">{{ product.product.name }}</td>
                                    <td scope="col">{{ product.product.reference }}</td>
                                    <td scope="col">{{ company.company.prefix }}{{ product.product.prefixReference }}</td>
                                    <td scope="col">{{ product.createdNumber }}</td>
                                    <td scope="col">{{ product.nbAvailable }}</td>
                                    <td scope="col">{{ product.nbOnSite }}</td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </div>
                    </table>
                </div>
                <!-- /.card-body -->
            </div>
        {% endfor %}


        {% if is_granted("ROLE_STATISTICAL_MTN") %}
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Liste des maintenances</h3>
                    <div class="card-tools">
                    </div>
                </div>
                <!-- /.card-header -->
                <div class="card-body table-responsive p-0" style="height: 300px;">
                    <table class="table table-head-fixed text-nowrap">
                        <thead>
                        <tr>

                            <td></td>
                            <td>Mois en cours</td>
                            <td>M-1</td>
                            <td>M-2</td>
                            <td>M-3</td>

                        </tr>
                        </thead>

                        <tbody>

                        {% if is_granted("ROLE_STATISTICAL_POSE") %}
                            <tr>
                                <td>Pose</td>
                                {% for pose in stats.pose %}
                                    <td>{{ pose.maintenance | length }}</td>
                                {% endfor %}
                            </tr>
                        {% endif %}

                        {% if is_granted("ROLE_STATISTICAL_DEPOSIT") %}
                            <tr>
                                <td>Dépose</td>
                                {% for depose in stats.depose %}
                                    <td>{{ depose.maintenance | length }}</td>
                                {% endfor %}
                            </tr>
                        {% endif %}

                        {% if is_granted("ROLE_STATISTICAL_MAINTENANCE") %}
                            <tr>
                                <td>Maintenance</td>
                                {% for maintenance in stats.maintenance %}
                                    <td>{{ maintenance.maintenance | length }}</td>
                                {% endfor %}
                            </tr>
                        {% endif %}

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


    {% block container_col_left %}

    {% endblock %}



{% block container_col_right %}


{% endblock %}