src/templates/amendments/view_amendment.html

{% extends "base.html" %}

{% block title %}View Amendment for {{ amendment.legislation.title if amendment.legislation else 'Unknown' }} - 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("amendment.list_amendments") }}">Amendments</a></li>
            <li class="breadcrumb-item active" aria-current="page">View Amendment #{{ amendment.id }}</li>
        </ol>
    </nav>

    <h2>Amendment #{{ amendment.id }} for: {{ amendment.legislation.title if amendment.legislation else "Unknown Legislation" }}</h2>
    <p class="text-muted">Proposed on: {{ amendment.created_at.strftime("%Y-%m-%d %H:%M") }} by {{ amendment.author.username if amendment.author else "N/A" }}</p>

    <div class="card mb-4">
        <div class="card-header">
            Amendment 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-warning text-dark">{{ amendment.status }}</span></dd>

                <dt class="col-sm-3">Target Legislation</dt>
                <dd class="col-sm-9">
                    {% if amendment.legislation %}
                        <a href="#">{{ amendment.legislation.title }}</a> {# Link to legislation view later #}
                    {% else %}
                        N/A
                    {% endif %}
                </dd>

                <dt class="col-sm-3">Rationale</dt>
                <dd class="col-sm-9">{{ amendment.rationale | nl2br if amendment.rationale else "No rationale provided." }}</dd>

            </dl>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            Proposed Changes
        </div>
        <div class="card-body">
            <pre style="white-space: pre-wrap; word-wrap: break-word;">{{ amendment.proposed_changes }}</pre>
        </div>
        <div class="card-footer">
            <!-- Add buttons for review, approval, rejection etc. later -->
            <a href="#" class="btn btn-success disabled">Approve (Not Implemented)</a>
            <a href="#" class="btn btn-warning disabled">Request Review (Not Implemented)</a>
            <a href="#" class="btn btn-danger disabled">Reject (Not Implemented)</a>
        </div>
    </div>

</div>
{% endblock %}