{% extends "base.html" %}
{% block title %}Occurrence Reports{% endblock %}
{% block page_title %}Occurrence Reports{% endblock %}
{% block content %}
<div class="page-header"><div><h1>Occurrence Reports</h1><p>Confidential reporting-cycle records within your assigned branch, department, or personal scope.</p></div>{% if current_user.can('incident.create') %}<div class="page-actions"><a class="button primary" href="{{ url_for('main.incident_new') }}">New OVR</a></div>{% endif %}</div>
<form class="filter-bar" method="get">
  <input type="text" name="q" value="{{ request.args.get('q','') }}" placeholder="Search reference, location, or facts">
  <select name="status"><option value="">All statuses</option>{% for value,label in [('DRAFT','Draft'),('SUBMITTED','Manager Review'),('QPS_REVIEW','QPS Review'),('RCA_REQUIRED','RCA'),('ACTION_REQUIRED','Department Action'),('QPS_FINAL','Final Review'),('CLOSED','Closed')] %}<option value="{{ value }}" {% if request.args.get('status')==value %}selected{% endif %}>{{ label }}</option>{% endfor %}</select>
  <select name="risk"><option value="">All risk levels</option>{% for value in ['Low','Moderate','High','Extreme'] %}<option value="{{ value }}" {% if request.args.get('risk')==value %}selected{% endif %}>{{ value }}</option>{% endfor %}</select>
  <select name="branch_id"><option value="">All branches</option>{% for branch in branches %}<option value="{{ branch.id }}" {% if request.args.get('branch_id',type=int)==branch.id %}selected{% endif %}>{{ branch.name }}</option>{% endfor %}</select>
  <button class="button secondary" type="submit">Filter</button>
</form>
<section class="card">
  <div class="card-header"><div><h2>{{ total }} report{{ '' if total == 1 else 's' }}</h2><p>Reporter identity remains masked when anonymous unless your role permits disclosure.</p></div></div>
  {% if incidents %}<div class="table-wrap"><table class="data-table"><thead><tr><th>Reference</th><th>Date / Location</th><th>Branch / Department</th><th>Classification</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.location }}</small></td><td>{{ incident.branch.code }}<br><small>{{ incident.department.name }}</small></td><td>{{ incident.classification_category }}<br><small>{{ incident.report_type }}</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) }}">View</a></td></tr>{% endfor %}
  </tbody></table></div>
  <div class="pagination"><span>Page {{ page }} · {{ total }} results</span><div>{% if page > 1 %}<a class="button secondary small" href="{{ url_for('main.incidents', page=page-1, q=request.args.get('q',''), status=request.args.get('status',''), risk=request.args.get('risk',''), branch_id=request.args.get('branch_id','')) }}">Previous</a>{% endif %}{% if page * per_page < total %}<a class="button secondary small" href="{{ url_for('main.incidents', page=page+1, q=request.args.get('q',''), status=request.args.get('status',''), risk=request.args.get('risk',''), branch_id=request.args.get('branch_id','')) }}">Next</a>{% endif %}</div></div>
  {% else %}<div class="empty-state"><strong>No matching reports</strong><p>Adjust the filters or create a new confidential OVR.</p></div>{% endif %}
</section>
{% endblock %}