@extends('layouts.app')
@section('title', 'Weekly Rota')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
    <h4 class="mb-0">Weekly Rota — {{ $weekStart->format('d M Y') }} to {{ $weekStart->copy()->endOfWeek()->format('d M Y') }}</h4>
    <div class="d-flex gap-2">
        <a href="{{ route('admin.shift-schedule.index', ['week' => $weekStart->copy()->subWeek()->toDateString()]) }}" class="btn btn-outline-dark btn-sm">← Prev Week</a>
        <a href="{{ route('admin.shift-schedule.index', ['week' => $weekStart->copy()->addWeek()->toDateString()]) }}" class="btn btn-outline-dark btn-sm">Next Week →</a>
        <a href="{{ route('admin.shift-templates.index') }}" class="btn btn-outline-dark btn-sm">Shift Templates</a>
        @if ($hasDraft)
        <form method="POST" action="{{ route('admin.shift-schedule.publish') }}">
            @csrf
            <input type="hidden" name="week_start" value="{{ $weekStart->toDateString() }}">
            <button class="btn btn-success btn-sm">Publish This Week</button>
        </form>
        @endif
    </div>
</div>

@if ($hasDraft)
<div class="alert alert-warning small">This week has unpublished draft shifts — staff won't see them until you hit Publish.</div>
@endif

<div class="table-responsive">
<table class="table bg-white align-middle">
    <thead>
        <tr>
            <th>Staff</th>
            @foreach ($days as $day)
            <th class="text-center">{{ $day->format('D d M') }}</th>
            @endforeach
        </tr>
    </thead>
    <tbody>
        @foreach ($staff as $person)
        <tr>
            <td>{{ $person->name }}</td>
            @foreach ($days as $day)
            @php
                $key = $person->id . '-' . $day->toDateString();
                $existing = $schedules->get($key)?->first();
            @endphp
            <td style="min-width:140px;">
                <form method="POST" action="{{ route('admin.shift-schedule.assign') }}">
                    @csrf
                    <input type="hidden" name="user_id" value="{{ $person->id }}">
                    <input type="hidden" name="schedule_date" value="{{ $day->toDateString() }}">
                    <select name="shift_template_id" class="form-select form-select-sm" onchange="this.form.submit()"
                        style="{{ $existing ? 'background-color:'.$existing->shiftTemplate->color.'22;' : '' }}">
                        <option value="">— off —</option>
                        @foreach ($shiftTemplates as $t)
                        <option value="{{ $t->id }}" {{ $existing?->shift_template_id == $t->id ? 'selected' : '' }}>{{ $t->name }}</option>
                        @endforeach
                    </select>
                    @if ($existing && ! $existing->is_published)
                    <span class="badge bg-secondary mt-1">Draft</span>
                    @endif
                </form>
            </td>
            @endforeach
        </tr>
        @endforeach
    </tbody>
</table>
</div>
@endsection