{% extends "base.html" %}
{% block title %}Dashboard{% endblock %}
{% block page_title %}Quality & Patient Safety Dashboard{% endblock %}
{% block content %}
<div class="page-header">
  <div><h1>Occurrence Reporting Dashboard</h1><p>Monitor confidential reports, investigation priorities, deadlines, and safe closure across your authorized scope.</p></div>
  {% if current_user.can('incident.create') %}<div class="page-actions"><a class="button primary" href="{{ url_for('main.incident_new') }}">Create Confidential OVR</a></div>{% endif %}
</div>
<section class="stats-grid" aria-label="Summary statistics">
  <div class="stat-card"><span>Visible Reports</span><strong>{{ counts.all }}</strong></div>
  <div class="stat-card"><span>Open Cycle</span><strong>{{ counts.open }}</strong></div>
  <div class="stat-card"><span>High / Extreme</span><strong>{{ counts.high }}</strong></div>
  <div class="stat-card"><span>Closed</span><strong>{{ counts.closed }}</strong></div>
</section>
<div class="two-column">
  <section class="card">
    <div class="card-header"><div><h2>Recent Occurrence Reports</h2><p>Latest activity within your authorized scope</p></div><a href="{{ url_for('main.incidents') }}">View all</a></div>
    {% if incidents %}<div class="table-wrap"><table class="data-table"><thead><tr><th>Reference</th><th>Incident</th><th>Risk</th><th>Status</th><th></th></tr></thead><tbody>
      {% for incident in incidents %}<tr><td class="primary-cell">{{ incident.reference_no }}</td><td>{{ incident.incident_date }}<br><small>{{ incident.department.name }}</small></td><td>{% if incident.risk_level %}<span class="risk-badge {{ risk_colors.get(incident.risk_level,'gray') }}">{{ incident.risk_level }}</span>{% else %}<span class="status">Pending</span>{% endif %}</td><td><span class="status">{{ incident.status_label }}</span></td><td><a class="button secondary small" href="{{ url_for('main.incident_detail', incident_id=incident.id) }}">Open</a></td></tr>{% endfor %}
    </tbody></table></div>{% else %}<div class="empty-state"><strong>No occurrence reports yet</strong><p>Your authorized reports will appear here.</p></div>{% endif %}
  </section>
  <section class="card">
    <div class="card-header"><div><h2>Overdue Investigations</h2><p>Policy deadline attention</p></div></div>
    <div class="card-body">
      {% if overdue %}{% for incident in overdue %}<div class="action-card"><strong><a href="{{ url_for('main.incident_detail', incident_id=incident.id) }}">{{ incident.reference_no }}</a></strong><p>{{ incident.department.name }} · {{ incident.status_label }}</p><div class="meta"><span>Due {{ incident.investigation_due_at.strftime('%Y-%m-%d') }}</span><span class="risk-badge {{ risk_colors.get(incident.risk_level,'gray') }}">{{ incident.risk_level }}</span></div></div>{% endfor %}
      {% else %}<div class="empty-state" style="padding:25px 8px"><strong>No overdue investigations</strong><p>Open reports are currently within their policy targets.</p></div>{% endif %}
    </div>
  </section>
</div>
{% endblock %}