@extends('layouts.app')
@section('title', 'Home')

@section('content')
@php($first = \Illuminate\Support\Str::of(auth()->user()->name)->before(' '))
<x-page-header :title="'Welcome, '.$first" :subtitle="'Signed in as '.(auth()->user()->role->name ?? 'a user')" />

@if ($links->isEmpty())
    <div class="card"><div class="card-body"><x-empty icon="shield-lock" title="Your role has no access yet" text="An administrator needs to add permissions to your role before you can open anything." /></div></div>
@else
    <div class="row g-3 stagger">
        @foreach ($links as [$label, $route, $perm, $icon, $desc])
            <div class="col-sm-6 col-xl-4">
                <a href="{{ route($route) }}" class="card card-body card-hover text-decoration-none h-100">
                    <div class="d-flex align-items-center gap-3">
                        <span class="icon-chip"><i class="bi bi-{{ $icon }}" aria-hidden="true"></i></span>
                        <div><div class="fw-semibold" style="color: var(--app-heading)">{{ $label }}</div><div class="small text-muted">{{ $desc }}</div></div>
                        <i class="bi bi-arrow-right ms-auto text-muted" aria-hidden="true"></i>
                    </div>
                </a>
            </div>
        @endforeach
    </div>
@endif
@endsection