{% extends "base.html" %}
{% block title %}Incident: {{ incident.title }}{% endblock %}
{% block content %}
<div class="incident-detail">
    <a href="/">← Back to Status Page</a>
    <h1>{{ incident.title }}</h1>
    <div class="incident-meta">
        <span class="severity severity-{{ incident.severity }}">{{ incident.severity | title }}</span>
        <span class="incident-status">{{ incident.status | title }}</span>
        <p>Started: {{ incident.started_at }}</p>
        {% if incident.resolved_at %}
        <p>Resolved: {{ incident.resolved_at }}</p>
        {% endif %}
    </div>

    <div class="timeline">
        {% for update in updates %}
        <div class="timeline-entry">
            <div class="timeline-status">{{ update.status | title }}</div>
            <div class="timeline-body">{{ update.body }}</div>
            <div class="timeline-time">{{ update.created_at }}</div>
        </div>
        {% endfor %}
    </div>
</div>
{% endblock %}