src/templates/monitoring/view_event.html

{% extends "base.html" %}

{% block title %}View Event #{{ event.id }} - PoliSage{% endblock %}

{% block content %}
<div class="container mt-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ url_for("index") }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ url_for("monitoring.list_events") }}">Monitored Events</a></li>
            <li class="breadcrumb-item active" aria-current="page">Event #{{ event.id }}</li>
        </ol>
    </nav>

    <h2>Event #{{ event.id }}: {{ event.event_summary | truncate(80) }}</h2>
    <p class="text-muted">Detected: {{ event.detected_at.strftime("%Y-%m-%d %H:%M") }} from Source: <a href="{{ url_for("monitoring.view_source", source_id=event.source_id) }}">{{ event.source.name if event.source else "Unknown" }}</a></p>

    <div class="card mb-4">
        <div class="card-header">
            Event Details
        </div>
        <div class="card-body">
            <dl class="row">
                <dt class="col-sm-3">Status</dt>
                <dd class="col-sm-9"><span class="badge bg-light text-dark">{{ event.status }}</span></dd>

                <dt class="col-sm-3">Relevance Score</dt>
                <dd class="col-sm-9">{{ "%.1f"|format(event.relevance_score * 100) ~ "%" if event.relevance_score is not none else "N/A" }}</dd>

                <dt class="col-sm-3">Summary</dt>
                <dd class="col-sm-9">{{ event.event_summary }}</dd>

                <dt class="col-sm-3">Details</dt>
                <dd class="col-sm-9">{{ event.event_details | nl2br if event.event_details else "No details provided." }}</dd>

                {% if event.related_legislation %}
                    <dt class="col-sm-3">Related Legislation</dt>
                    <dd class="col-sm-9">
                        <a href="#">{{ event.related_legislation.title }}</a> {# Link to legislation view later #}
                    </dd>
                {% endif %}
            </dl>
        </div>
        <div class="card-footer">
            <!-- Add buttons for actions like review, link legislation, create recommendation etc. later -->
            <a href="#" class="btn btn-info disabled">Mark as Reviewed (Not Implemented)</a>
            <a href="#" class="btn btn-primary disabled">Link Legislation (Not Implemented)</a>
            <a href="#" class="btn btn-success disabled">Create Recommendation (Not Implemented)</a>
        </div>
    </div>

</div>
{% endblock %}