{% set title = __("Delete topic") %}

{% extends "base.twig" %}

{% block content %}

<div class="page-header">
    <h1>{{ __("Do you want to delete this topic?") }}</h1>
</div>

<div class="alert alert-danger">
    <svg viewBox="0 0 24 24" class="icon"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>
    <span>{{ __("Are you sure you want to delete the topic <em>%topic%</em> including <strong>all posts and attachments</strong>?", {
        "topic": ctx.topic.title|e("html"),
    }) }}</span>
</div>

<div class="page-actions">
    <form action="." method="get" class="seamless-inline">
        <input type="hidden" name="_action" value="viewtopic">
        <input type="hidden" name="topic" value="{{ ctx.topic.id }}">
        <button>
            <svg viewBox="0 0 24 24" class="icon"><path d="m12 19-7-7 7-7"/><path d="M19 12H5"/></svg>
            <span>{{ __("Keep topic") }}</span>
        </button>
    </form>
    <form action="?_action=deletetopic" method="post" class="seamless-inline">
        <input type="hidden" name="topic" value="{{ ctx.topic.id }}">
        <input type="hidden" name="confirm" value="{{ ("confirm" ~ ctx.topic.id)|hash("sha256", true)|base64_encode }}">
        <button class="btn-danger">
            <svg viewBox="0 0 24 24" class="icon"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg>
            <span>{{ __("Delete topic &amp; posts") }}</span>
        </button>
    </form>
</div>

{% endblock %}