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

{% block title %}
    Monitoring
    <a href="{{ path('app_admin_monitoring_export') }}" class="btn btn-primary float-right"><i class="fa fa-file-export"></i> Exporter les données</a>
{% endblock %}

{% block body %}

    {# Au début du template, calculez l'instant de "maintenant - 10min" #}
    {% set dateLimit = ( "now"|date('U') - 600 ) %}

    <div class="row">

        {% for traitement in traitements %}

            {%  set client = traitement.getClientLivrable().getClient() %}

            <div class="col-sm-6">

                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Traitement {{ traitement.getId() }} - {{ traitement.getClientLivrable().getLivrable().getTitre() }} - {{ traitement.getClientLivrable().getClient().getNomDossier() }} - {{ traitement.getClientLivrable().getClient().getSiret() }} - {{ traitement.getClientLivrable().getClient().getCabinet().getNom() }} :</h3>

                    </div>
                    <div class="card-body">
                        <p><small>FEC déposés :
                                {% for fec in client.getFecs() %}
                                    {{ fec.getAnnee() }}
                                    {% if fec.hasFECData() %}
                                        <i title="Datas en base" class="fa fa-save text-primary"></i>
                                    {% else %}
                                        <i title="Datas non présentes" class="fa fa-save text-danger"></i>
                                    {% endif %},
                                {%  endfor %}</small> - <a href="{{ absolute_url(path('app_powerbi_consultation_client', { 'slug':traitement.getClientLivrable().getSlug() })) }}" target="_blank"><i class="fa fa-eye"></i> Voir le embedded</a></p>
                        <div class="timeline">
                            <div>
                                <i class="fas fa-check bg-primary"></i>
                                <div class="timeline-item">
                                    <h3 class="timeline-header">{{ traitement.getDateStart()|date("d/m/Y - H\\hi") }} - Lancement du traitement</h3>
                                    <div class="timeline-body">
                                        <ul>
                                            <li>Compta : {% if traitement.getClientLivrable().getClient().isComptaEngagement() %}Engagement{% else %}Trésorerie{% endif %}</li>
                                            {% if traitement.getClientLivrable().getParams()['modele']|default %}
                                                <li>Modèle : {{ traitement.getClientLivrable().getLivrable().getModeleSlug(traitement.getClientLivrable().getParams()['modele']) }}</li>
                                            {% endif %}
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            {% set last_date = traitement.getDateStart() %}
                            {% set sorted_data = traitement.getSortedDataByKeyAsc('date') %}
                            {% for slug, livrable_data in sorted_data %}
                                <div>
                                    <i class="fas fa-file bg-primary"></i>
                                    <div class="timeline-item">
                                        <span class="time"><i class="fas fa-clock"></i> {% if livrable_data.date is defined %}{{ traitement.getDureeExecution(last_date, livrable_data.date) }}{% endif %}</span>
                                        <h3 class="timeline-header">
                                            {% if livrable_data.date is defined %}{{ livrable_data.date|date("d/m/Y - H\\hi") }} - {% endif %}Livraison de : {{ traitement.getItemLabel(slug) }}
                                            - <a href="{% if slug == 'video' %}{{ livrable_data.url }}{% else %}{{ livrable_data.pdf|default('#') }}{% endif %}" target="_blank" class="">Voir</a>
                                        </h3>
                                    </div>
                                </div>
                                {% if livrable_data.date is defined %}{% set last_date = livrable_data.date %}{% endif %}
                            {% endfor %}
                            {% if traitement.getStatut() == 'erreur' %}
                                <div>
                                    <i class="fas fa-times bg-danger"></i>
                                    <div class="timeline-item">
                                        <h3 class="timeline-header">Erreur lors du traitement : {{ traitement.getErrorMessage() }}</h3>
                                    </div>
                                </div>
                            {% endif %}
                            {% if traitement.getStatut() in ['traite', 'livre'] %}
                                <div>
                                    <i class="fas fa-check bg-success"></i>
                                    <div class="timeline-item">
                                        <span class="time"><i class="fas fa-clock"></i> Total : {{ traitement.getDureeExecution(traitement.getDateStart(), traitement.getDateValidation()) }}</span>
                                        <h3 class="timeline-header">{{ traitement.getDateValidation()|date("d/m/Y - H\\hi") }} Traitement terminé</h3>
                                    </div>
                                </div>
                            {% endif %}
                        </div>
                        {% if traitement.getStatut() == 'erreur' or (traitement.getDateStart()|date('U') < dateLimit) %}
                            <button
                                    class="btn btn-warning btnRelancer btn-sm mb-1"
                                    data-id="{{ traitement.getId() }}"
                            >
                                <i class="fa fa-redo mr-1"></i> Relancer
                            </button>
                        {% endif %}
                    </div>
                </div>

            </div>

        {% endfor %}

    </div>

{% endblock %}

{% block javascript_footer %}
<script>
    // Quand le DOM est prêt
    $(document).ready(function() {
        // Cibler le clic sur les boutons .btnRelancer
        $('.btnRelancer').on('click', function(e){
            e.preventDefault();

            // Récupérer l'id du traitement
            var traitementId = $(this).data('id');

            // Construire l'URL en remplaçant dynamiquement l'id
            // 1) Twig nous donne une URL avec un placeholder "XXX"
            // 2) On remplace XXX par la vraie valeur
            var url = '{{ path("app_api_init_traitement", {"id": "XXX"}) }}';
            url = url.replace("XXX", traitementId);

            // Envoyer la requête AJAX
            $.ajax({
                url: url,
                method: "POST",   // pour coller à methods:['POST']
                // data: {},      // s'il fallait envoyer des données

                success: function(response) {
                    alert("Relance effectuée avec succès !");
                    // Optionnel : vous pouvez recharger la page,
                    // ou mettre à jour l’interface dynamiquement
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    alert("Erreur lors de la relance : " + errorThrown);
                }
            });
        });
    });
</script>
{%  endblock %}