{% extends '@Projet/website_fleet/layout.html.twig' %}
{% block fleet_title %}Incidents web{% endblock %}
{% block fleet_content %}
<header class="capsule-page-header website-fleet__header"><div><a class="website-fleet__back" href="{{ path('project_website_index') }}"><i class="ti ti-arrow-left"></i> Parc web</a><h1>Incidents</h1><p>Détections automatiques, prise en charge et historique des rétablissements.</p></div></header>
<form method="get" class="website-fleet__filters"><select name="status"><option value="">Tous les états</option>{% for value in ['open','acknowledged','resolved','ignored'] %}<option value="{{ value }}" {{ status == value ? 'selected' }}>{{ value|capitalize }}</option>{% endfor %}</select><button class="capsule-button capsule-button--secondary">Filtrer</button></form>
<section class="website-fleet__section"><div class="table-responsive"><table class="table align-middle"><thead><tr><th>Détection</th><th>Site</th><th>Environnement</th><th>État</th><th>Échecs</th><th>Durée</th><th></th></tr></thead><tbody>
{% for incident in incidents %}<tr><td>{{ incident.detectedAt|date('d/m/Y H:i') }}</td><td><strong>{{ incident.environment.website.name }}</strong></td><td>{{ incident.environment.name }}</td><td><span class="health-label is-{{ incident.status == 'resolved' ? 'online' : 'offline' }}">{{ incident.status }}</span></td><td>{{ incident.failureCount }}</td><td>{{ incident.durationSeconds is not null ? (incident.durationSeconds / 60)|round ~ ' min' : 'En cours' }}</td><td><a class="btn btn-sm btn-outline-secondary" href="{{ path('project_website_incident_show', {token: incident.idtoken}) }}">Détails</a></td></tr>{% else %}<tr><td colspan="7" class="text-center text-body-secondary py-4">Aucun incident.</td></tr>{% endfor %}
</tbody></table></div></section>
{% endblock %}