@extends('layouts.app')

@section('title', 'Core - Dashboard')

@section('breadcrumbs')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active" aria-current="page">Core</li>
    </ol>
</nav>
@endsection

@section('content')
<div class="row g-4">
    <div class="col-xl-3 col-md-6">
        <a href="{{ route('core.users.index') }}" class="text-decoration-none">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body text-center py-4">
                    <div class="bg-primary-subtle p-3 rounded-3 d-inline-block mb-3">
                        <i class="bi bi-people text-primary fs-1"></i>
                    </div>
                    <h5 class="fw-semibold text-dark">Users</h5>
                    <p class="text-muted mb-0">Manage system users</p>
                </div>
            </div>
        </a>
    </div>
    <div class="col-xl-3 col-md-6">
        <a href="{{ route('core.roles.index') }}" class="text-decoration-none">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body text-center py-4">
                    <div class="bg-success-subtle p-3 rounded-3 d-inline-block mb-3">
                        <i class="bi bi-shield-lock text-success fs-1"></i>
                    </div>
                    <h5 class="fw-semibold text-dark">Roles & Permissions</h5>
                    <p class="text-muted mb-0">Access control management</p>
                </div>
            </div>
        </a>
    </div>
    <div class="col-xl-3 col-md-6">
        <a href="{{ route('core.menus.index') }}" class="text-decoration-none">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body text-center py-4">
                    <div class="bg-warning-subtle p-3 rounded-3 d-inline-block mb-3">
                        <i class="bi bi-menu-button-wide text-warning fs-1"></i>
                    </div>
                    <h5 class="fw-semibold text-dark">Menus</h5>
                    <p class="text-muted mb-0">Configure navigation menus</p>
                </div>
            </div>
        </a>
    </div>
    <div class="col-xl-3 col-md-6">
        <a href="{{ route('core.settings.index') }}" class="text-decoration-none">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body text-center py-4">
                    <div class="bg-info-subtle p-3 rounded-3 d-inline-block mb-3">
                        <i class="bi bi-gear text-info fs-1"></i>
                    </div>
                    <h5 class="fw-semibold text-dark">Settings</h5>
                    <p class="text-muted mb-0">System configuration</p>
                </div>
            </div>
        </a>
    </div>
</div>
@endsection