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

{% block content %}
<div class="container py-4">
  <div class="row justify-content-center">
    <div class="col-md-8 col-lg-6">
      
      <div class="mb-4">
        <a href="{% url 'authentication:sub_tenant_list' %}" class="text-muted">
          <i class="fas fa-arrow-left mr-2"></i>Back to Sub-Tenants
        </a>
      </div>
      
      <div class="card shadow-sm">
        <div class="card-header bg-primary text-white">
          <h5 class="mb-0">
            {% if is_edit %}
              <i class="fas fa-edit mr-2"></i>Edit Sub-Tenant
            {% else %}
              <i class="fas fa-plus mr-2"></i>Add New Sub-Tenant
            {% endif %}
          </h5>
        </div>
        
        <div class="card-body">
          <p class="text-muted mb-4">
            <i class="fas fa-building mr-1"></i>
            Branch: <strong>{{ branch.company_name }} - {{ branch.branch_name }}</strong>
          </p>
          
          <form method="post">
            {% csrf_token %}
            
            <div class="form-group">
              <label for="id_name" class="font-weight-bold">
                Sub-Tenant Name <span class="text-danger">*</span>
              </label>
              {{ form.name }}
              <small class="form-text text-muted">
                e.g., Counter 1, Floor 2, Shop A, Cash Register 3
              </small>
              {% if form.name.errors %}
                <div class="text-danger small">{{ form.name.errors }}</div>
              {% endif %}
            </div>
            
            <div class="form-group">
              <label for="id_status" class="font-weight-bold">Status</label>
              {{ form.status }}
              {% if form.status.errors %}
                <div class="text-danger small">{{ form.status.errors }}</div>
              {% endif %}
            </div>
            
            <div class="form-group">
              <label for="id_expiry_date" class="font-weight-bold">
                Expiry Date <small class="text-muted">(Optional)</small>
              </label>
              {{ form.expiry_date }}
              <small class="form-text text-muted">
                Leave blank for no expiry.
              </small>
              {% if form.expiry_date.errors %}
                <div class="text-danger small">{{ form.expiry_date.errors }}</div>
              {% endif %}
            </div>
            
            {% if is_edit and sub_tenant %}
            <div class="alert alert-info">
              <small>
                <i class="fas fa-info-circle mr-1"></i>
                <strong>pos_branch_id:</strong> {{ sub_tenant.pos_branch_id }}
                <br>This ID is auto-generated and used internally for data isolation.
              </small>
            </div>
            {% endif %}
            
            <hr>
            
            <div class="d-flex justify-content-between">
              <a href="{% url 'authentication:sub_tenant_list' %}" class="btn btn-outline-secondary">
                Cancel
              </a>
              <button type="submit" class="btn btn-success">
                {% if is_edit %}
                  <i class="fas fa-save mr-2"></i>Update Sub-Tenant
                {% else %}
                  <i class="fas fa-plus mr-2"></i>Create Sub-Tenant
                {% endif %}
              </button>
            </div>
          </form>
        </div>
      </div>
      
    </div>
  </div>
</div>
{% endblock %}