@extends('layouts.erp')
@section('title', 'Paramètres')
@section('page_title', 'Paramètres')
@section('page_sub', 'Organisation, comptes et référentiels')
@section('content')
<div class="kpis" style="grid-template-columns:repeat(3,1fr)">
    <a class="card settings-card" href="{{ route('users.index') }}">
        <div class="card-body">
            <div class="label" style="color:var(--muted);font-size:12px;font-weight:700">COMPTES</div>
            <h2 style="margin:8px 0 4px;color:var(--navy);font-size:20px">Utilisateurs</h2>
            <p style="color:var(--muted);margin:0 0 12px">{{ $counts['users'] }} compte{{ $counts['users'] > 1 ? 's' : '' }} · rôles et accès</p>
            <span class="go">Ouvrir →</span>
        </div>
    </a>
    <a class="card settings-card" href="{{ route('settings.permissions') }}">
        <div class="card-body">
            <div class="label" style="color:var(--muted);font-size:12px;font-weight:700">ACCÈS</div>
            <h2 style="margin:8px 0 4px;color:var(--navy);font-size:20px">Droits d'accès</h2>
            <p style="color:var(--muted);margin:0 0 12px">Pages ouvertes à chaque profil</p>
            <span class="go">Ouvrir →</span>
        </div>
    </a>
    <a class="card settings-card" href="{{ route('countries.index') }}">
        <div class="card-body">
            <div class="label" style="color:var(--muted);font-size:12px;font-weight:700">RÉFÉRENTIEL</div>
            <h2 style="margin:8px 0 4px;color:var(--navy);font-size:20px">Pays</h2>
            <p style="color:var(--muted);margin:0 0 12px">{{ $counts['countries'] }} pays</p>
            <span class="go">Ouvrir →</span>
        </div>
    </a>
    <a class="card settings-card" href="{{ route('cities.index') }}">
        <div class="card-body">
            <div class="label" style="color:var(--muted);font-size:12px;font-weight:700">RÉFÉRENTIEL</div>
            <h2 style="margin:8px 0 4px;color:var(--navy);font-size:20px">Villes</h2>
            <p style="color:var(--muted);margin:0 0 12px">{{ $counts['cities'] }} ville{{ $counts['cities'] > 1 ? 's' : '' }}</p>
            <span class="go">Ouvrir →</span>
        </div>
    </a>
    <a class="card settings-card" href="{{ route('boutiques.index') }}">
        <div class="card-body">
            <div class="label" style="color:var(--muted);font-size:12px;font-weight:700">ORGANISATION</div>
            <h2 style="margin:8px 0 4px;color:var(--navy);font-size:20px">Agences</h2>
            <p style="color:var(--muted);margin:0 0 12px">{{ $counts['boutiques'] }} boutique{{ $counts['boutiques'] > 1 ? 's' : '' }} et entrepôt{{ $counts['boutiques'] > 1 ? 's' : '' }}</p>
            <span class="go">Ouvrir →</span>
        </div>
    </a>
    <a class="card settings-card" href="{{ route('categories.index') }}">
        <div class="card-body">
            <div class="label" style="color:var(--muted);font-size:12px;font-weight:700">STOCKS</div>
            <h2 style="margin:8px 0 4px;color:var(--navy);font-size:20px">Catégories</h2>
            <p style="color:var(--muted);margin:0 0 12px">{{ $counts['categories'] }} catégorie{{ $counts['categories'] > 1 ? 's' : '' }} d'articles</p>
            <span class="go">Ouvrir →</span>
        </div>
    </a>
    <a class="card settings-card" href="{{ route('activity-logs.index') }}">
        <div class="card-body">
            <div class="label" style="color:var(--muted);font-size:12px;font-weight:700">TRAÇABILITÉ</div>
            <h2 style="margin:8px 0 4px;color:var(--navy);font-size:20px">Journal des modifications</h2>
            <p style="color:var(--muted);margin:0 0 12px">Utilisateur, date, ancienne et nouvelle valeur</p>
            <span class="go">Ouvrir →</span>
        </div>
    </a>
    <a class="card settings-card" href="{{ route('settings.security') }}">
        <div class="card-body">
            <div class="label" style="color:var(--muted);font-size:12px;font-weight:700">SÉCURITÉ</div>
            <h2 style="margin:8px 0 4px;color:var(--navy);font-size:20px">Connexions et sauvegardes</h2>
            <p style="color:var(--muted);margin:0 0 12px">Journal des connexions et copie quotidienne de la base</p>
            <span class="go">Ouvrir →</span>
        </div>
    </a>
    <a class="card settings-card" href="{{ route('profile.edit') }}">
        <div class="card-body">
            <div class="label" style="color:var(--muted);font-size:12px;font-weight:700">COMPTE</div>
            <h2 style="margin:8px 0 4px;color:var(--navy);font-size:20px">Mon profil</h2>
            <p style="color:var(--muted);margin:0 0 12px">Nom, e-mail et mot de passe</p>
            <span class="go">Ouvrir →</span>
        </div>
    </a>
</div>
@endsection