@extends('layouts.app')

@section('title', 'Reports')
@section('header', 'Reports')
@section('subheader', 'Attendance, leave, and workforce reporting')

@section('content')
    <div class="row g-3">
        @foreach ($reports as $key => $meta)
            <div class="col-12 col-md-6 col-xl-4">
                <a href="{{ route('reports.show', $key) }}" class="text-decoration-none">
                    <div class="card stat-card h-100">
                        <div class="card-body d-flex align-items-start">
                            <div class="rounded-circle bg-primary bg-opacity-10 p-3 me-3">
                                <i class="bi {{ $meta['icon'] }} fs-4 text-primary"></i>
                            </div>
                            <div>
                                <div class="h6 mb-1 text-body">{{ $meta['title'] }}</div>
                                <p class="text-muted small mb-0">{{ $meta['description'] }}</p>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        @endforeach
    </div>
@endsection