@extends('layouts.portal')

@section('title', __('appointments.new') . ' — ' . config('app.name'))
@section('page_title', __('appointments.new'))

@section('page_actions')
    <a href="{{ route('portal.appointments.index') }}" class="btn-ghost !px-5 !py-2.5 text-sm no-underline">{{ __('common.back') }}</a>
@endsection

@section('content')
    @if ($timeSlots->isEmpty())
        <div class="card-sc py-16 text-center">
            <p class="text-lg font-semibold text-ink-800">{{ __('appointments.no_time_slots') }}</p>
            <a href="{{ route('portal.time-slots.create') }}" class="btn-brand mt-5 inline-block !px-5 !py-2.5 text-sm no-underline">
                {{ __('appointments.add_time_slot') }}
            </a>
        </div>
    @else
        <form method="POST" action="{{ route('portal.appointments.store') }}" class="card-sc max-w-3xl space-y-5">
            @csrf

            <div>
                <label for="time_slot_id" class="field-label">{{ __('appointments.select_time_slot') }} *</label>
                <p class="mb-2 text-xs text-ink-400">{{ __('appointments.select_time_slot_hint') }}</p>
                <select id="time_slot_id" name="time_slot_id" required class="field-input @error('time_slot_id') is-invalid @enderror">
                    <option value="">—</option>
                    @foreach ($timeSlots as $slot)
                        <option value="{{ $slot->id }}" @selected((int) old('time_slot_id') === $slot->id)>
                            {{ $slot->formatted_date }} · {{ $slot->formatted_start_time }} – {{ $slot->formatted_end_time }}
                        </option>
                    @endforeach
                </select>
                @error('time_slot_id')<p class="field-error">{{ $message }}</p>@enderror
            </div>

            <div class="grid gap-4 md:grid-cols-2">
                <div>
                    <label for="patient_name" class="field-label">{{ __('appointments.patient_name') }} *</label>
                    <input id="patient_name" name="patient_name" type="text" required value="{{ old('patient_name') }}" class="field-input">
                    @error('patient_name')<p class="field-error">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label for="phone" class="field-label">{{ __('appointments.phone') }} *</label>
                    <input id="phone" name="phone" type="tel" dir="ltr" required value="{{ old('phone') }}" class="field-input">
                    @error('phone')<p class="field-error">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label for="gender" class="field-label">{{ __('appointments.gender') }} *</label>
                    <select id="gender" name="gender" required class="field-input">
                        @foreach (['male', 'female'] as $g)
                            <option value="{{ $g }}" @selected(old('gender') === $g)>{{ __('common.' . $g) }}</option>
                        @endforeach
                    </select>
                    @error('gender')<p class="field-error">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label for="date_of_birth" class="field-label">{{ __('appointments.date_of_birth') }} *</label>
                    <input id="date_of_birth" name="date_of_birth" type="date" required value="{{ old('date_of_birth') }}" class="field-input">
                    @error('date_of_birth')<p class="field-error">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label for="weight_kg" class="field-label">{{ __('appointments.weight_kg') }}</label>
                    <input id="weight_kg" name="weight_kg" type="number" step="0.1" value="{{ old('weight_kg') }}" class="field-input">
                    @error('weight_kg')<p class="field-error">{{ $message }}</p>@enderror
                </div>
                <div>
                    <label for="height_cm" class="field-label">{{ __('appointments.height_cm') }}</label>
                    <input id="height_cm" name="height_cm" type="number" step="0.1" value="{{ old('height_cm') }}" class="field-input">
                    @error('height_cm')<p class="field-error">{{ $message }}</p>@enderror
                </div>
            </div>

            <div>
                <label for="address" class="field-label">{{ __('appointments.address') }}</label>
                <input id="address" name="address" type="text" value="{{ old('address') }}" class="field-input">
                @error('address')<p class="field-error">{{ $message }}</p>@enderror
            </div>

            <div>
                <label for="consultation_topic" class="field-label">{{ __('appointments.consultation_topic') }} *</label>
                <input id="consultation_topic" name="consultation_topic" type="text" required value="{{ old('consultation_topic') }}" class="field-input">
                @error('consultation_topic')<p class="field-error">{{ $message }}</p>@enderror
            </div>

            <button type="submit" class="btn-brand w-full">{{ __('appointments.new') }}</button>
        </form>
    @endif
@endsection