@extends('layouts.config')

@section('page-title', 'Konfiguracja systemu')

@section('content')
    <div class="mb-3">
        <p class="text-muted mb-1">
            Witamy w panelu konfiguracji systemu ERP.
        </p>
        <ul class="small text-muted mb-0">
            <li><strong>Stanowiska (roles)</strong> – definicja ról/stanowisk i przypisanie użytkowników.</li>
            <li><strong>Uprawnienia stanowisk</strong> – konfiguracja uprawnień przypisanych do ról.</li>
            <li><strong>Uprawnienia użytkowników</strong> – nadpisywanie uprawnień dla konkretnych osób.</li>
        </ul>
    </div>

    <div class="row gy-3">
        <div class="col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <h5 class="card-title">
                        <i class="bi bi-people-gear me-2"></i> Stanowiska
                    </h5>
                    <p class="card-text small text-muted">
                        Zarządzanie rolami / stanowiskami oraz przypisywanie użytkowników.
                    </p>
                    <a href="{{ route('config.roles.index') }}" class="btn btn-sm btn-primary">
                        Przejdź do stanowisk
                    </a>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <h5 class="card-title">
                        <i class="bi bi-shield-lock me-2"></i> Uprawnienia stanowisk
                    </h5>
                    <p class="card-text small text-muted">
                        Wybierz rolę z listy, aby skonfigurować jej uprawnienia.
                    </p>
                    <a href="{{ route('config.roles.index') }}" class="btn btn-sm btn-outline-primary">
                        Wybierz rolę
                    </a>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <h5 class="card-title">
                        <i class="bi bi-person-badge me-2"></i> Uprawnienia użytkowników
                    </h5>
                    <p class="card-text small text-muted">
                        Wybierz użytkownika i skonfiguruj jego role oraz nadpisania.
                    </p>
                    <a href="{{ route('config.permissions.users.index') }}"
                       class="btn btn-sm btn-outline-primary">
                        Wybierz użytkownika
                    </a>
                </div>
            </div>
        </div>
    </div>
@endsection