{% extends 'core/base.html' %}
{% block topbar_title %}Admin Center{% endblock %}
{% block content %}
<div class="mb-4">
    <h2 class="fw-bold mb-1" style="color: var(--sp-primary);">Administration</h2>
    <p class="text-muted">Configure your system securely, manage employees, and review security logs.</p>
</div>
<div class="hub-grid">
    <a href="{% url 'system_settings' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-sliders-h"></i></div>
        <div class="hub-card-title">System Settings</div>
        <div class="hub-card-text">Configure VAT, currency, store name, and global behaviors.</div>
    </a>
    <a href="{% url 'user_list' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-users-cog"></i></div>
        <div class="hub-card-title">Staff & Users</div>
        <div class="hub-card-text">Add cashiers or managers to the system and reset passwords.</div>
    </a>
    <a href="{% url 'analytics:role_permissions' %}" class="hub-card">
        <div class="hub-icon-wrap" style="color:var(--sp-danger);"><i class="fas fa-user-shield"></i></div>
        <div class="hub-card-title">Role Permissions</div>
        <div class="hub-card-text">Strictly control what Cashiers and Managers can view or delete.</div>
    </a>
    <a href="{% url 'branch_list' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-code-branch"></i></div>
        <div class="hub-card-title">Branch Management</div>
        <div class="hub-card-text">Overview of your physical store locations.</div>
    </a>
    <a href="{% url 'promo_list' %}" class="hub-card">
        <div class="hub-icon-wrap"><i class="fas fa-ticket"></i></div>
        <div class="hub-card-title">Promo Codes</div>
        <div class="hub-card-text">Generate special checkout discount codes for campaigns.</div>
    </a>
    <a href="{% url 'sales:suspicious_activity' %}" class="hub-card">
        <div class="hub-icon-wrap" style="color:var(--sp-danger);"><i class="fas fa-exclamation-triangle"></i></div>
        <div class="hub-card-title">Suspicious Activity</div>
        <div class="hub-card-text">Review auto-flagged unusual cancellations or irregular metrics.</div>
    </a>
    <a href="{% url 'audit_log' %}" class="hub-card">
        <div class="hub-icon-wrap" style="color:var(--sp-secondary);"><i class="fas fa-clipboard-check"></i></div>
        <div class="hub-card-title">Security Audit Log</div>
        <div class="hub-card-text">Immutable trail of every critical action taken by staff.</div>
    </a>
</div>
{% endblock %}
