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

{% block title %}Len's Backoffice - Board
{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" href="/css/board.css">
{% endblock %}

{% block body %}


    <div class="absolute">
        <div class="first-container">
            <div>
                <div class="rounded-3 shadow d-flex flex-column align-items-center mb-3 p-2 ">
                    <div class="fs-2">Commandes</div>
                    <div class="d-flex justify-content-between align-items-center fw-bold fs-5 order">
                        <div>
                            <a href="{{ path('commande',{submenu : 'processing'}) }}">

                            <div class="fs-1">{{ statusRepo.find(3).commande | length }}</div>
                            <div>A Traiter</div>
                            </a>

                        </div>
                        <div class="divider "></div>
                        <div>
                            <a href="{{ path('commande',{submenu : 'reservation'}) }}">
                                <div class="fs-1">{{ statusRepo.find(5).commande | length }}</div>
                                <div>Réserv.
                                    <br>
                                    Comp.
                                </div>
                            </a>
                        </div>
                        <div class="divider "></div>

                        <div>
                            <a href="{{ path('commande',{submenu : 'assemblage'}) }}">

                            <div class="fs-1">{{ statusRepo.find(2).commande | length }}</div>
                            <div>Pret.
                                <br>
                                Assemblage
                            </div>
                            </a>

                        </div>
                    </div>

                </div>
                <a href="{{ path('commande',{submenu:'all'}) }}" class="btn btn-primary w-100">Voir les commandes</a>
            </div>
            <div>
                <div class="rounded-3 shadow d-flex flex-column align-items-center mb-3 p-2">
                    <div class="fs-2">Réparations</div>
                    <div class="d-flex justify-content-between align-items-center fw-bold fs-5">
                        <div>
                            <a href="{{ path('reparations',{submenu : 'processing'}) }}">

                            <div class="fs-1">{{ statusRepo.find(3).reparations | length }}</div>
                            <div>A Traiter</div>
                            </a>
                        </div>
                        <div class="divider "></div>


                        <div>
                            <a href="{{ path('reparations',{submenu : 'progress'}) }}">

                            <div class="fs-1">{{ statusRepo.find(16).reparations | length }}</div>
                            <div>En cours</div>
                            </a>
                        </div>
                    </div>

                </div>
                <a href="{{ path('reparations',{submenu:'all'}) }}" class="btn btn-primary w-100">Voir les
                    réparations</a>
            </div>
            <div>
                <div class="rounded-3 shadow d-flex flex-column align-items-center mb-3 p-2">
                    <div class="fs-2">SAV</div>
                    <div class="d-flex justify-content-between align-items-center fw-bold fs-5">
                        <div>
                            <a href="{{ path('commande',{submenu : 'sav'}) }}">

                            <div class="fs-1">{{ savs | length }}</div>
                            <div>A Traiter</div>
                            </a>
                        </div>


                    </div>

                </div>
                <a href="{{ path('commande',{submenu:'sav'}) }}" class="btn btn-primary w-100">Voir les SAV</a>
            </div>
            <div>
                <div class="rounded-3 shadow d-flex flex-column align-items-center mb-3 p-2">
                    <div class="fs-2">Intervention</div>
                    <div class="d-flex justify-content-between align-items-center fw-bold fs-5">
                        <div>
                            <a href="{{ path('intervention',{submenu : 'ask'}) }}">

                            <div class="text-danger fs-1">{{ statusRepo.find(24).interventions | length }}</div>
                            <div>Demande d'intervention</div>
                            </a>
                        </div>

                        <div class="divider "></div>

                        <div>
                            <a href="{{ path('intervention',{submenu : 'repair'}) }}">

                            <div class="fs-1">{{ statusRepo.find(21).reparations | length }}</div>
                            <div>Intervention en cours</div>
                            </a>
                        </div>
                    </div>

                </div>
                <a href="{{ path('intervention',{submenu:'all'}) }}" class="btn btn-primary w-100">Voir les
                    interventions</a>
            </div>
            <div>
                <div class="rounded-3 shadow d-flex flex-column align-items-center mb-3 p-2">
                    <div class="fs-2">Devis</div>
                    <div class="d-flex justify-content-between align-items-center fw-bold fs-5">
                        <div>
                            <a href="{{ path('devis',{submenu : 'processing'}) }}">

                            <div class="fs-1">{{ statusRepo.find(3).devis | length }}</div>
                            <div>A Traiter</div>
                            </a>
                        </div>

                        <div class="divider "></div>

                        <div>
                            <a href="{{ path('devis',{submenu : 'all'}) }}">

                            <div class="fs-1">{{ devis | length }}</div>
                            <div>Total</div>
                            </a>
                        </div>
                    </div>

                </div>
                <a href="{{ path('commande.devis',{submenu:'all'}) }}" class="btn btn-primary w-100">Voir les devis</a>
            </div>
        </div>

        <hr>

        <div class="menu-2">
            <div>


                <div class="fs-3">Commande Fournisseur</div>

                <ul class="nav nav-pills my-3">
                    <li class="nav-item">
                        <button class="nav-link active" aria-current="page" id="tab_process_order">Commandes à effectuer ({{ statusRepo.find(3).commandeFournisseur | length }})
                        </button>
                    </li>
                    <li class="nav-item">
                        <button class="nav-link " id="tab_current_order">Commandes en cours ({{ statusRepo.find(13).commandeFournisseur | length }})
                        </button>
                    </li>
                    <li class="nav-item">
                        <button class="nav-link" id="tab_validate_order">Commandes Validées ({{ statusRepo.find(9).commandeFournisseur | length }})</button>
                    </li>

                </ul>

                <div id="process_supplier_order" class="tab">
                    <table class="table table-striped table-supplier fw-bold">
                        <tbody>
                        {% for item in cmdRepo.findSupplierOrder(3) %}
                            {% if loop.index <= 5 %}
                                <tr>
                                    <td data-label="Id">{{ loop.index }}</td>
                                    <td data-label="Date de la commande">{{ item.date }}</td>
                                    <td data-label="Numéro">{{ item.numero }}</td>
                                    <td data-label="Client">
                                    {% for client in item.getClientFromCommandeFournisseur() %}
                                        {{ client}}
                                        {% if client != item.getClientFromCommandeFournisseur() | last %}
                                            <hr>
                                        {% endif %}
                                        {% else %}
                                            Aucun client
                                    {% endfor %}
                                    </td>
                                    <td data-label="Articles">
                                        {{ item.details | merge(item.details) | length }}
                                        Articles
                                    </td>
                                    <td>
                                        <a href="{{ path('fournisseur.order.see',{id:item.id}) }}"
                                           class="btn btn-primary">Voir</a>
                                    </td>
                                </tr>
                            {% else %}
                                <tr class="hide-order">
                                    <td data-label="Id">{{ loop.index }}</td>
                                    <td data-label="Date de la commande">{{ item.date }}</td>
                                    <td data-label="Numéro">{{ item.numero }}</td>
                                    <td data-label="Articles">{{ item.details | length }}
                                        Articles
                                    </td>
                                    <td>
                                        <a href="{{ path('fournisseur.order.see',{id:item.id}) }}"
                                           class="btn btn-primary">Voir</a>
                                    </td>
                                </tr>
                            {% endif %}

                            {% else %}
                                <td class="text-center">Aucune Commande en cours</td>
                        {% endfor %}
                        {% if cmdRepo.findSupplierOrder(3) | length > 5 %}

                            <tr>
                                <td colspan="5" class="display-more">
                                    >
                                    <button onclick="displayMore('hide-order')">Afficher plus</button>
                                </td>

                            </tr>

                        {% endif %}

                        </tbody>
                    </table>

                </div>

                <div id="current_supplier_order" class="tab hide">

                    <table class="table table-striped table-supplier fw-bold">
                        <tbody>
                        {% for item in cmdRepo.findSupplierOrder(13) %}
                            {% if loop.index <= 5 %}
                                <tr>
                                    <td data-label="Id">{{ loop.index }}</td>
                                    <td data-label="Date de la commande">{{ item.date }}</td>
                                    <td data-label="Numéro">{{ item.numero }}</td>
                                    <td data-label="Articles">{{ item.details | length }}
                                        Articles
                                    </td>
                                    <td>
                                        <a href="{{ path('fournisseur.order.see',{id:item.id}) }}"
                                           class="btn btn-primary">Voir</a>
                                    </td>
                                </tr>
                            {% else %}
                                <tr class="hide-order">
                                    <td data-label="Id">{{ loop.index }}</td>
                                    <td data-label="Date de la commande">{{ item.date }}</td>
                                    <td data-label="Numéro">{{ item.numero }}</td>
                                    <td data-label="Articles">{{ item.details | length }}
                                        Articles
                                    </td>
                                    <td>
                                        <a href="{{ path('fournisseur.order.see',{id:item.id}) }}"
                                           class="btn btn-primary">Voir</a>
                                    </td>
                                </tr>
                            {% endif %}

                            {% else %}
                                <td class="text-center">Aucune Commande en cours</td>
                        {% endfor %}
                        {% if cmdRepo.findSupplierOrder(13) | length > 5 %}

                            <tr>
                                <td colspan="5" class="display-more">
                                    >
                                    <button onclick="displayMore('hide-order')">Afficher plus</button>
                                </td>

                            </tr>

                        {% endif %}

                        </tbody>
                    </table>

                </div>


                <div id="validate_supplier_order" class="tab hide">


                    <div>
                        <table class="table table-striped table-supplier fw-bold">
                            <tbody>
                            {% for item in cmdRepo.findSupplierOrder(9) %}

                                {% if loop.index <= 5 %}
                                    <tr>
                                        <td data-label="Id">{{ loop.index }}</td>
                                        <td data-label="Date de la commande">{{ item.date }}</td>
                                        <td data-label="Numéro">{{ item.numero }}</td>
                                        <td data-label="Articles">{{ item.details | length }}
                                            Articles
                                        </td>
                                        <td>
                                            <a href="{{ path('fournisseur.order.see',{id:item.id}) }}"
                                               class="btn btn-primary">Voir</a>
                                        </td>
                                    </tr>
                                {% else %}
                                    <tr class="hide-order">
                                        <td data-label="Id">{{ loop.index }}</td>
                                        <td data-label="Date de la commande">{{ item.date }}</td>
                                        <td data-label="Numéro">{{ item.numero }}</td>
                                        <td data-label="Articles">{{ item.details | length }}
                                            Articles
                                        </td>
                                        <td>
                                            <a href="{{ path('fournisseur.order.see',{id:item.id}) }}"
                                               class="btn btn-primary">Voir</a>
                                        </td>
                                    </tr>
                                {% endif %}

                                {% else %}
                                <td class="text-center">Aucune Commande en cours</td>
                            {% endfor %}

                            {% if cmdRepo.findSupplierOrder(9) | length > 5 %}

                                <tr>
                                    <td colspan="5" class="display-more">
                                        >
                                        <button onclick="displayMore('hide-order')">Afficher plus</button>
                                    </td>

                                </tr>

                            {% endif %}

                            </tbody>

                        </table>
                    </div>
                </div>


            </div>


            <div>
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>
                            <div class="fs-3">Stock</div>
                            <div class="fs-6">Len's Pc</div>
                        </th>
                        <th>SR</th>
                        <th>CF</th>
                    </tr>
                    </thead>
                    <tbody class="fw-bold">
                    {% for item in pcs %}
                        {% if loop.index <= 5 %}
                            <tr>
                                <td>>
                                    {{ item }}</td>
                                <td>{{ item.quantite }}</td>
                                <td>{{ item.getqteFab() }}</td>

                            </tr>
                        {% else %}
                            <tr class="hide-pc">
                                <td>>
                                    {{ item }}</td>
                                <td>{{ item.quantite }}</td>
                                <td>{{ item.getqteFab() }}</td>

                            </tr>
                        {% endif %}
                    {% endfor %}
                    <tr>
                        <td colspan="5" class="display-more">
                            >
                            <button onclick="displayMore('hide-pc')">Afficher plus</button>
                        </td>

                    </tr>
                    </tbody>
                </table>

            </div>

            <div>
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th class="fs-3">
                            SAV en cours
                        </th>
                        <th class="fs-3">({{ savs | length }})</th>
                    </tr>
                    </thead>
                    <tbody class="fw-bold">
                    {% for item in savs %}
                        {% if loop.index <= 5 %}
                            <tr>
                                <td>{{ item.getFormattedDate() }}
                                    |
                                    {{ item.commande.numero }}
                                    |
                                    {{ item.commande.contenu[0] }}
                                </td>
                                <td>
                                    <a href="{{ path('commande.sav.ticket.open',{id: item.id}) }}"
                                       class="btn btn-primary">Voir</a>
                                </td>
                            </tr>
                        {% else %}
                            <tr class="hide-sav">
                                <td>{{ item.getFormattedDate(item.findDate())}}
                                    |
                                    {{ item.commande.numero }}
                                    |
                                    {% if item.commande.hasContenu %}
                                        {{ item.commande.contenu[0] }}
                                    {% endif %}
                                </td>
                                <td>
                                    <a href="{{ path('commande.sav.ticket.open',{id: item.id}) }}"
                                       class="btn btn-primary">Voir</a>
                                </td>
                            </tr>
                        {% endif %}

                    {% else %}
                        <tr class="text-center">
                            <td colspan="2">
                                Aucun Sav en cours
                            </td>
                        </tr>

                    {% endfor %}
                    {% if savs | length > 5 %}
                        <tr>
                            <td colspan="5" class="display-more">
                                >
                                <button onclick="displayMore('hide-sav')">Afficher plus</button>
                            </td>
                        </tr>

                    {% endif %}
                    </tbody>
                </table>

            </div>
        </div>
    </div>
    <script src="js/board.js"></script>
{% endblock %}