@extends('layouts.app')
@section('title', $event->title)
@section('content')
<a class="text-link" href="{{ route('events.index') }}">← Dienstplan</a>
<div class="mt-3 flex flex-wrap items-start justify-between gap-5">
    <div><div class="flex flex-wrap items-center gap-2"><span class="badge">{{ match($event->type){'watch_duty'=>'Wachdienst','exercise'=>'Übung','meeting'=>'Sitzung',default=>'Sonstiges'} }}</span><span class="badge">{{ $event->status }}</span></div><h1 class="page-title mt-2">{{ $event->title }}</h1><p class="page-subtitle">{{ $event->organization->name }}</p></div>
    @if($event->type === 'watch_duty')
        @if($event->watchLog)<a class="button-primary" href="{{ route('watch-logs.show',$event->watchLog) }}">Wachbuch öffnen</a>
        @else<form method="post" action="{{ route('events.start-watch',$event) }}">@csrf<button class="button-primary">Wachbuch starten</button></form>@endif
    @endif
</div>
<div class="mt-7 grid gap-6 xl:grid-cols-[minmax(0,1fr)_26rem]">
    <div class="space-y-6">
        <section class="panel p-6"><h2 class="section-title">Termindaten</h2><dl class="mt-5 grid gap-5 sm:grid-cols-2"><div><dt class="detail-label">Beginn</dt><dd class="detail-value">{{ $event->starts_at->timezone('Europe/Berlin')->translatedFormat('l, d. F Y · H:i') }} Uhr</dd></div><div><dt class="detail-label">Ende</dt><dd class="detail-value">{{ $event->ends_at->timezone('Europe/Berlin')->translatedFormat('l, d. F Y · H:i') }} Uhr</dd></div><div><dt class="detail-label">Ort</dt><dd class="detail-value">{{ $event->location ?: 'Nicht angegeben' }}</dd></div><div><dt class="detail-label">Kalender-Sequenz</dt><dd class="detail-value">{{ $event->sequence }}</dd></div></dl>@if($event->description)<p class="mt-6 whitespace-pre-line border-t border-slate-200 pt-5 text-sm leading-6 text-slate-700">{{ $event->description }}</p>@endif</section>
        <section class="panel"><div class="panel-header"><div><p class="eyebrow">Personal</p><h2 class="section-title">Besetzung</h2></div><span class="text-sm text-slate-500">{{ $event->assignments->count() }} Einträge</span></div>
            <div class="overflow-x-auto"><table class="data-table"><thead><tr><th>Name</th><th>Rolle</th><th>Status</th><th>Organisation</th></tr></thead><tbody>@forelse($event->assignments as $assignment)<tr><td class="font-semibold">{{ $assignment->user->name }}</td><td>{{ $assignment->role_label ?: '–' }}</td><td><span class="badge">{{ match($assignment->state){'requested'=>'Angefragt','offered'=>'Angeboten','accepted'=>'Zugesagt','declined'=>'Abgelehnt',default=>'Storniert'} }}</span></td><td>{{ $assignment->organization_id === $event->organization_id ? $event->organization->name : 'Partnerorganisation' }}</td></tr>@empty<tr><td colspan="4" class="empty-state">Noch niemand eingeteilt.</td></tr>@endforelse</tbody></table></div>
        </section>
    </div>
    <aside class="panel h-fit p-5"><h2 class="section-title">Person einteilen</h2><form method="post" action="{{ route('events.assign',$event) }}" class="mt-5 space-y-4">@csrf<label class="field-label">Mitglied<select class="field mt-1" name="user_id">@foreach($members as $member)<option value="{{ $member->id }}">{{ $member->name }}</option>@endforeach</select></label><label class="field-label">Rolle<input class="field mt-1" name="role_label" placeholder="z. B. Wachleiter"></label><label class="field-label">Status<select class="field mt-1" name="state"><option value="offered">Angeboten</option><option value="accepted">Zugesagt</option><option value="requested">Angefragt</option><option value="declined">Abgelehnt</option><option value="cancelled">Storniert</option></select></label><button class="button-primary w-full">Besetzung speichern</button></form><p class="mt-4 text-xs leading-5 text-slate-500">Rollenabdeckung ist informativ. Qualifikationen werden in Version 1 nicht geprüft.</p></aside>
</div>
@endsection