{% set active = 'client' %}
{% extends 'base.html.twig' %}

{% block body %}

    <div class="absolute">
        <div class="my-3">
            <a href="{{ path('client') }}" class="btn btn-dark">Retour</a>
        </div>


        {% include 'client/banner.html.twig' with {client :client,banner:true} %}


        {% if client.getHeureQuotaNoAssign | length > 0 %}
            <H3>Heures non assignés à une souscription</H3>
            <table class="table table-striped text-center">
                <thead>
                <tr>
                    <th>Date</th>
                    <th>Client</th>
                    <th>Type</th>
                    <th>Numéro de référence</th>
                    <th>Service</th>
                    <th>Quantité</th>

                    <th></th>


                </tr>
                </thead>
                <tbody>

                {% for heure in client.getHeureQuotaNoAssign() %}
                    {% set devis = heure.service.devis %}
                    {% if devis.hasReparation() %}
                        {% set item = devis.reparation %}
                        {% set type = 'Réparation' %}
                    {% elseif devis.hasIntervention() %}
                        {% set item = devis.intervention %}
                        {% set type = item.type %}
                    {% endif %}
                    <tr>
                        <td>{{ item.getFormattedDate() }}</td>
                        <td>{{ item.client }}</td>
                        <td>{{ type | replace({'_' : ' '}) | capitalize }}</td>
                        <td>
                            {% if devis.hasIntervention() %}
                                <a target="_blank"
                                   href="{{ path('intervention',{submenu : 'all'}) }}?q={{ item }}">{{ item }}</a>
                            {% elseif devis.hasReparation() %}
                                <a target="_blank"
                                   href="{{ path('reparations',{submenu : 'all'}) }}?q={{ item }}">{{ item }}</a>

                            {% endif %}
                        </td>
                        <td>{{ heure.service }}</td>
                        <td>{{ heure.heure }} H</td>

                        <td>
                            <div class="btn-group">
                                <button type="button" class="btn btn-dark dropdown-toggle" data-bs-toggle="dropdown"
                                        aria-expanded="false">
                                    <i class="fal fa-print"></i>
                                    <span>Imprimer</span>
                                </button>
                                <ul class="dropdown-menu">
                                    {% if devis.hasIntervention() %}
                                        <li><a class="dropdown-item" target="_blank"
                                               href="{{ path('intervention.print',{submenu : 'diag',num : item.id}) }}">Diagnostic</a>
                                        </li>
                                        {% if item.hasDevis() %}
                                            <li>
                                                <hr class="dropdown-divider">
                                            </li>
                                            <li><a class="dropdown-item" target="_blank"
                                                   href="{{ path('intervention.print',{submenu : 'devis',num : item.id}) }}">Devis</a>
                                            </li>
                                        {% endif %}
                                        {% if item.hasValidateDevis() %}
                                            <li>
                                                <hr class="dropdown-divider">
                                            </li>
                                            <li><a class="dropdown-item" target="_blank"
                                                   href="{{ path('intervention.print',{submenu : 'invoice',num : item.id}) }}">Facture</a>
                                            </li>
                                        {% endif %}

                                    {% elseif devis.hasReparation() %}
                                        <li><a class="dropdown-item" target="_blank"
                                               href="{{ path('reparation.print',{submenu : 'diag'}) }}?num={{ item.numero }}">Diagnostic</a>
                                        </li>
                                        {% if item.hasDevis() %}
                                            <li>
                                                <hr class="dropdown-divider">
                                            </li>
                                            <li><a class="dropdown-item" target="_blank"
                                                   href="{{ path('reparation.print',{submenu : 'devis'}) }}?num={{ item.numero }}">Devis</a>
                                            </li>
                                        {% endif %}
                                        {% if item.hasValidateDevis() %}
                                            <li>
                                                <hr class="dropdown-divider">
                                            </li>
                                            <li><a class="dropdown-item" target="_blank"
                                                   href="{{ path('reparation.print',{submenu : 'invoice'}) }}?num={{ item.numero }}">Facture</a>
                                            </li>
                                        {% endif %}
                                    {% endif %}
                                </ul>
                            </div>

                            {% if not client.hasActiveSouscription() %}
                                <a href="{{ path('souscription_assign_new',{client : client.id, heure : heure.id }) }}" class="btn btn-success">Assigner une nouvelle souscription</a>
                            {% else %}
                                    <form action="{{ path('souscription_assign_exist',{client : client.id,heure : heure.id}) }}" method="POST" class="my-3 d-flex">
                                        <select name="souscription" id="assign_souscription" class="form-select">
                                            {% for item in client.getActiveSouscriptions() %}
                                                <option value="{{ item.id }}">{{ item.forfait }}</option>
                                            {% endfor %}

                                        </select>

                                        <button class="btn btn-success ms-3">Assigner à cette souscription</button>
                                    </form>
                            {% endif %}
                        </td>
                    </tr>
                {% else %}

                    <tr>
                        <td colspan="7" class="fw-bold">Il n'y a pas d'heure assignée à cette souscription</td>

                    </tr>
                {% endfor %}

                </tbody>

            </table>
            <hr class="my-5">
        {% endif %}

        <h3>Souscriptions</h3>
        <table class="table table-striped text-center">
            <thead>
            <tr>
                <th>Id</th>
                <th>Active</th>
                <th>Date de souscription</th>
                <th>Forfait</th>
                <th>Nombre d'heure</th>
                <th>Nombre d'heures restantes</th>
                <th>Prix</th>
                <th>actions</th>
            </tr>
            </thead>
            <tbody>
            {% for souscription in client.souscriptions %}
                <tr>
                    <td>{{ souscription.id }}</td>
                    <td>
                        {% set class = 'rounded text-white p-1 my-2' %}
                        {% if souscription.isOverload() %}
                            <div class="bg-danger {{ class }}">Quota dépassé</div>
                        {% endif %}
                        {% if souscription.isOver() %}
                            <div class="bg-success {{ class }}">Terminée</div>
                        {% else %}
                            <div class="bg-orange {{ class }}">En cours</div>
                        {% endif %}
                    </td>
                    <td>{{ souscription.date ? souscription.date|date('Y-m-d H:i:s') : '' }}</td>
                    <td>{{ souscription.forfait }}</td>

                    <td>{{ souscription.nbheure }} H</td>
                    <td>{{ souscription.getNbHeureRemaining() }} H</td>
                    <td>{{ souscription.prix }} €</td>
                    <td>
                        <a href="{{ path('souscription_show', {'id': souscription.id}) }}" class="btn btn-dark">Voir</a>
                        {% if app.user.is('dev') %}
                            <a href="{{ path('souscription_edit', {'id': souscription.id}) }}" class="btn btn-info">Modifier</a>

                        {% endif %}

                    </td>
                </tr>
            {% else %}
                <tr>
                    <td colspan="7">
                        <div class="alert alert-warning">
                            <i class="fal fa-info-circle"></i>
                            <span>Aucune souscription existante</span>
                        </div>

                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>

    </div>

{% endblock %}

{% block title %}
    Backoffice - Souscription
{% endblock %}