@php
    $editing = $session !== null;
    $patient = $patient ?? $session?->patient;

    $interpreterOptions = $interpreters
        ->mapWithKeys(function ($interpreter) {
            $languages = implode(', ', array_slice($interpreter->language_labels, 0, 4));

            return [$interpreter->id => $languages === '' ? $interpreter->name : "{$interpreter->name} — {$languages}"];
        })
        ->all();

    $admissionOptions = ($admissions ?? collect())
        ->mapWithKeys(function ($admission) {
            $parts = array_filter([
                "Admission {$admission->admission_no}",
                $admission->ward?->name,
                $admission->bed ? "Bed {$admission->bed->bed_number}" : null,
            ]);

            return [$admission->id => implode(' — ', $parts)];
        })
        ->all();

    $appointmentOptions = ($appointments ?? collect())
        ->mapWithKeys(function ($appointment) {
            $parts = array_filter([
                $appointment->appointment_no,
                $appointment->appointment_date?->format('d M Y'),
                $appointment->slot_time,
            ]);

            return [$appointment->id => implode(' — ', $parts)];
        })
        ->all();

    $languageDefault = $session?->language ?? ($patient?->preferred_language ?: null);
    $action = $editing
        ? route('communication.interpreting.update', $session)
        : route('communication.interpreting.store');
@endphp

<form method="POST" action="{{ $action }}"
      x-data="{ mode: '{{ old('mode', $session?->mode ?? 'vri') }}' }">
    @csrf
    @if ($editing)
        @method('PUT')
    @endif

    <x-card title="{{ $editing ? 'Session details' : 'Interpretation needed' }}" icon="video">
        <div class="grid gap-4 sm:grid-cols-2">
            <x-form.select name="language" label="Language the patient needs" required
                           :options="\App\Support\Lookup::options('interpreter_language')"
                           :value="$languageDefault"
                           placeholder="Select the language…" />

            <x-form.select name="mode" label="Mode" required x-model="mode"
                           :options="\App\Support\Lookup::options('interpreter_mode')"
                           :value="$session?->mode ?? 'vri'"
                           hint="VRI carries visual cues — sign language, face and gesture — over secure video. OPI is for short phone calls without visual needs." />

            <div x-show="mode === 'vri'" x-cloak>
                <x-form.select name="device" label="Device at the patient's end"
                               :options="\App\Support\Lookup::options('interpreter_device')"
                               :value="$session?->device ?? 'tablet'"
                               placeholder="Which device dials in?" />
            </div>

            <div x-show="mode === 'opi'" x-cloak class="flex items-end">
                <p class="rounded-lg bg-slate-50 px-3 py-2 text-xs leading-relaxed text-slate-500">
                    <x-icon name="info" size="xs" class="mr-1 inline" />
                    Over the phone: the patient's room needs a speakerphone and the access code — no camera or
                    dedicated device.
                </p>
            </div>

            <x-form.select name="priority" label="Priority" required
                           :options="\App\Support\Lookup::options('interpreter_priority')"
                           :value="$session?->priority ?? 'routine'" :placeholder="false" />

            <x-form.input type="datetime-local" name="scheduled_at" label="Scheduled at"
                          :value="$session?->scheduled_at?->format('Y-m-d\TH:i')"
                          hint="Book a time now, or leave open and route the interpreter later." />

            @unless ($editing)
                <x-form.select name="admission_id" label="Link to an admission"
                               :options="$admissionOptions"
                               placeholder="Not linked to an admission" />

                <x-form.select name="appointment_id" label="Link to an appointment"
                               :options="$appointmentOptions"
                               placeholder="Not linked to an appointment" />
            @endunless
        </div>

        <div class="mt-4">
            <x-form.select name="interpreter_id" label="Interpreter"
                           :options="$interpreterOptions"
                           :value="$session?->interpreter_id"
                           placeholder="Unassigned — route later"
                           hint="Only interpreters in the directory who provide the chosen language can take the call; the match is checked when the session is saved." />
        </div>
    </x-card>

    <x-card title="Join details" icon="key" class="mt-6">
        <x-slot:header>
            <span class="text-sm text-slate-500">Kept on the session so the ward can read them off at the bedside.</span>
        </x-slot:header>

        <div class="grid gap-4 sm:grid-cols-3">
            <x-form.input name="platform" label="Platform"
                          :value="$session?->platform"
                          placeholder="e.g. Zoom, Teams, hospital VRI platform" />

            <x-form.input name="join_url" label="Join link" type="url"
                          :value="$session?->join_url"
                          placeholder="https://…" />

            <x-form.input name="access_code" label="Access code"
                          :value="$session?->access_code"
                          placeholder="e.g. 482-119" />
        </div>
    </x-card>

    <x-card title="Context" icon="document-text" class="mt-6">
        <div class="space-y-4">
            <x-form.textarea name="reason" label="Why interpreting is needed" rows="2"
                             :value="$session?->reason"
                             placeholder="e.g. Consent discussion for surgery — patient communicates in Kenyan Sign Language." />

            <x-form.textarea name="prep_notes" label="Prep notes for the interpreter" rows="2"
                             :value="$session?->prep_notes"
                             placeholder="Anything the interpreter should know before joining — context, sensitive findings, who will be in the room." />
        </div>
    </x-card>

    <div class="mt-6 flex items-center justify-end gap-3">
        <a href="{{ $editing ? route('communication.interpreting.show', $session) : route('communication.interpreting.index') }}"
           class="hms-btn-ghost">Cancel</a>
        <button type="submit" class="hms-btn-primary">
            <x-icon name="check" size="sm" />
            {{ $editing ? 'Save changes' : 'Request session' }}
        </button>
    </div>
</form>