@extends('layouts.admin')
@section('title', 'Jadwal')
@section('subtitle', 'Semua jadwal / to-do di sistem')

@section('content')
    <div class="bg-white rounded-xl border border-line overflow-hidden">
        <table class="w-full text-sm">
            <thead>
                <tr class="text-left text-xs font-semibold text-muted uppercase tracking-wide border-b border-line">
                    <th class="px-6 py-3.5">Kegiatan</th>
                    <th class="px-6 py-3.5">Jadwal</th>
                    <th class="px-6 py-3.5">Pemilik</th>
                    <th class="px-6 py-3.5">Peserta</th>
                    <th class="px-6 py-3.5">Status</th>
                    <th class="px-6 py-3.5 text-right">Aksi</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-line">
                @forelse ($schedules as $s)
                    <tr class="hover:bg-slate-50">
                        <td class="px-6 py-4">
                            <a href="{{ route('admin.schedules.show', $s) }}" class="font-medium hover:text-accent">{{ $s->title }}</a>
                            <div class="text-xs text-muted mt-0.5">
                                {{ $s->is_recurring ? 'Berulang · '.ucfirst($s->recurrence_type) : 'Sekali jalan' }}
                                @if ($s->alarmSound) · {{ $s->alarmSound->name }} @endif
                            </div>
                        </td>
                        <td class="px-6 py-4 text-muted">{{ $s->summary }}</td>
                        <td class="px-6 py-4">{{ $s->owner?->name }}</td>
                        <td class="px-6 py-4">{{ $s->participants->count() }}</td>
                        <td class="px-6 py-4">
                            @if ($s->is_active)
                                <span class="inline-flex px-2.5 py-1 rounded-md bg-emerald-50 text-emerald-700 text-xs font-medium">Aktif</span>
                            @else
                                <span class="inline-flex px-2.5 py-1 rounded-md bg-slate-100 text-slate-500 text-xs font-medium">Nonaktif</span>
                            @endif
                        </td>
                        <td class="px-6 py-4 text-right whitespace-nowrap">
                            <form method="POST" action="{{ route('admin.schedules.toggle', $s) }}" class="inline">
                                @csrf @method('PATCH')
                                <button class="text-accent font-medium hover:underline">{{ $s->is_active ? 'Nonaktifkan' : 'Aktifkan' }}</button>
                            </form>
                            <form method="POST" action="{{ route('admin.schedules.destroy', $s) }}" class="inline ml-3"
                                  onsubmit="return confirm('Hapus jadwal ini?')">
                                @csrf @method('DELETE')
                                <button class="text-red-600 font-medium hover:underline">Hapus</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="px-6 py-10 text-center text-muted">Belum ada jadwal.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection