@extends('layouts.app')
@section('title', 'Dienstplan')
@section('content')
<div class="flex flex-wrap items-end justify-between gap-4">
    <div><p class="eyebrow">Planung</p><h1 class="page-title">Dienstplan</h1><p class="page-subtitle">Dienste, Übungen, Sitzungen und weitere Termine.</p></div>
    <a href="{{ route('events.create') }}" class="button-primary">+ Termin planen</a>
</div>

<div class="mt-7 panel">
    <div class="flex flex-wrap items-center justify-between gap-3 border-b border-slate-200 p-4">
        <div class="flex rounded-lg bg-slate-100 p-1 text-sm font-semibold">
            @foreach(['agenda'=>'Agenda','month'=>'Monat','week'=>'Woche','staffing'=>'Besetzung'] as $key=>$label)
                <a href="{{ route('events.index', ['ansicht'=>$key]) }}" class="rounded-md px-3 py-2 {{ request('ansicht','agenda')===$key ? 'bg-white shadow-sm' : 'text-slate-600' }}">{{ $label }}</a>
            @endforeach
        </div>
        <form class="flex gap-2">
            <input type="hidden" name="ansicht" value="{{ request('ansicht', 'agenda') }}">
            <input class="field w-64" type="search" name="q" value="{{ request('q') }}" placeholder="Titel oder Ort suchen">
            <button class="button-secondary">Suchen</button>
        </form>
    </div>

    @if(request('ansicht', 'agenda') === 'month')
        <div class="overflow-x-auto p-4">
            <div class="grid min-w-[60rem] grid-cols-7 gap-px overflow-hidden rounded-xl border border-slate-200 bg-slate-200">
                @foreach(['Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag','Sonntag'] as $day)<div class="bg-slate-50 px-3 py-2 text-xs font-bold uppercase tracking-wide text-slate-500">{{ $day }}</div>@endforeach
                @php $monthStart = now('Europe/Berlin')->startOfMonth()->startOfWeek(); @endphp
                @foreach(range(0,41) as $offset)
                    @php $day = $monthStart->copy()->addDays($offset); $dayEvents = $events->getCollection()->filter(fn($e) => $e->starts_at->timezone('Europe/Berlin')->isSameDay($day)); @endphp
                    <div class="min-h-32 bg-white p-2 {{ $day->month !== now('Europe/Berlin')->month ? 'text-slate-400' : '' }}">
                        <span class="text-sm font-bold">{{ $day->format('d') }}</span>
                        @foreach($dayEvents as $event)<a href="{{ route('events.show',$event) }}" class="mt-2 block truncate rounded bg-cyan-100 px-2 py-1 text-xs font-semibold text-cyan-950">{{ $event->starts_at->timezone('Europe/Berlin')->format('H:i') }} {{ $event->title }}</a>@endforeach
                    </div>
                @endforeach
            </div>
        </div>
    @elseif(request('ansicht') === 'week' || request('ansicht') === 'staffing')
        <div class="overflow-x-auto">
            <table class="data-table min-w-[64rem]"><thead><tr><th>Datum</th><th>Termin</th><th>Organisation</th><th>Zugesagt</th><th>Offen / angeboten</th><th>Status</th></tr></thead>
                <tbody>@forelse($events as $event)<tr><td>{{ $event->starts_at->timezone('Europe/Berlin')->format('D, d.m. H:i') }}</td><td><a class="font-bold text-cyan-800" href="{{ route('events.show',$event) }}">{{ $event->title }}</a></td><td>{{ $event->organization->name }}</td><td>{{ $event->assignments->where('state','accepted')->count() }}</td><td>{{ $event->assignments->whereIn('state',['requested','offered'])->count() }}</td><td><span class="badge">{{ $event->status }}</span></td></tr>@empty<tr><td colspan="6" class="empty-state">Keine Termine gefunden.</td></tr>@endforelse</tbody>
            </table>
        </div>
    @else
        <div class="divide-y divide-slate-200">
            @forelse($events as $event)
                <a href="{{ route('events.show',$event) }}" class="event-row group">
                    <div class="date-tile"><strong>{{ $event->starts_at->timezone('Europe/Berlin')->format('d') }}</strong><span>{{ $event->starts_at->timezone('Europe/Berlin')->translatedFormat('M') }}</span></div>
                    <div class="min-w-0 flex-1"><div class="flex flex-wrap items-center gap-2"><h2 class="font-bold group-hover:text-cyan-800">{{ $event->title }}</h2><span class="badge">{{ match($event->type){'watch_duty'=>'Wachdienst','exercise'=>'Übung','meeting'=>'Sitzung',default=>'Sonstiges'} }}</span>@if($event->watchLog)<span class="badge badge-green">Wachbuch</span>@endif</div><p class="mt-1 text-sm text-slate-600">{{ $event->starts_at->timezone('Europe/Berlin')->translatedFormat('D, H:i') }}–{{ $event->ends_at->timezone('Europe/Berlin')->format('H:i') }} · {{ $event->location ?: 'Kein Ort' }}</p><p class="mt-1 text-xs text-slate-500">{{ $event->organization->name }}</p></div>
                    <div class="hidden sm:block"><strong>{{ $event->assignments->where('state','accepted')->count() }}</strong> <span class="text-sm text-slate-500">zugesagt</span></div>
                </a>
            @empty<div class="empty-state">Keine Termine gefunden.</div>@endforelse
        </div>
    @endif
    <div class="border-t border-slate-200 p-4">{{ $events->links() }}</div>
</div>
@endsection