@extends('layouts.admin')
@section('title', 'Dashboard')
@section('subtitle', 'Ringkasan data ScheduleGo')

@section('content')
    @php
        $cards = [
            ['User', $stats['users']],
            ['Total Jadwal', $stats['schedules']],
            ['Jadwal Aktif', $stats['active']],
            ['Berulang', $stats['recurring']],
            ['Nada Alarm', $stats['sounds']],
        ];
    @endphp
    <div class="grid grid-cols-2 md:grid-cols-5 gap-4 mb-8">
        @foreach ($cards as [$label, $value])
            <div class="bg-white rounded-xl border border-line p-5">
                <div class="text-sm text-muted">{{ $label }}</div>
                <div class="text-3xl font-semibold mt-2">{{ $value }}</div>
            </div>
        @endforeach
    </div>

    <div class="bg-white rounded-xl border border-line">
        <div class="px-6 py-4 border-b border-line">
            <h2 class="font-semibold">Alarm Berikutnya</h2>
        </div>
        <div class="divide-y divide-line">
            @forelse ($upcoming as $s)
                <div class="flex items-center justify-between px-6 py-4">
                    <div>
                        <div class="font-medium text-sm">{{ $s->title }}</div>
                        <div class="text-sm text-muted mt-0.5">{{ $s->summary }} — {{ $s->owner?->name }}</div>
                    </div>
                    <div class="text-right">
                        <div class="text-sm font-medium">{{ $s->next_trigger_at?->format('d M Y, H:i') }}</div>
                        <div class="text-xs text-muted mt-0.5">{{ $s->participants->count() }} peserta</div>
                    </div>
                </div>
            @empty
                <div class="px-6 py-8 text-sm text-muted text-center">Belum ada alarm terjadwal.</div>
            @endforelse
        </div>
    </div>
@endsection