{% extends '@Projet/website_fleet/layout.html.twig' %}
{% block fleet_title %}Incident · {{ incident.environment.website.name }}{% endblock %}
{% block fleet_content %}
<header class="capsule-page-header website-fleet__header"><div><a class="website-fleet__back" href="{{ path('project_website_incident_index') }}"><i class="ti ti-arrow-left"></i> Incidents</a><span class="website-fleet__eyebrow">{{ incident.environment.website.name }} · {{ incident.environment.name }}</span><h1>Incident du {{ incident.detectedAt|date('d/m/Y à H:i') }}</h1><p>{{ incident.summary ?: 'Indisponibilité détectée par la supervision Capsule.' }}</p></div><span class="health-label is-{{ incident.status == 'resolved' ? 'online' : 'offline' }}">{{ incident.status|capitalize }}</span></header>
<section class="website-fleet__kpis"><article><span>Échecs constatés</span><strong>{{ incident.failureCount }}</strong><i class="ti ti-alert-triangle"></i></article><article><span>HTTP</span><strong>{{ incident.lastFailedCheck ? incident.lastFailedCheck.httpStatusCode ?: '—' : '—' }}</strong><i class="ti ti-world"></i></article><article><span>Début</span><strong class="fs-5">{{ incident.startedAt|date('d/m H:i') }}</strong><i class="ti ti-clock"></i></article><article class="{{ incident.endedAt ? 'is-online' : 'is-offline' }}"><span>Fin</span><strong class="fs-5">{{ incident.endedAt ? incident.endedAt|date('d/m H:i') : 'En cours' }}</strong><i class="ti ti-activity"></i></article></section>
{% if incident.activeSlot == 'active' %}<section class="website-fleet__section"><div class="d-flex flex-wrap gap-2">{% if can_acknowledge and incident.status == 'open' %}<form method="post" action="{{ path('project_website_incident_acknowledge', {token: incident.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('incident_acknowledge_' ~ incident.idtoken) }}"><button class="capsule-button capsule-button--secondary">Prendre en charge</button></form>{% endif %}{% if can_resolve %}<form method="post" action="{{ path('project_website_incident_resolve', {token: incident.idtoken}) }}" class="d-flex gap-2 flex-grow-1"><input type="hidden" name="_token" value="{{ csrf_token('incident_resolve_' ~ incident.idtoken) }}"><input class="form-control" name="resolution_notes" placeholder="Notes de résolution"><button class="capsule-button capsule-button--primary">Clôturer</button></form>{% endif %}</div></section>{% endif %}
<section class="website-fleet__section"><h2>Chronologie technique</h2><div class="table-responsive"><table class="table align-middle"><thead><tr><th>Date</th><th>État</th><th>HTTP</th><th>Temps</th><th>Erreur</th></tr></thead><tbody>{% for check in checks %}<tr><td>{{ check.checkedAt|date('d/m/Y H:i:s') }}</td><td>{{ check.status }}</td><td>{{ check.httpStatusCode ?: '—' }}</td><td>{{ check.responseTimeMs is not null ? check.responseTimeMs ~ ' ms' : '—' }}</td><td>{{ check.errorMessage ?: '—' }}</td></tr>{% endfor %}</tbody></table></div></section>
{% endblock %}