{% extends "base.html" %}
{% load markdown_filters %}
{% block title %}PIP-{{ pip.pk }} — Mimir{% endblock %}
{% block content %}
<div 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="hg-page-header mb-3" data-testid="pip-detail-header">
        <div class="d-flex flex-wrap justify-content-between align-items-center gap-3">
            <div class="flex-grow-1 min-w-0">
                <h1 class="hg-page-title d-flex align-items-center gap-2 mb-1" data-testid="pip-detail-title">
                    <i class="fa-solid fa-lightbulb hg-page-title-icon text-primary" aria-hidden="true"></i>
                    <span>PIP-{{ pip.pk }}: {{ pip.title }}</span>
                </h1>
                <p class="text-muted small mb-0">
                    <span class="badge rounded-pill {{ pip.status_bootstrap_class }}" data-testid="pip-status-badge">{{ pip.get_status_display }}</span>
                    &middot;
                    Target playbook: <strong>{{ pip.playbook.name }}</strong>
                    <span class="badge bg-light text-dark border">v{{ pip.playbook.version }}</span>
                </p>
            </div>
            <div role="toolbar" aria-label="PIP actions"
                 class="d-flex flex-wrap gap-2 align-items-center flex-shrink-0"
                 data-testid="pip-detail-actions">
            {% if can_revert_to_draft %}
            <button type="button" class="btn btn-outline-warning"
                    data-bs-toggle="modal" data-bs-target="#revertToDraftModal"
                    data-testid="pip-detail-revert-open"
                    title="Return this PIP to Draft for editing">
                <i class="fa-solid fa-rotate-left me-1"></i>Withdraw to Draft
            </button>
            {% endif %}
            {% if can_withdraw %}
            <button type="button" class="btn btn-outline-danger"
                    data-bs-toggle="modal" data-bs-target="#withdrawPipModal"
                    data-testid="pip-detail-withdraw-open"
                    title="Cancel and permanently delete this proposal">
                <i class="fa-solid fa-ban me-1"></i>Cancel PIP
            </button>
            {% endif %}
            {% if can_preview %}
            <a class="btn btn-outline-secondary" href="{% url 'pip_preview' pip.pk %}"
               data-bs-toggle="tooltip"
               title="Preview proposed changes">
                <i class="fa-solid fa-eye me-1"></i>Preview
            </a>
            {% endif %}
            {% if can_edit %}
            <a class="btn btn-outline-secondary" href="{% url 'pip_edit' pip.pk %}"
               data-testid="pip-detail-edit-draft"
               data-bs-toggle="tooltip"
               title="Edit this draft PIP">
                <i class="fa-solid fa-pen-to-square me-1"></i>Edit draft
            </a>
            {% endif %}
            {% if admin_review_url %}
            <a class="btn btn-primary" href="{{ admin_review_url }}"
               data-testid="pip-admin-review"
               data-bs-toggle="tooltip"
               title="Review Galdr recommendations and finalize decisions">
                <i class="fa-solid fa-user-shield me-1"></i>Review PIP
            </a>
            {% 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-primary"
                        data-testid="pip-detail-submit"
                        data-bs-toggle="tooltip"
                        title="Submit this PIP for Galdr review">
                    <i class="fa-solid fa-paper-plane me-1"></i>{{ submit_label }}
                </button>
            </form>
            {% endif %}
            {% include "partials/copy_prompt/button.html" with copy_prompt_text=copy_prompt_text text_testid=copy_prompt_text_testid %}
            </div>
        </div>
    </div>

    {% if status_banner %}
    <div class="alert alert-info d-flex align-items-center mb-4" role="status" data-testid="pip-status-banner">
        <i class="fa-solid fa-circle-info me-3 fa-lg"></i>
        <div>{{ status_banner }}</div>
    </div>
    {% endif %}

    <div class="row">
        <div class="col-md-8">
            {% if pip.summary %}
            <div class="card mb-4" data-testid="pip-detail-summary">
                <div class="card-header">
                    <h5 class="mb-0"><i class="fa-solid fa-align-left"></i> Summary</h5>
                </div>
                <div class="card-body">
                    <p class="mb-0">{{ pip.summary }}</p>
                </div>
            </div>
            {% endif %}

            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0"><i class="fa-solid fa-code-branch"></i> Changes</h5>
                </div>
                <div class="card-body">
                    {% 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>
                                        {% if ch.internal_ref or ch.parent_workflow_ref or ch.insert_after_activity_ref or ch.phase_ref or ch.produced_by_activity_ref or ch.artifact_type or ch.relationship_type or ch.source_entity_ref or ch.target_entity_ref or ch.parent_workflow_id or ch.insert_after_activity_id %}
                                        <p class="small text-muted mb-2" data-testid="pip-change-refs-{{ ch.order }}">
                                            {% if ch.internal_ref %}<span class="me-2">ref: <code>{{ ch.internal_ref }}</code></span>{% endif %}
                                            {% if ch.parent_workflow_ref %}<span class="me-2">parent wf: <code>{{ ch.parent_workflow_ref }}</code></span>{% elif ch.parent_workflow_id %}<span class="me-2">parent wf: #{{ ch.parent_workflow_id }}</span>{% endif %}
                                            {% if ch.insert_after_activity_ref %}<span class="me-2">after: <code>{{ ch.insert_after_activity_ref }}</code></span>{% elif ch.insert_after_activity_id %}<span class="me-2">after: #{{ ch.insert_after_activity_id }}</span>{% endif %}
                                            {% if ch.phase_ref %}<span class="me-2">phase: <code>{{ ch.phase_ref }}</code></span>{% endif %}
                                            {% if ch.produced_by_activity_ref %}<span class="me-2">producer: <code>{{ ch.produced_by_activity_ref }}</code></span>{% endif %}
                                            {% if ch.artifact_type %}<span class="me-2">artifact type: {{ ch.artifact_type }}{% if ch.artifact_is_required %} (required){% endif %}</span>{% endif %}
                                            {% if ch.relationship_type %}<span class="me-2">link: {{ ch.relationship_type }}</span>{% endif %}
                                            {% if ch.source_entity_ref %}<span class="me-2">src: <code>{{ ch.source_entity_ref }}</code></span>{% endif %}
                                            {% if ch.target_entity_ref %}<span class="me-2">tgt: <code>{{ ch.target_entity_ref }}</code></span>{% endif %}
                                        </p>
                                        {% endif %}
                                        {% if ch.content %}
                                        <div class="markdown-content border rounded p-3 mb-2" data-testid="pip-change-content-{{ ch.order }}">
                                            {{ ch.content|markdown }}
                                        </div>
                                        {% else %}
                                        <p class="text-muted small mb-2" data-testid="pip-change-content-{{ ch.order }}">(empty)</p>
                                        {% endif %}
                                        {% 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" data-testid="pip-detail-no-changes">No structured changes captured.</div>
                    {% endif %}
                    {% endwith %}
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card mb-4" data-testid="pip-detail-metadata">
                <div class="card-header">
                    <h5 class="mb-0"><i class="fa-solid fa-info-circle"></i> Details</h5>
                </div>
                <div class="card-body">
                    <dl class="row mb-0">
                        <dt class="col-sm-5">Status:</dt>
                        <dd class="col-sm-7">
                            <span class="badge rounded-pill {{ pip.status_bootstrap_class }}">{{ pip.get_status_display }}</span>
                        </dd>
                        <dt class="col-sm-5">Changes:</dt>
                        <dd class="col-sm-7">{{ pip.changes.count }}</dd>
                        <dt class="col-sm-5">Created:</dt>
                        <dd class="col-sm-7">{{ pip.created_at|date:"M d, Y" }}</dd>
                        {% if pip.submitted_at %}
                        <dt class="col-sm-5">Submitted:</dt>
                        <dd class="col-sm-7">{{ pip.submitted_at|date:"M d, Y" }}</dd>
                        {% endif %}
                        {% if pip.created_by %}
                        <dt class="col-sm-5">Author:</dt>
                        <dd class="col-sm-7">{{ pip.created_by.username }}</dd>
                        {% endif %}
                    </dl>
                </div>
            </div>

            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0"><i class="fa-solid fa-book-sparkles"></i> Target Playbook</h5>
                </div>
                <div class="card-body">
                    <h6 class="card-title mb-1">{{ pip.playbook.name }}</h6>
                    <p class="card-text small text-muted mb-2">v{{ pip.playbook.version }}</p>
                    <a href="{% url 'playbook_detail' pk=pip.playbook.pk %}"
                       class="btn btn-sm btn-outline-primary">
                        <i class="fa-solid fa-arrow-right"></i> View Playbook
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

{% if can_revert_to_draft %}
<div class="modal fade" id="revertToDraftModal" tabindex="-1" aria-labelledby="revertToDraftModalLabel"
     aria-hidden="true" data-testid="pip-revert-modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="revertToDraftModalLabel">Return PIP to Draft?</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">This will return the PIP to Draft. Galdr assessments will be cleared. You can edit and resubmit.</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_revert_to_draft' pip.pk %}">
                    {% csrf_token %}
                    <button type="submit" class="btn btn-warning" data-testid="pip-detail-revert-confirm"><i class="fas fa-rotate-left me-1"></i>Return to Draft</button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endif %}
{% 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">Cancel PIP?</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">This permanently cancels 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>Cancel 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>
{% include "includes/markdown_content_assets.html" %}
{% endblock %}