{% extends "base.html" %}
{% block title %}PIP-{{ pip.pk }} — Mimir{% endblock %}
{% block content %}
<div class="container mt-4 pb-5" data-testid="pip-detail-page">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{% url 'pip_list' %}">PIPs</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ pip.title|truncatechars:50 }}</li>
        </ol>
    </nav>

    <div class="d-flex flex-wrap justify-content-between gap-3 align-items-start mb-3">
        <div>
            <h1 class="h3 mb-1" data-testid="pip-detail-title">PIP-{{ pip.pk }}: {{ pip.title }}</h1>
            <p class="text-muted mb-1">Target playbook: <strong>{{ pip.playbook.name }}</strong> · v{{ pip.playbook.version }}</p>
            <p class="mb-0"><span class="badge rounded-pill {{ pip.status_bootstrap_class }}">{{ pip.get_status_display }}</span></p>
        </div>
        <div class="d-flex flex-wrap gap-2 justify-content-end flex-shrink-0" data-testid="pip-detail-actions">
            {% if can_preview %}
            <a class="btn btn-sm btn-outline-secondary" href="{% url 'pip_preview' pip.pk %}"><i class="fas fa-eye me-1"></i>Preview</a>
            {% endif %}
            {% if admin_review_url %}
            <a class="btn btn-sm btn-warning" href="{{ admin_review_url }}" data-testid="pip-admin-review"><i class="fas fa-user-shield me-1"></i>Review in Django Admin</a>
            {% endif %}
            {% if can_edit %}
            <a class="btn btn-sm btn-outline-primary" href="{% url 'pip_edit' pip.pk %}"><i class="fas fa-pen-to-square me-1"></i>Edit draft</a>
            {% endif %}
            {% if can_withdraw %}
            <button type="button" class="btn btn-sm btn-outline-danger"
                    data-bs-toggle="modal" data-bs-target="#withdrawPipModal"
                    data-testid="pip-detail-withdraw-open"><i class="fas fa-ban me-1"></i>Withdraw / cancel</button>
            {% endif %}
            {% if can_submit %}
            <form method="post" action="{% url 'pip_submit_review' pip.pk %}" class="m-0 d-inline">
                {% csrf_token %}
                <button type="submit" class="btn btn-sm btn-success" data-testid="pip-detail-submit"><i class="fas fa-paper-plane me-1"></i>{{ submit_label }}</button>
            </form>
            {% endif %}
        </div>
    </div>

    {% if status_banner %}
    <div class="alert alert-info mt-3" role="status" data-testid="pip-status-banner">{{ status_banner }}</div>
    {% endif %}

    {% if pip.summary %}
    <div class="mb-4" data-testid="pip-detail-summary">
        <h2 class="h6 text-secondary">Summary</h2>
        <p class="mb-0">{{ pip.summary }}</p>
    </div>
    {% endif %}

    <h2 class="h6 text-secondary mb-3">Changes</h2>
    {% with changes=pip.changes.all %}
    {% if changes %}
        <div class="accordion" id="pipChangeAccordion">
            {% for ch in changes %}
            <div class="accordion-item" data-testid="pip-change-{{ ch.order }}">
                <h2 class="accordion-header" id="heading{{ ch.pk }}">
                    <button class="accordion-button {% if not forloop.first %}collapsed{% endif %}" type="button"
                            data-bs-toggle="collapse" data-bs-target="#collapse{{ ch.pk }}"
                            aria-expanded="{% if forloop.first %}true{% else %}false{% endif %}">
                        <span class="me-2"><strong>{{ ch.change_type }}</strong> {{ ch.entity_type }}</span>
                        {% if ch.galdr_recommendation %}
                        <span class="badge {% if ch.galdr_recommendation == 'ACCEPT' %}bg-success{% elif ch.galdr_recommendation == 'REJECT' %}bg-danger{% else %}bg-warning text-dark{% endif %} ms-1"
                              data-testid="galdr-verdict-{{ ch.order }}">{{ ch.galdr_recommendation }}</span>
                        {% endif %}
                        {% if ch.admin_decision %}
                        <span class="badge {% if ch.admin_decision == 'ACCEPT' %}bg-success{% else %}bg-danger{% endif %} ms-1"
                              data-testid="admin-verdict-{{ ch.order }}">
                            ADMIN {{ ch.admin_decision }}</span>
                        {% endif %}
                    </button>
                </h2>
                <div id="collapse{{ ch.pk }}" class="accordion-collapse collapse {% if forloop.first %}show{% endif %}"
                     aria-labelledby="heading{{ ch.pk }}" data-bs-parent="#pipChangeAccordion">
                    <div class="accordion-body">
                        <p class="small text-muted mb-1">
                            {% if ch.name %}<strong>{{ ch.name }}</strong>{% endif %}
                            {% if ch.target_name_snapshot or ch.target_id %}
                             · {% if ch.target_name_snapshot %}{{ ch.target_name_snapshot }}{% else %}#{{ ch.target_id }}{% endif %}
                            {% endif %}
                        </p>
                        <pre class="bg-light border rounded p-3 small mb-2" style="white-space: pre-wrap;" data-testid="pip-change-content-{{ ch.order }}">{{ ch.content|default:'(empty)' }}</pre>
                        {% if ch.galdr_reasoning %}
                        <div class="small mt-2" data-testid="galdr-reason-{{ ch.order }}">
                            <span class="text-secondary">Galdr rationale:</span> {{ ch.galdr_reasoning }}
                        </div>
                        {% endif %}
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
    {% else %}
        <div class="text-muted border rounded p-3" data-testid="pip-detail-no-changes">No structured changes captured.</div>
    {% endif %}
    {% endwith %}
</div>

{% if can_withdraw %}
<div class="modal fade" id="withdrawPipModal" tabindex="-1" aria-labelledby="withdrawPipModalLabel"
     aria-hidden="true" data-testid="pip-withdraw-modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="withdrawPipModalLabel">Withdraw PIP?</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">This deletes the proposal. This cannot be undone.</div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal"><i class="fas fa-xmark me-1"></i>Close</button>
                <form method="post" action="{% url 'pip_withdraw' pip.pk %}">
                    {% csrf_token %}
                    <button type="submit" class="btn btn-danger" data-testid="pip-detail-withdraw-confirm"><i class="fas fa-trash-can me-1"></i>Withdraw now</button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endif %}

<script>console.log('PIP detail flow', {
    id: {{ pip.pk }},
    status: "{{ pip.status|escapejs }}",
    can_submit: {{ can_submit|yesno:"true,false" }},
});</script>
{% endblock %}