{% extends 'base.html' %}
{% block title %}Super Admin{% endblock %}
{% block content %}
<h4 class="text-white fw-bold mb-4">Super Admin Overview</h4>

<div class="row g-3 mb-4">
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon" style="background:linear-gradient(135deg,#3b82f6,#2563eb)"><i class="fas fa-building"></i></div>
            <div class="stat-info"><small>Total Companies</small><h3>{{ total_companies }}</h3></div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon" style="background:linear-gradient(135deg,#f59e0b,#d97706)"><i class="fas fa-hourglass-half"></i></div>
            <div class="stat-info"><small>Pending Approval</small><h3>{{ pending_companies }}</h3></div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="stat-card">
            <div class="stat-icon" style="background:linear-gradient(135deg,#10b981,#059669)"><i class="fas fa-check-circle"></i></div>
            <div class="stat-info"><small>Approved Companies</small><h3>{{ approved_companies }}</h3></div>
        </div>
    </div>
</div>

<div class="content-card mb-4">
    <div class="content-card-header"><strong class="text-white">Pending Companies</strong></div>
    <div class="content-card-body p-0">
        <div class="table-responsive">
        <table class="table mb-0">
            <thead><tr><th>Company</th><th>Owner</th><th>Email</th><th>Registered</th><th></th></tr></thead>
            <tbody>
            {% for c in pending_list %}
                <tr>
                    <td class="text-white">{{ c.name }}</td>
                    <td>{{ c.owner_name }}</td>
                    <td>{{ c.owner_email }}</td>
                    <td>{{ c.created_at|date:"d M Y" }}</td>
                    <td>
                        <form method="POST" action="{% url 'approve_company' c.pk %}" class="d-inline">{% csrf_token %}
                            <button class="btn btn-success btn-sm"><i class="fas fa-check"></i> Approve</button>
                        </form>
                        <form method="POST" action="{% url 'reject_company' c.pk %}" class="d-inline" onsubmit="return confirm('Reject and delete this company?');">{% csrf_token %}
                            <button class="btn btn-danger btn-sm"><i class="fas fa-times"></i> Reject</button>
                        </form>
                    </td>
                </tr>
            {% empty %}
                <tr><td colspan="5" class="text-center text-secondary py-4">No pending companies.</td></tr>
            {% endfor %}
            </tbody>
        </table>
        </div>
    </div>
</div>

<div class="content-card">
    <div class="content-card-header"><strong class="text-white">Recently Approved</strong></div>
    <div class="content-card-body p-0">
        <div class="table-responsive">
        <table class="table mb-0">
            <thead><tr><th>Company</th><th>Owner</th><th>Email</th><th>Branches</th><th>Status</th><th></th></tr></thead>
            <tbody>
            {% for c in approved_list %}
                <tr>
                    <td class="text-white">{{ c.name }}</td>
                    <td>{{ c.owner_name }}</td>
                    <td>{{ c.owner_email }}</td>
                    <td>{{ c.branch_count }}</td>
                    <td>
                        {% if c.is_active %}<span class="badge bg-success">Active</span>{% else %}<span class="badge bg-danger">Paused</span>{% endif %}
                        {% if not c.is_provisioned %}<span class="badge bg-warning text-dark">DB pending</span>{% endif %}
                    </td>
                    <td>
                        {% if c.is_active %}
                            <form method="POST" action="{% url 'pause_company' c.pk %}" class="d-inline" onsubmit="return confirm('Pause {{ c.name }}? Their users will be logged out and blocked from logging in.');">{% csrf_token %}
                                <button class="btn btn-warning btn-sm"><i class="fas fa-pause"></i> Pause</button>
                            </form>
                        {% else %}
                            <form method="POST" action="{% url 'resume_company' c.pk %}" class="d-inline">{% csrf_token %}
                                <button class="btn btn-success btn-sm"><i class="fas fa-play"></i> Resume</button>
                            </form>
                        {% endif %}
                    </td>
                </tr>
            {% empty %}
                <tr><td colspan="5" class="text-center text-secondary py-4">No companies yet.</td></tr>
            {% endfor %}
            </tbody>
        </table>
        </div>
    </div>
</div>
{% endblock %}