{% extends '@App/app.html.twig' %}

{% block title %}Paramètres{% endblock %}

{% block content %}
    <header class="mb-4">
        <h1 class="h3 mb-1">Paramètres</h1>
        <p class="text-body-secondary mb-0">Configuration et maintenance de l’application.</p>
    </header>

    <ul class="nav nav-tabs mb-4" role="tablist">
        <li class="nav-item"><a class="nav-link {{ active_tab == 'general' ? 'active' : '' }}" href="{{ path('app_settings') }}"><i class="ti ti-settings me-1"></i> Général</a></li>
        {% if is_granted('ROLE_ADMIN') %}
            <li class="nav-item">
                <a class="nav-link {{ active_tab == 'messenger' ? 'active' : '' }}" href="{{ path('app_settings', {tab: 'messenger'}) }}">
                    <i class="ti ti-messages me-1"></i> Messenger
                    {% if messenger.queue_error is null and messenger.count > 0 %}<span class="badge rounded-pill text-bg-primary ms-1">{{ messenger.count }}</span>{% endif %}
                </a>
            </li>
        {% endif %}
    </ul>

    {% if active_tab == 'general' %}
        <div class="row g-4">
            <div class="col-lg-6">
                {% include '@App/partials/dashboard/_kpi_card.html.twig' with {
                    frame_id: 'stream_dashboard_card_settings',
                    label: 'Socle applicatif',
                    value: 'Prêt',
                    icon: 'solar:settings-line-duotone',
                    tone: 'success',
                    trend: 'Turbo, Stimulus, toasts et modales disponibles'
                } only %}
            </div>
            {% if is_granted('ROLE_ADMIN') %}
                <div class="col-lg-8">
                    <section class="card h-100"><div class="card-body">
                        <div class="d-flex align-items-start gap-3 mb-3">
                            <span class="rounded-3 bg-warning-subtle text-warning p-3"><i class="ti ti-database-cog fs-4"></i></span>
                            <div>
                                <h2 class="h5 mb-1">Réparer les appartenances société</h2>
                                <p class="text-body-secondary mb-0">Simule puis exécute la reprise des appartenances historiques et reconstruit le cache de production.</p>
                            </div>
                        </div>
                        <form method="post" action="{{ path('app_settings_migrate_company_memberships') }}" onsubmit="return confirm('Lancer la migration des appartenances et vider le cache de production ?');">
                            <input type="hidden" name="_token" value="{{ csrf_token('settings_migrate_company_memberships') }}">
                            <button class="capsule-button capsule-button--primary"><i class="ti ti-player-play"></i> Exécuter la maintenance</button>
                        </form>
                    </div></section>
                </div>
            {% endif %}
        </div>

        {% if maintenance_results is not null %}
            <section class="card mt-4">
                <div class="card-header d-flex align-items-center justify-content-between">
                    <h2 class="h5 mb-0">Résultat de la maintenance</h2>
                    <span class="badge {{ maintenance_successful ? 'text-bg-success' : 'text-bg-danger' }}">{{ maintenance_successful ? 'Terminée' : 'Échec' }}</span>
                </div>
                <div class="card-body d-grid gap-3">
                    {% for result in maintenance_results %}
                        <article class="border rounded-3 p-3">
                            <div class="d-flex align-items-center justify-content-between gap-3 mb-2">
                                <strong>{{ result.label }}</strong>
                                <span class="badge {{ result.successful ? 'text-bg-success' : 'text-bg-danger' }}">Code {{ result.exit_code ?? '—' }}</span>
                            </div>
                            <code class="d-block mb-2">{{ result.command }}</code>
                            <pre class="bg-body-tertiary rounded-3 p-3 mb-0 overflow-auto" style="max-height: 320px"><code>{{ result.output }}</code></pre>
                        </article>
                    {% endfor %}
                </div>
            </section>
        {% endif %}
    {% elseif active_tab == 'messenger' and is_granted('ROLE_ADMIN') %}
        {% set worker = messenger.worker %}
        {% set worker_labels = {running: 'En fonctionnement', starting: 'Démarrage en cours', stopping: 'Arrêt en cours', stopped: 'Arrêté'} %}
        <div class="row g-4 mb-4">
            <div class="col-lg-5">
                <section class="card h-100"><div class="card-body">
                    <div class="d-flex align-items-start justify-content-between gap-3 mb-3">
                        <div class="d-flex align-items-start gap-3">
                            <span class="rounded-3 {{ worker.active ? 'bg-success-subtle text-success' : 'bg-danger-subtle text-danger' }} p-3">
                                <i class="ti {{ worker.active ? 'ti-player-play-filled' : 'ti-player-stop-filled' }} fs-4"></i>
                            </span>
                            <div>
                                <div class="text-body-secondary small">État du worker</div>
                                <h2 class="h5 mb-1">{{ worker_labels[worker.state] ?? 'Inconnu' }}</h2>
                                <div class="small text-body-secondary">
                                    {% if worker.heartbeat_at %}Dernier signal : {{ worker.heartbeat_at|date('d/m/Y à H:i:s') }}{% else %}Aucun signal reçu{% endif %}
                                    {% if worker.pid %} · PID {{ worker.pid }}{% endif %}
                                </div>
                            </div>
                        </div>
                        <a class="btn btn-sm btn-outline-secondary" href="{{ path('app_settings', {tab: 'messenger'}) }}" title="Actualiser"><i class="ti ti-refresh"></i></a>
                    </div>
                    <div class="d-flex flex-wrap gap-2">
                        <form method="post" action="{{ path('app_settings_messenger_start') }}">
                            <input type="hidden" name="_token" value="{{ csrf_token('settings_messenger_start') }}">
                            <button class="capsule-button capsule-button--primary" {{ worker.active ? 'disabled' : '' }}><i class="ti ti-player-play"></i> Démarrer</button>
                        </form>
                        <form method="post" action="{{ path('app_settings_messenger_stop') }}">
                            <input type="hidden" name="_token" value="{{ csrf_token('settings_messenger_stop') }}">
                            <button class="btn btn-outline-danger"><i class="ti ti-player-stop"></i> Arrêter</button>
                        </form>
                    </div>
                    <p class="small text-body-secondary mt-3 mb-0">Le worker démarré depuis cette page fonctionne pendant une heure au maximum. Pour un fonctionnement permanent, conservez également le lancement planifié configuré sur le serveur.</p>
                </div></section>
            </div>
            <div class="col-lg-4">
                <section class="card h-100"><div class="card-body d-flex flex-column">
                    <div class="d-flex align-items-start gap-3 mb-3">
                        <span class="rounded-3 bg-primary-subtle text-primary p-3"><i class="ti ti-list-details fs-4"></i></span>
                        <div>
                            <div class="text-body-secondary small">File d’attente</div>
                            <div class="display-6 fw-semibold">{{ messenger.count }}</div>
                            <div class="small text-body-secondary">tâche(s) dans Messenger</div>
                        </div>
                    </div>
                    <form class="mt-auto" method="post" action="{{ path('app_settings_messenger_clear') }}" onsubmit="return confirm('Supprimer définitivement toutes les tâches encore en attente ?');">
                        <input type="hidden" name="_token" value="{{ csrf_token('settings_messenger_clear') }}">
                        <button class="btn btn-outline-danger" {{ messenger.count == 0 or messenger.queue_error ? 'disabled' : '' }}><i class="ti ti-trash"></i> Vider la file d’attente</button>
                    </form>
                </div></section>
            </div>
        </div>

        <section class="card">
            <div class="card-header d-flex align-items-center justify-content-between gap-3">
                <div><h2 class="h5 mb-1">Tâches Messenger</h2><p class="text-body-secondary small mb-0">Les 200 tâches les plus anciennes sont affichées.</p></div>
                <span class="badge text-bg-light">{{ messenger.count }} au total</span>
            </div>
            {% if messenger.queue_error %}
                <div class="card-body"><div class="alert alert-danger mb-0"><i class="ti ti-alert-triangle me-1"></i> {{ messenger.queue_error }}</div></div>
            {% elseif messenger.messages is empty %}
                <div class="card-body text-center py-5 text-body-secondary"><i class="ti ti-inbox fs-1 d-block mb-2"></i>La file d’attente est vide.</div>
            {% else %}
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead><tr><th>ID</th><th>Tâche</th><th>File</th><th>Créée le</th><th>Disponible le</th><th>État</th></tr></thead>
                        <tbody>
                            {% for message in messenger.messages %}
                                <tr>
                                    <td class="text-body-secondary">#{{ message.id }}</td>
                                    <td><div class="fw-medium">{{ message.label }}</div><div class="small text-body-secondary text-truncate" style="max-width: 360px" title="{{ message.class }}">{{ message.class }}</div></td>
                                    <td><code>{{ message.queue }}</code></td>
                                    <td>{{ message.created_at|date('d/m/Y H:i:s') }}</td>
                                    <td>{{ message.available_at|date('d/m/Y H:i:s') }}</td>
                                    <td>
                                        {% if message.status == 'processing' %}<span class="badge text-bg-info">En traitement</span>
                                        {% elseif message.status == 'scheduled' %}<span class="badge text-bg-warning">Planifiée / nouvelle tentative</span>
                                        {% else %}<span class="badge text-bg-secondary">En attente</span>{% endif %}
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% endif %}
        </section>
    {% endif %}
{% endblock %}