{% extends 'settings/index.html' %}

{% block header_text %}<h1><i class="fa-solid fa-trash-can"></i> Delete Container</h1>{% endblock %}

{% block main %}
<div class="container">
      <p>Are you sure you want to <strong>delete</strong> the following container?</p>
      <div class="container-name"><i class="fa-solid fa-box"></i> {{ container.name }}</div>
      <form method="post" style="margin-top:1.5rem;">
        <input type="hidden" name="id" value="{{ container.id }}">
        <div class="actions">
          <button type="submit"><i class="fa-solid fa-trash"></i> Yes, delete</button>
          <button type="button" onclick="history.back()" class="cancel"><i class="fa-solid fa-arrow-left"></i> Cancel</button>
        </div>
      </form>
  </div>
{% endblock %}