{% extends "pos/base.html" %}

{% block content %}
<div class="container py-4">
  <div class="row justify-content-center">
    <div class="col-md-6">
      
      <div class="card shadow-sm border-danger">
        <div class="card-header bg-danger text-white">
          <h5 class="mb-0">
            <i class="fas fa-exclamation-triangle mr-2"></i>Delete Sub-Tenant
          </h5>
        </div>
        
        <div class="card-body text-center py-5">
          <i class="fas fa-store-alt-slash fa-4x text-danger mb-4"></i>
          
          <h4 class="mb-3">Are you sure you want to delete?</h4>
          
          <div class="alert alert-light border mb-4">
            <h5 class="mb-1">{{ sub_tenant.name }}</h5>
            <small class="text-muted">
              Branch: {{ branch.company_name }} - {{ branch.branch_name }}
            </small>
          </div>
          
          <div class="alert alert-warning text-left">
            <i class="fas fa-exclamation-circle mr-2"></i>
            <strong>Warning:</strong> This action cannot be undone.
            <ul class="mb-0 mt-2">
              <li>All user assignments to this sub-tenant will be removed.</li>
              <li>Data linked to this sub-tenant (customers, sales, etc.) will still exist but may become orphaned.</li>
            </ul>
          </div>
          
          <form method="post">
            {% csrf_token %}
            <div class="d-flex justify-content-center gap-3">
              <a href="{% url 'authentication:sub_tenant_list' %}" class="btn btn-outline-secondary btn-lg mr-3">
                <i class="fas fa-times mr-2"></i>Cancel
              </a>
              <button type="submit" class="btn btn-danger btn-lg">
                <i class="fas fa-trash mr-2"></i>Yes, Delete
              </button>
            </div>
          </form>
        </div>
      </div>
      
    </div>
  </div>
</div>
{% endblock %}