{% extends "base.html" %}

{% block content %}
<div class="container mt-4">

    <div class="alert alert-danger">
        <h4>
            Are you sure you want to delete "{{ event.title }}"?
        </h4>

        <p>
            <strong>
                {{ event.start_date|date:"M d, Y H:i" }} -
                {{ event.end_date|time:"H:i" }}
            </strong>
        </p>

        <p>This action cannot be undone.</p>
    </div>

    <form method="post">
        {% csrf_token %}

        <button type="submit" class="btn btn-danger">
            Yes, Delete
        </button>

        <a href="{% url 'event_detail' event.pk %}" class="btn btn-secondary">
            Cancel
        </a>
    </form>

</div>
{% endblock %}