@php
    $cover = $patient->insurances->sortByDesc('is_primary');
    $canManage = auth()->user()->can('patient-insurances.manage');
    $relationships = ['self' => 'Self', 'spouse' => 'Spouse', 'child' => 'Child', 'parent' => 'Parent', 'other' => 'Other'];
@endphp

<div class="space-y-4">
    @if ($cover->isEmpty())
        <x-card flush>
            <x-empty-state icon="credit-card"
                           title="No cover on file"
                           message="A patient paying out of pocket needs no cover record. Add one when a payer card is presented at the counter.">
                @if ($canManage)
                    <x-slot:actions>
                        <button type="button" class="hms-btn hms-btn-primary hms-btn-sm"
                                x-on:click="$dispatch('open-modal', 'insurance-add')">
                            <x-icon name="plus" size="sm" /> Add cover
                        </button>
                    </x-slot:actions>
                @endif
            </x-empty-state>
        </x-card>
    @else
        <div class="flex flex-wrap items-center justify-between gap-2">
            <p class="text-sm text-slate-500">
                {{ $cover->count() }} cover {{ Str::plural('record', $cover->count()) }} on file.
            </p>

            @if ($canManage)
                <button type="button" class="hms-btn hms-btn-primary hms-btn-sm"
                        x-on:click="$dispatch('open-modal', 'insurance-add')">
                    <x-icon name="plus" size="sm" /> Add cover
                </button>
            @endif
        </div>

        <div class="grid gap-4 lg:grid-cols-2">
            @foreach ($cover as $insurance)
                <x-card>
                    <x-slot:header>
                        <div class="flex items-start justify-between gap-3">
                            <div>
                                <h3 class="text-sm font-semibold text-slate-800">{{ $insurance->payer?->name }}</h3>
                                <p class="text-xs text-slate-500">{{ $insurance->scheme?->name ?? 'No scheme specified' }}</p>
                            </div>
                            <div class="flex flex-wrap items-center justify-end gap-1.5">
                                @if ($insurance->is_primary)
                                    <x-status-badge label="Primary" color="blue" size="sm" />
                                @endif
                                <x-status-badge :label="$insurance->verification_status_label"
                                                :color="$insurance->verification_status_color" size="sm" />
                            </div>
                        </div>
                    </x-slot:header>

                    <dl class="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
                        <div>
                            <dt class="text-xs uppercase tracking-wide text-slate-400">Member no.</dt>
                            <dd class="font-mono text-slate-800">{{ $insurance->member_number }}</dd>
                        </div>
                        <div>
                            <dt class="text-xs uppercase tracking-wide text-slate-400">Card no.</dt>
                            <dd class="font-mono text-slate-800">{{ $insurance->card_number ?: '—' }}</dd>
                        </div>
                        <div>
                            <dt class="text-xs uppercase tracking-wide text-slate-400">Relationship</dt>
                            <dd class="text-slate-800">{{ $relationships[$insurance->relationship] ?? $insurance->relationship }}</dd>
                        </div>
                        <div>
                            <dt class="text-xs uppercase tracking-wide text-slate-400">Principal</dt>
                            <dd class="text-slate-800">
                                {{ $insurance->principal_name ?: '—' }}
                                @if ($insurance->principal_member_number)
                                    <span class="font-mono text-xs text-slate-500">{{ $insurance->principal_member_number }}</span>
                                @endif
                            </dd>
                        </div>
                        <div>
                            <dt class="text-xs uppercase tracking-wide text-slate-400">Valid</dt>
                            <dd class="text-slate-800">
                                {{ $insurance->valid_from?->toDateString() ?? '—' }}
                                <span class="text-slate-400">to</span>
                                {{ $insurance->valid_to?->toDateString() ?? 'open' }}
                                @unless ($insurance->is_valid)
                                    <span class="ml-1 text-xs font-medium text-red-600">not active</span>
                                @endunless
                            </dd>
                        </div>
                        <div>
                            <dt class="text-xs uppercase tracking-wide text-slate-400">Coverage</dt>
                            <dd class="text-slate-800">
                                @if ((float) $insurance->coverage_limit > 0)
                                    {{ number_format((float) $insurance->coverage_limit, 2) }}
                                    <span class="block text-xs text-slate-500">
                                        used {{ number_format((float) $insurance->amount_used, 2) }}
                                        · left {{ number_format($insurance->remaining_coverage, 2) }}
                                    </span>
                                @else
                                    No limit recorded
                                @endif
                            </dd>
                        </div>
                    </dl>

                    @if ($insurance->notes)
                        <p class="mt-3 rounded-lg bg-slate-50 px-3 py-2 text-xs text-slate-600">{{ $insurance->notes }}</p>
                    @endif

                    @if ($insurance->verified_at)
                        <p class="mt-3 text-xs text-slate-500">
                            Eligibility checked {{ $insurance->verified_at->format('d M Y H:i') }}
                            @if ($insurance->verifiedBy) by {{ $insurance->verifiedBy->name }} @endif
                        </p>
                    @endif

                    @if ($canManage)
                        <x-slot:footer>
                            <div class="flex flex-wrap items-center gap-2">
                                <button type="button" class="hms-btn hms-btn-secondary hms-btn-sm"
                                        x-on:click="$dispatch('open-modal', 'insurance-verify-{{ $insurance->id }}')">
                                    <x-icon name="shield-check" size="sm" /> Verification
                                </button>

                                <button type="button" class="hms-btn hms-btn-ghost hms-btn-sm"
                                        x-on:click="$dispatch('open-modal', 'insurance-edit-{{ $insurance->id }}')">
                                    <x-icon name="edit" size="sm" /> Edit
                                </button>

                                <form method="POST" action="{{ route('patients.insurances.destroy', [$patient, $insurance]) }}"
                                      onsubmit="return confirm('Remove the {{ $insurance->payer?->name }} cover from this record?')">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="hms-btn hms-btn-ghost hms-btn-sm text-red-600 hover:bg-red-50">
                                        <x-icon name="trash" size="sm" /> Remove
                                    </button>
                                </form>
                            </div>
                        </x-slot:footer>
                    @endif
                </x-card>
            @endforeach
        </div>
    @endif

    {{-- ------------------------------------------------------------ add cover --}}
    @if ($canManage)
        <x-modal name="insurance-add" maxWidth="2xl">
            <form method="POST" action="{{ route('patients.insurances.store', $patient) }}"
                  x-data="{ schemes: @js($schemeOptions), payer: '{{ old('payer_id') }}' }">
                @csrf

                <div class="space-y-4 p-6">
                    <h2 class="text-base font-semibold text-slate-800">Add insurance cover</h2>

                    <div class="grid gap-4 sm:grid-cols-2">
                        <div>
                            <label for="add-payer" class="hms-label">Payer <span class="text-red-500">*</span></label>
                            <select id="add-payer" name="payer_id" x-model="payer" required class="hms-input pr-10">
                                <option value="">Select…</option>
                                @foreach ($payerOptions as $id => $name)
                                    <option value="{{ $id }}">{{ $name }}</option>
                                @endforeach
                            </select>
                            @error('payer_id')<p class="hms-error">{{ $message }}</p>@enderror
                        </div>

                        <div>
                            <label for="add-scheme" class="hms-label">Scheme</label>
                            <select id="add-scheme" name="scheme_id" class="hms-input pr-10">
                                <option value="">Select…</option>
                                <template x-for="scheme in (schemes[payer] ?? [])" :key="scheme.id">
                                    <option :value="scheme.id" x-text="scheme.name"
                                            :selected="scheme.id == {{ (int) old('scheme_id') }}"></option>
                                </template>
                            </select>
                            <p class="hms-hint" x-show="payer && ! (schemes[payer] ?? []).length" x-cloak>
                                This payer has no active schemes on file.
                            </p>
                            @error('scheme_id')<p class="hms-error">{{ $message }}</p>@enderror
                        </div>

                        <x-form.input name="member_number" label="Member number" required :value="old('member_number')" />
                        <x-form.input name="card_number" label="Card number" :value="old('card_number')" />

                        <x-form.input name="principal_name" label="Principal member name" :value="old('principal_name')"
                                      hint="Leave blank when the patient is the principal." />
                        <x-form.input name="principal_member_number" label="Principal member number" :value="old('principal_member_number')" />

                        <x-form.select name="relationship" label="Patient's relationship to principal" required
                                       :options="$relationships" :value="old('relationship', 'self')" />

                        <x-form.input name="coverage_limit" label="Coverage limit" type="number" step="0.01" min="0"
                                      prefix="KShs" :value="old('coverage_limit')" hint="Leave blank when the scheme has no annual cap." />

                        <x-form.input name="valid_from" label="Valid from" type="date" :value="old('valid_from')" />
                        <x-form.input name="valid_to" label="Valid to" type="date" :value="old('valid_to')" />

                        <div class="sm:col-span-2">
                            <x-form.textarea name="notes" label="Notes" rows="2" :value="old('notes')" />
                        </div>

                        <div class="sm:col-span-2">
                            <x-form.checkbox name="is_primary" value="1" label="Use as the primary cover"
                                             hint="Only one cover counts as primary; setting this clears the flag on the others."
                                             :checked="old('is_primary', $cover->isEmpty())" />
                        </div>
                    </div>
                </div>

                <div class="flex items-center justify-end gap-2 border-t border-slate-200 bg-slate-50 px-6 py-4">
                    <button type="button" class="hms-btn hms-btn-secondary" x-on:click="$dispatch('close-modal', 'insurance-add')">Cancel</button>
                    <button type="submit" class="hms-btn hms-btn-primary">Save cover</button>
                </div>
            </form>
        </x-modal>

        @foreach ($cover as $insurance)
            {{-- -------------------------------------------------------- verify --}}
            <x-modal name="insurance-verify-{{ $insurance->id }}" maxWidth="lg">
                <form method="POST" action="{{ route('patients.insurances.verify', [$patient, $insurance]) }}">
                    @csrf
                    @method('PATCH')

                    <div class="space-y-4 p-6">
                        <h2 class="text-base font-semibold text-slate-800">
                            Eligibility check — {{ $insurance->payer?->name }}
                        </h2>
                        <p class="text-sm text-slate-500">
                            Record what the payer confirmed for member
                            <span class="font-mono text-slate-700">{{ $insurance->member_number }}</span>.
                            Only verified cover counts towards a claim.
                        </p>

                        <x-form.select name="verification_status" label="Outcome" required
                                       :options="\App\Support\Lookup::options('verification_status')"
                                       :value="$insurance->verification_status" />

                        <x-form.textarea name="notes" label="What the payer said" rows="3"
                                         :value="$insurance->notes"
                                         hint="Reference number, benefits excluded, or who you spoke to." />
                    </div>

                    <div class="flex items-center justify-end gap-2 border-t border-slate-200 bg-slate-50 px-6 py-4">
                        <button type="button" class="hms-btn hms-btn-secondary" x-on:click="$dispatch('close-modal', 'insurance-verify-{{ $insurance->id }}')">Cancel</button>
                        <button type="submit" class="hms-btn hms-btn-primary">Record outcome</button>
                    </div>
                </form>
            </x-modal>

            {{-- ---------------------------------------------------------- edit --}}
            <x-modal name="insurance-edit-{{ $insurance->id }}" maxWidth="2xl">
                <form method="POST" action="{{ route('patients.insurances.update', [$patient, $insurance]) }}"
                      x-data="{ schemes: @js($schemeOptions), payer: '{{ $insurance->payer_id }}' }">
                    @csrf
                    @method('PUT')

                    <div class="space-y-4 p-6">
                        <h2 class="text-base font-semibold text-slate-800">Edit insurance cover</h2>
                        <p class="text-sm text-slate-500">
                            Changing the payer, scheme or member number resets this cover to
                            <span class="font-medium text-amber-700">pending</span> and drops the previous eligibility outcome.
                        </p>

                        <div class="grid gap-4 sm:grid-cols-2">
                            <div>
                                <label for="edit-payer-{{ $insurance->id }}" class="hms-label">Payer <span class="text-red-500">*</span></label>
                                <select id="edit-payer-{{ $insurance->id }}" name="payer_id" x-model="payer" required class="hms-input pr-10">
                                    <option value="">Select…</option>
                                    @foreach ($payerOptions as $id => $name)
                                        <option value="{{ $id }}">{{ $name }}</option>
                                    @endforeach
                                </select>
                                @error('payer_id')<p class="hms-error">{{ $message }}</p>@enderror
                            </div>

                            <div>
                                <label for="edit-scheme-{{ $insurance->id }}" class="hms-label">Scheme</label>
                                <select id="edit-scheme-{{ $insurance->id }}" name="scheme_id" class="hms-input pr-10">
                                    <option value="">Select…</option>
                                    <template x-for="scheme in (schemes[payer] ?? [])" :key="scheme.id">
                                        <option :value="scheme.id" x-text="scheme.name"
                                                :selected="scheme.id == {{ (int) $insurance->scheme_id }}"></option>
                                    </template>
                                </select>
                            </div>

                            <x-form.input name="member_number" label="Member number" required :value="$insurance->member_number"
                                          :id="'edit-member-'.$insurance->id" />
                            <x-form.input name="card_number" label="Card number" :value="$insurance->card_number"
                                          :id="'edit-card-'.$insurance->id" />

                            <x-form.input name="principal_name" label="Principal member name" :value="$insurance->principal_name"
                                          :id="'edit-principal-'.$insurance->id" />
                            <x-form.input name="principal_member_number" label="Principal member number" :value="$insurance->principal_member_number"
                                          :id="'edit-principal-member-'.$insurance->id" />

                            <x-form.select name="relationship" label="Patient's relationship to principal" required
                                           :options="$relationships" :value="$insurance->relationship"
                                           :id="'edit-relationship-'.$insurance->id" />

                            <x-form.input name="coverage_limit" label="Coverage limit" type="number" step="0.01" min="0"
                                          prefix="KShs" :value="$insurance->coverage_limit"
                                          :id="'edit-limit-'.$insurance->id" />

                            <x-form.input name="valid_from" label="Valid from" type="date" :value="$insurance->valid_from?->toDateString()"
                                          :id="'edit-from-'.$insurance->id" />
                            <x-form.input name="valid_to" label="Valid to" type="date" :value="$insurance->valid_to?->toDateString()"
                                          :id="'edit-to-'.$insurance->id" />

                            <div class="sm:col-span-2">
                                <x-form.textarea name="notes" label="Notes" rows="2" :value="$insurance->notes"
                                                 :id="'edit-notes-'.$insurance->id" />
                            </div>

                            <div class="sm:col-span-2">
                                <x-form.checkbox name="is_primary" value="1" label="Use as the primary cover"
                                                 :checked="$insurance->is_primary"
                                                 :id="'edit-primary-'.$insurance->id" />
                            </div>
                        </div>
                    </div>

                    <div class="flex items-center justify-end gap-2 border-t border-slate-200 bg-slate-50 px-6 py-4">
                        <button type="button" class="hms-btn hms-btn-secondary" x-on:click="$dispatch('close-modal', 'insurance-edit-{{ $insurance->id }}')">Cancel</button>
                        <button type="submit" class="hms-btn hms-btn-primary">Save changes</button>
                    </div>
                </form>
            </x-modal>
        @endforeach
    @endif
</div>