@extends('admin.layouts.app')

@section('title', 'Edit Booking Type')
@section('page_title', 'Edit: '.$type->name)

@section('content')
    <form method="POST" action="{{ route('admin.booking.types.update', $type) }}" class="space-y-8">
        @csrf
        @method('PUT')

        <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
            <div class="grid gap-4 md:grid-cols-2">
                <div>
                    <label class="mb-1 block text-sm font-medium">Name</label>
                    <input type="text" name="name" value="{{ old('name', $type->name) }}" class="w-full rounded-lg border px-3 py-2 text-sm" required>
                </div>
                <div>
                    <label class="mb-1 block text-sm font-medium">Duration (minutes)</label>
                    <input type="number" name="duration_minutes" value="{{ old('duration_minutes', $type->duration_minutes) }}" class="w-full rounded-lg border px-3 py-2 text-sm" required>
                </div>
                <div class="md:col-span-2">
                    <label class="mb-1 block text-sm font-medium">Description</label>
                    <textarea name="description" rows="2" class="w-full rounded-lg border px-3 py-2 text-sm">{{ old('description', $type->description) }}</textarea>
                </div>
                <div>
                    <label class="mb-1 block text-sm font-medium">Buffer after (min)</label>
                    <input type="number" name="buffer_after_minutes" value="{{ old('buffer_after_minutes', $type->buffer_after_minutes) }}" class="w-full rounded-lg border px-3 py-2 text-sm">
                </div>
                <div>
                    <label class="mb-1 block text-sm font-medium">Slot interval (min)</label>
                    <input type="number" name="slot_interval_minutes" value="{{ old('slot_interval_minutes', $type->slot_interval_minutes) }}" class="w-full rounded-lg border px-3 py-2 text-sm">
                </div>
            </div>
        </div>

        <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
            <h3 class="font-semibold">Weekly availability (AEST)</h3>
            @php
                $days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
            @endphp
            <div class="mt-4 space-y-3">
                @foreach ($days as $i => $day)
                    @php $avail = $availabilities->get($i); @endphp
                    <div class="flex flex-wrap items-center gap-4 rounded-lg bg-slate-50 p-3">
                        <label class="flex w-28 items-center gap-2 text-sm">
                            <input type="checkbox" name="availability[{{ $i }}][enabled]" value="1" @checked($avail)>
                            {{ $day }}
                        </label>
                        <input type="time" name="availability[{{ $i }}][start]" value="{{ $avail ? substr($avail->start_time, 0, 5) : '09:00' }}" class="rounded border px-2 py-1 text-sm">
                        <span class="text-slate-400">to</span>
                        <input type="time" name="availability[{{ $i }}][end]" value="{{ $avail ? substr($avail->end_time, 0, 5) : '17:00' }}" class="rounded border px-2 py-1 text-sm">
                    </div>
                @endforeach
            </div>
        </div>

        <button type="submit" class="rounded-lg bg-slate-900 px-4 py-2 text-sm text-white">Save</button>
    </form>
@endsection