{%  extends "admin.html"  %}
{% block content %}

<h4 class="fw-bold py-3 mb-4">
  <span class="text-muted fw-light">
    <a href="{% url 'dashboard' %}"> Home / </a>
    {% if breadc_link %}
      <a href="{% url breadc_link %}" style="text-transform: capitalize;"> {{breadc_link}} / </a>
    {% endif %}
  </span> {{page_name}}
</h4>

<div class="row">
    <!-- Basic Layout -->
    <div class="col-xxl">
      <div class="card mb-4">
        <div class="card-header d-flex align-items-center justify-content-between">
          <h5 class="mb-0">{{page_name}}</h5>
          <small class="text-muted float-end"> </small>
        </div>
        <div class="card-body">
          <form method="POST" >
            {% csrf_token %}
            <h3 class="text-danger"> Do you want to delete: <b>{{item}}</b>, This can not be undone.</h3>

            <div class="row justify-content-end">
              <div class="">
                <button type="submit" class="btn btn-danger">Delete</button>
                <a href="{% url cancel %}" class="btn btn-success">Cancel</a>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
    
  </div>



{% endblock content %}

{% block footer %}
<script>
  $(document).ready(function() {
      $('select').select2();
  });
</script>
{% endblock footer %}