{% extends "base.html" %}

{% block title %}Delete Context{% endblock %}

{% block content %}
<div class="page-header">
    <h1>Delete Context</h1>
    <p>Are you sure you want to delete this context?</p>
</div>

<div class="card">
    <div class="card-body">
        <p><strong>Type:</strong> <span class="type-badge type-{{ context.type }}">{{ context.type }}</span></p>
        <p><strong>Content:</strong></p>
        <div class="content-full" style="max-height: 200px; overflow: auto;">{{ context.content }}</div>

        {% if context.tags %}
        <p style="margin-top: 1rem;"><strong>Tags:</strong>
            {% for tag in context.tags %}
            <span class="tag tag-default">{{ tag }}</span>
            {% endfor %}
        </p>
        {% endif %}

        <div style="margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--color-border);">
            <form method="POST" action="{{ url_for('delete_context_submit', context_id=context.id) }}" style="display: inline;">
                <button type="submit" class="btn btn-danger">Yes, Delete</button>
            </form>
            <a href="{{ url_for('context_detail', context_id=context.id) }}" class="btn btn-secondary">Cancel</a>
        </div>
    </div>
</div>
{% endblock %}