{% extends "base.html" %}
{% block title %}Dashboard{% endblock %}
{% block content %}
<h1>Dashboard</h1>

<div class="card-grid">
    <div class="card">
        <div class="card-label">Total Specs</div>
        <div class="card-value">{{ summary.spec_total }}</div>
    </div>
    <div class="card">
        <div class="card-label">Verified</div>
        <div class="card-value status-verified">{{ summary.spec_counts.get('verified', 0) }}</div>
    </div>
    <div class="card">
        <div class="card-label">Implemented</div>
        <div class="card-value status-implemented">{{ summary.spec_counts.get('implemented', 0) }}</div>
    </div>
    <div class="card">
        <div class="card-label">Specified</div>
        <div class="card-value status-specified">{{ summary.spec_counts.get('specified', 0) }}</div>
    </div>
    <div class="card">
        <div class="card-label">Retired</div>
        <div class="card-value status-retired">{{ summary.spec_counts.get('retired', 0) }}</div>
    </div>
    <div class="card">
        <div class="card-label">Test Procedures</div>
        <div class="card-value">{{ summary.test_procedure_count }}</div>
    </div>
    <div class="card">
        <div class="card-label">Op Procedures</div>
        <div class="card-value">{{ summary.op_procedure_count }}</div>
    </div>
    <div class="card">
        <div class="card-label">Env Config</div>
        <div class="card-value">{{ summary.env_config_count }}</div>
    </div>
    <div class="card">
        <div class="card-label">Assertions</div>
        <div class="card-value">
            <span class="pass">{{ summary.assertions_passed }}</span> /
            <span class="fail">{{ summary.assertions_failed }}</span>
        </div>
    </div>
</div>

<h2>Recent Changes</h2>
<table>
    <thead>
        <tr>
            <th>Time</th>
            <th>Table</th>
            <th>ID</th>
            <th>v</th>
            <th>Title</th>
            <th>By</th>
            <th>Reason</th>
        </tr>
    </thead>
    <tbody>
        {% for change in recent %}
        <tr>
            <td class="mono">{{ change.changed_at[:16] }}</td>
            <td>{{ change.table_name }}</td>
            <td class="mono">{{ change.record_id }}</td>
            <td>{{ change.version }}</td>
            <td>{{ change.title }}</td>
            <td>{{ change.changed_by }}</td>
            <td class="truncate">{{ change.change_reason }}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}