@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="d-flex align-items-center mb-3">
        <a href="{{ route('prison.reception.index') }}" class="btn btn-sm btn-outline-secondary">
            <i class="fas fa-arrow-left"></i> Back to Reception
        </a>
    </div>
    <div class="row">
        <div class="col-md-3">
            <div class="card">
                <div class="card-header">{{ $admission->prisoner->name }} — {{ $admission->prison_number }}</div>
                <div class="list-group list-group-flush">
                    @foreach ($steps as $step)
                        @php $completed = $admission->isStepCompleted($step->step_key); @endphp
                        <a href="{{ route('prison.intake-wizard.step', ['admission' => $admission->id, 'step' => $step->step_key]) }}"
                           class="list-group-item list-group-item-action d-flex justify-content-between align-items-center {{ $currentStepKey === $step->step_key ? 'active' : '' }}">
                            {{ $step->step_label }}
                            @if ($completed)
                                <span class="badge bg-success">✓</span>
                            @elseif (!$step->is_mandatory)
                                <span class="badge bg-secondary">optional</span>
                            @endif
                        </a>
                    @endforeach
                    <a href="{{ route('prison.intake-wizard.preview', $admission->id) }}"
                       class="list-group-item list-group-item-action d-flex justify-content-between align-items-center fw-bold">
                        Preview &amp; Confirm
                        @if ($admission->readyForConfirmation())
                            <span class="badge bg-success">Ready</span>
                        @else
                            <span class="badge bg-secondary">Not yet</span>
                        @endif
                    </a>
                </div>
            </div>
        </div>

        <div class="col-md-9">
            @if (session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">@foreach ($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
                </div>
            @endif

            <form method="POST" action="{{ route('prison.intake-wizard.step.save', ['admission' => $admission->id, 'step' => $currentStepKey]) }}">
                @csrf

                @switch($currentStepKey)

                    @case('reception_info')
                    @case('sentence_details')
                        @php $ri = $admission->receptionInfo; @endphp
                        <div class="card"><div class="card-header">Reception Information</div>
                        <div class="card-body row g-3">
                            <div class="col-md-4"><label class="form-label">Nationality</label>
                                <input type="text" name="nationality" class="form-control" value="{{ old('nationality', $ri->nationality ?? '') }}"></div>
                            <div class="col-md-2"><label class="form-label">Age</label>
                                <input type="number" name="age" class="form-control" value="{{ old('age', $ri->age ?? '') }}"></div>
                            <div class="col-md-3"><label class="form-label">Tribe</label>
                                <input type="text" name="tribe" class="form-control" value="{{ old('tribe', $ri->tribe ?? '') }}"></div>
                            <div class="col-md-3"><label class="form-label">County</label>
                                <select name="county" class="form-control">
                                    <option value="">Select</option>
                                    @foreach ([
                                        'Baringo','Bomet','Bungoma','Busia','Elgeyo-Marakwet','Embu','Garissa','Homa Bay',
                                        'Isiolo','Kajiado','Kakamega','Kericho','Kiambu','Kilifi','Kirinyaga','Kisii',
                                        'Kisumu','Kitui','Kwale','Laikipia','Lamu','Machakos','Makueni','Mandera',
                                        'Marsabit','Meru','Migori','Mombasa',"Murang'a",'Nairobi','Nakuru','Nandi',
                                        'Narok','Nyamira','Nyandarua','Nyeri','Samburu','Siaya','Taita-Taveta',
                                        'Tana River','Tharaka-Nithi','Trans Nzoia','Turkana','Uasin Gishu','Vihiga',
                                        'Wajir','West Pokot',
                                    ] as $county)
                                        <option value="{{ $county }}" {{ (old('county', $ri->county ?? '') == $county) ? 'selected' : '' }}>{{ $county }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3"><label class="form-label">ID Number</label>
                                <input type="text" name="id_number" class="form-control" value="{{ old('id_number', $ri->id_number ?? '') }}"></div>

                            <div class="col-md-3"><label class="form-label">District</label>
                                <input type="text" name="district" class="form-control" value="{{ old('district', $ri->district ?? '') }}"></div>
                            <div class="col-md-3"><label class="form-label">Location</label>
                                <input type="text" name="location" class="form-control" value="{{ old('location', $ri->location ?? '') }}"></div>
                            <div class="col-md-3"><label class="form-label">Village</label>
                                <input type="text" name="village" class="form-control" value="{{ old('village', $ri->village ?? '') }}"></div>
                            <div class="col-md-3"><label class="form-label">Sublocation</label>
                                <input type="text" name="sublocation" class="form-control" value="{{ old('sublocation', $ri->sublocation ?? '') }}"></div>

                            <div class="col-md-3"><label class="form-label">Chief</label>
                                <input type="text" name="chief" class="form-control" value="{{ old('chief', $ri->chief ?? '') }}"></div>
                            <div class="col-md-3"><label class="form-label">Assistant Chief</label>
                                <input type="text" name="assistant_chief" class="form-control" value="{{ old('assistant_chief', $ri->assistant_chief ?? '') }}"></div>
                            <div class="col-md-3"><label class="form-label">Education</label>
                                <input type="text" name="education" class="form-control" value="{{ old('education', $ri->education ?? '') }}"></div>
                            <div class="col-md-3"><label class="form-label">Occupation</label>
                                <input type="text" name="occupation" class="form-control" value="{{ old('occupation', $ri->occupation ?? '') }}"></div>

                            <div class="col-md-3"><label class="form-label">Religion</label>
                                <select name="religion" class="form-control">
                                    <option value="">Select</option>
                                    @foreach (['Christian','Muslim','Hindu','African Traditional Religion','Other','None'] as $religion)
                                        <option value="{{ $religion }}" {{ (old('religion', $ri->religion ?? '') == $religion) ? 'selected' : '' }}>{{ $religion }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3"><label class="form-label">Weight (kg)</label>
                                <input type="number" step="0.01" name="weight_kg" class="form-control" value="{{ old('weight_kg', $ri->weight_kg ?? '') }}"></div>
                            <div class="col-md-3"><label class="form-label">Height (cm)</label>
                                <input type="number" step="0.01" name="height_cm" class="form-control" value="{{ old('height_cm', $ri->height_cm ?? '') }}"></div>
                            <div class="col-md-3"><label class="form-label">No. of Children</label>
                                <input type="number" name="number_of_children" class="form-control" value="{{ old('number_of_children', $ri->number_of_children ?? '') }}"></div>

                            <div class="col-md-3"><label class="form-label">Marital Status</label>
                                <input type="text" name="marital_status" class="form-control" value="{{ old('marital_status', $ri->marital_status ?? '') }}"></div>
                            <div class="col-md-3"><label class="form-label">National School</label>
                                <input type="text" name="national_school" class="form-control" value="{{ old('national_school', $ri->national_school ?? '') }}"></div>
                            <div class="col-md-3"><label class="form-label">Police Station</label>
                                <input type="text" name="police_station" class="form-control" value="{{ old('police_station', $ri->police_station ?? '') }}"></div>
                            <div class="col-md-3"><label class="form-label">Admission Date</label>
                                <input type="date" name="admission_date" class="form-control" value="{{ old('admission_date', optional($ri->admission_date ?? null)->toDateString() ?? $admission->admission_date) }}"></div>

                            @if ($admission->prisonerCategory && $admission->prisonerCategory->name === 'Remand')
                                <div class="col-md-4"><label class="form-label">Next Court Appearance Date</label>
                                    <input type="date" name="next_court_appearance_date" class="form-control" value="{{ old('next_court_appearance_date', optional($ri->next_court_appearance_date ?? null)->toDateString()) }}"></div>
                            @endif

                            @if ($currentStepKey === 'sentence_details' || ($admission->prisonerCategory && $admission->prisonerCategory->status_group === 'Convicted'))
                                <div class="col-md-12"><label class="form-label">Conviction Details</label>
                                    <textarea name="conviction_details" class="form-control">{{ old('conviction_details', $ri->conviction_details ?? '') }}</textarea></div>
                                <div class="col-md-4"><label class="form-label">Sentence Start Date</label>
                                    <input type="date" name="sentence_start_date" class="form-control" value="{{ old('sentence_start_date', optional($ri->sentence_start_date ?? null)->toDateString()) }}"></div>
                                <div class="col-md-4"><label class="form-label">Sentence End Date</label>
                                    <input type="date" name="sentence_end_date" class="form-control" value="{{ old('sentence_end_date', optional($ri->sentence_end_date ?? null)->toDateString()) }}"></div>
                            @endif
                        </div></div>
                        @break

                    @case('warrant_information')
                        @php
                            $w = $admission->warrant;
                            $isConvicted = $admission->prisonerCategory && $admission->prisonerCategory->status_group === 'Convicted';

                            // Auto-calculated suggestion only — officer can always
                            // override. LPD = start + full sentence. EPD assumes the
                            // standard 1/3 remission for good conduct; adjust manually
                            // if your institution's remission policy differs.
                            $suggestedEpd = $suggestedLpd = null;
                            if ($isConvicted && $admission->reception) {
                                $y = (int) ($admission->reception->sentence_years ?? 0);
                                $m = (int) ($admission->reception->sentence_months ?? 0);
                                $d = (int) ($admission->reception->sentence_days ?? 0);
                                if ($y || $m || $d) {
                                    $start = \Carbon\Carbon::parse(
                                        $admission->receptionInfo->sentence_start_date
                                            ?? $admission->admission_date
                                            ?? now()
                                    );
                                    $lpd = $start->copy()->addYears($y)->addMonths($m)->addDays($d);
                                    $remissionDays = (int) floor($start->diffInDays($lpd) / 3);
                                    $suggestedLpd = $lpd->toDateString();
                                    $suggestedEpd = $lpd->copy()->subDays($remissionDays)->toDateString();
                                }
                            }
                        @endphp
                        <div class="card"><div class="card-header">Warrant Information</div>
                        <div class="card-body row g-3">
                            @if ($admission->reception && $admission->reception->has_pending_case)
                                <div class="col-12">
                                    <div class="alert alert-info py-2 mb-0">
                                        <i class="fas fa-info-circle"></i> This prisoner has another pending case:
                                        <strong>{{ $admission->reception->pending_case_court }}</strong>,
                                        Case No. <strong>{{ $admission->reception->pending_case_number }}</strong>,
                                        next appearance <strong>{{ optional($admission->reception->pending_case_next_appearance_date)->format('d M Y') ?? '-' }}</strong>.
                                    </div>
                                </div>
                            @endif
                            <div class="col-md-4"><label class="form-label">Police Station</label>
                                <input type="text" name="police_station" class="form-control" value="{{ old('police_station', $w->police_station ?? '') }}"></div>
                            <div class="col-md-4"><label class="form-label">Police File Number</label>
                                <input type="text" name="police_file_number" class="form-control" value="{{ old('police_file_number', $w->police_file_number ?? '') }}"></div>
                            <div class="col-md-4"><label class="form-label">OB Number</label>
                                <input type="text" name="ob_number" class="form-control" value="{{ old('ob_number', $w->ob_number ?? '') }}"></div>

                            <div class="col-md-4"><label class="form-label">CMS Court</label>
                                <input type="text" name="cms_court" class="form-control" value="{{ old('cms_court', $w->cms_court ?? '') }}"></div>
                            <div class="col-md-4"><label class="form-label">Trial Court (auto)</label>
                                <input type="text" class="form-control" disabled value="{{ $admission->reception->trial_court ?? '' }}"></div>
                            <div class="col-md-4"><label class="form-label">Prison (auto)</label>
                                <input type="text" class="form-control" disabled value="{{ $admission->branch->branch_name ?? '' }}"></div>

                            <div class="col-md-3"><label class="form-label">Court Date</label>
                                <input type="date" name="court_date" class="form-control" value="{{ old('court_date', optional($w->court_date ?? null)->toDateString()) }}"></div>
                            <div class="col-md-3"><label class="form-label">Magistrate Signing Date</label>
                                <input type="date" name="magistrate_signing_date" class="form-control" value="{{ old('magistrate_signing_date', optional($w->magistrate_signing_date ?? null)->toDateString()) }}"></div>

                            @if ($isConvicted)
                                <div class="col-md-3"><label class="form-label">Conviction Date</label>
                                    <input type="date" name="conviction_date" class="form-control" value="{{ old('conviction_date', optional($w->conviction_date ?? null)->toDateString()) }}"></div>
                                <div class="col-md-3"><label class="form-label">EPD <small class="text-muted">(Earliest Possible Release Date)</small></label>
                                    <input type="date" name="epd" class="form-control" value="{{ old('epd', optional($w->epd ?? null)->toDateString() ?? $suggestedEpd) }}"></div>

                                <div class="col-md-3"><label class="form-label">LPD <small class="text-muted">(Latest Possible Release Date)</small></label>
                                    <input type="date" name="lpd" class="form-control" value="{{ old('lpd', optional($w->lpd ?? null)->toDateString() ?? $suggestedLpd) }}"></div>
                                @if ($suggestedEpd && !$w?->epd)
                                    <div class="col-12">
                                        <small class="text-muted">
                                            EPD/LPD auto-calculated from the sentence recorded at Gate Entry
                                            (LPD = full sentence, EPD assumes 1/3 remission for good conduct).
                                            Edit either date if your institution's policy differs or this case
                                            has special conditions.
                                        </small>
                                    </div>
                                @endif
                            @else
                                <div class="col-md-9">
                                    <div class="alert alert-secondary py-2 mb-0">
                                        EPD/LPD and conviction date don't apply — this prisoner is Unconvicted. Their next court
                                        appearance is captured on the Reception Information step.
                                    </div>
                                </div>
                            @endif

                            <div class="col-md-9"><label class="form-label">Remarks</label>
                                <textarea name="remarks" class="form-control">{{ old('remarks', $w->remarks ?? '') }}</textarea></div>
                        </div></div>
                        @break

                    @case('children')
                        @php $existingChildren = $admission->children; @endphp
                        <div class="card"><div class="card-header">Accompanying Children (CAM10)</div>
                        <div class="card-body">
                            @if ($admission->reception && $admission->reception->has_accompanying_child)
                                <div class="alert alert-warning py-2">
                                    Gate Entry recorded this prisoner as having an accompanying child — please add their details below.
                                </div>
                            @else
                                <p class="text-muted small mb-3">Only applicable if a child under four years is accompanying the prisoner. Leave empty if not applicable.</p>
                            @endif
                            <table class="table" id="childrenTable">
                                <thead><tr><th>Child Name</th><th>Date of Birth</th><th>Gender</th><th>Notes</th><th></th></tr></thead>
                                <tbody>
                                    @forelse ($existingChildren as $i => $child)
                                        <tr>
                                            <td><input name="items[{{ $i }}][name]" class="form-control" value="{{ $child->name }}" required></td>
                                            <td><input type="date" name="items[{{ $i }}][date_of_birth]" class="form-control" value="{{ optional($child->date_of_birth)->toDateString() }}"></td>
                                            <td>
                                                <select name="items[{{ $i }}][gender]" class="form-control">
                                                    <option value="">--</option>
                                                    <option value="Male" {{ ($child->gender === 'Male') ? 'selected' : '' }}>Male</option>
                                                    <option value="Female" {{ ($child->gender === 'Female') ? 'selected' : '' }}>Female</option>
                                                    <option value="Other" {{ ($child->gender === 'Other') ? 'selected' : '' }}>Other</option>
                                                </select>
                                            </td>
                                            <td><input name="items[{{ $i }}][notes]" class="form-control" value="{{ $child->notes }}"></td>
                                            <td><button type="button" class="btn btn-sm btn-outline-danger remove-row">&times;</button></td>
                                        </tr>
                                    @empty
                                    @endforelse
                                </tbody>
                            </table>
                            <button type="button" id="addChildRow" class="btn btn-sm btn-outline-secondary">+ Add Child</button>
                        </div></div>
                        <script>
                        (function () {
                            let idx = {{ $existingChildren->count() ?? 0 }};
                            document.getElementById('addChildRow').addEventListener('click', function () {
                                const tbody = document.querySelector('#childrenTable tbody');
                                const row = document.createElement('tr');
                                row.innerHTML = `
                                    <td><input name="items[${idx}][name]" class="form-control" required></td>
                                    <td><input type="date" name="items[${idx}][date_of_birth]" class="form-control"></td>
                                    <td><select name="items[${idx}][gender]" class="form-control"><option value="">--</option><option value="Male">Male</option><option value="Female">Female</option><option value="Other">Other</option></select></td>
                                    <td><input name="items[${idx}][notes]" class="form-control"></td>
                                    <td><button type="button" class="btn btn-sm btn-outline-danger remove-row">&times;</button></td>`;
                                tbody.appendChild(row);
                                idx++;
                            });
                            document.querySelector('#childrenTable').addEventListener('click', function (e) {
                                if (e.target.classList.contains('remove-row')) e.target.closest('tr').remove();
                            });
                        })();
                        </script>
                        @break

                    @case('civil_debtor')
                        @php $cd = $admission->civilDebtorDetail; @endphp
                        <div class="card"><div class="card-header">Civil Debtor Details</div>
                        <div class="card-body row g-3">
                            <div class="col-md-6"><label class="form-label">Plaintiff Name</label>
                                <input type="text" name="plaintiff_name" class="form-control" value="{{ old('plaintiff_name', $cd->plaintiff_name ?? '') }}"></div>
                            <div class="col-md-6"><label class="form-label">Court</label>
                                <input type="text" name="court" class="form-control" value="{{ old('court', $cd->court ?? '') }}"></div>
                            <div class="col-md-12"><label class="form-label">Plaintiff Details</label>
                                <textarea name="plaintiff_details" class="form-control">{{ old('plaintiff_details', $cd->plaintiff_details ?? '') }}</textarea></div>
                            <div class="col-md-3"><label class="form-label">Days to Stay</label>
                                <input type="number" name="days_to_stay" class="form-control" value="{{ old('days_to_stay', $cd->days_to_stay ?? '') }}"></div>
                            <div class="col-md-3"><label class="form-label">EPD</label>
                                <input type="date" name="epd" class="form-control" value="{{ old('epd', optional($cd->epd ?? null)->toDateString()) }}"></div>
                            <div class="col-md-3"><label class="form-label">LPD</label>
                                <input type="date" name="lpd" class="form-control" value="{{ old('lpd', optional($cd->lpd ?? null)->toDateString()) }}"></div>
                            <div class="col-md-12"><label class="form-label">Release Information</label>
                                <textarea name="release_information" class="form-control">{{ old('release_information', $cd->release_information ?? '') }}</textarea></div>
                        </div></div>
                        @break

                    @case('property')
                    @case('valuables')
                        @php $type = $currentStepKey === 'valuables' ? 'valuable' : 'property'; @endphp
                        <div class="card"><div class="card-header">{{ $currentStepKey === 'valuables' ? 'Valuable Property Register' : 'Property Register' }}</div>
                        <div class="card-body">
                            <table class="table" id="itemsTable">
                                <thead><tr><th>Property Type</th><th>Description</th><th>Qty</th>
                                    @if ($type === 'property')<th>Est. Value</th>@endif
                                    <th>Notes</th><th></th></tr></thead>
                                <tbody>
                                    @php $existing = $admission->belongings->where('type', $type); @endphp
                                    @forelse ($existing as $i => $item)
                                        <tr>
                                            <td><input name="items[{{ $i }}][property_type]" class="form-control" value="{{ $item->property_type }}"></td>
                                            <td><input name="items[{{ $i }}][description]" class="form-control" value="{{ $item->description }}" required></td>
                                            <td><input type="number" name="items[{{ $i }}][quantity]" class="form-control" value="{{ $item->quantity }}" required></td>
                                            @if ($type === 'property')
                                                <td><input type="number" step="0.01" name="items[{{ $i }}][monetary_value]" class="form-control" value="{{ $item->monetary_value }}"></td>
                                            @endif
                                            <td><input name="items[{{ $i }}][notes]" class="form-control" value="{{ $item->notes }}"></td>
                                            <td><button type="button" class="btn btn-sm btn-outline-danger remove-row">&times;</button></td>
                                        </tr>
                                    @empty
                                    @endforelse
                                </tbody>
                            </table>
                            <button type="button" id="addRow" class="btn btn-sm btn-outline-secondary">+ Add Item</button>
                        </div></div>
                        <script>
                        (function () {
                            const type = @json($type);
                            let idx = {{ $existing->count() ?? 0 }};
                            document.getElementById('addRow').addEventListener('click', function () {
                                const tbody = document.querySelector('#itemsTable tbody');
                                const row = document.createElement('tr');
                                row.innerHTML = `
                                    <td><input name="items[${idx}][property_type]" class="form-control"></td>
                                    <td><input name="items[${idx}][description]" class="form-control" required></td>
                                    <td><input type="number" name="items[${idx}][quantity]" class="form-control" value="1" required></td>
                                    ${type === 'property' ? '<td><input type="number" step="0.01" name="items[' + idx + '][monetary_value]" class="form-control"></td>' : ''}
                                    <td><input name="items[${idx}][notes]" class="form-control"></td>
                                    <td><button type="button" class="btn btn-sm btn-outline-danger remove-row">&times;</button></td>`;
                                tbody.appendChild(row);
                                idx++;
                            });
                            document.querySelector('#itemsTable').addEventListener('click', function (e) {
                                if (e.target.classList.contains('remove-row')) e.target.closest('tr').remove();
                            });
                        })();
                        </script>
                        @break

                    @case('cash_book')
                        @php $c = $admission->cashRecord; @endphp
                        <div class="card"><div class="card-header">Cash Book</div>
                        <div class="card-body row g-3">
                            <div class="col-md-4"><label class="form-label">Amount in Figures</label>
                                <input type="number" step="0.01" id="amount_figures" name="amount_figures" class="form-control" required value="{{ old('amount_figures', $c->amount_figures ?? '') }}"></div>
                            <div class="col-md-8"><label class="form-label">Amount in Words <small class="text-muted">(auto-filled, editable)</small></label>
                                <input type="text" id="amount_words" name="amount_words" class="form-control" value="{{ old('amount_words', $c->amount_words ?? '') }}"></div>
                            <div class="col-md-6"><label class="form-label">Receiving Officer (auto)</label>
                                <input type="text" class="form-control" disabled value="{{ auth()->user()->name ?? '' }}"></div>
                            <div class="col-md-6"><label class="form-label">Transfer Date</label>
                                <input type="date" name="transfer_date" class="form-control" value="{{ old('transfer_date', optional($c->transfer_date ?? null)->toDateString()) }}"></div>
                            <div class="col-md-12"><label class="form-label">Money Transfer Details</label>
                                <textarea name="money_transfer_details" class="form-control">{{ old('money_transfer_details', $c->money_transfer_details ?? '') }}</textarea></div>
                            <div class="col-md-12"><label class="form-label">Remarks</label>
                                <textarea name="remarks" class="form-control">{{ old('remarks', $c->remarks ?? '') }}</textarea></div>
                            <div class="col-md-6"><label class="form-label">Prisoner's Fingerprint Ref (where supported)</label>
                                <input type="text" name="fingerprint_ref" class="form-control" value="{{ old('fingerprint_ref', $c->fingerprint_ref ?? '') }}"></div>
                        </div></div>
                        <script>
                        (function () {
                            const ones = ['', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine',
                                'ten', 'eleven', 'twelve', 'thirteen', 'fourteen', 'fifteen', 'sixteen',
                                'seventeen', 'eighteen', 'nineteen'];
                            const tens = ['', '', 'twenty', 'thirty', 'forty', 'fifty', 'sixty', 'seventy', 'eighty', 'ninety'];
                            const scales = ['', ' thousand', ' million', ' billion'];

                            function threeDigits(n) {
                                let out = '';
                                if (n >= 100) {
                                    out += ones[Math.floor(n / 100)] + ' hundred';
                                    n %= 100;
                                    if (n > 0) out += ' ';
                                }
                                if (n >= 20) {
                                    out += tens[Math.floor(n / 10)];
                                    if (n % 10 > 0) out += '-' + ones[n % 10];
                                } else if (n > 0) {
                                    out += ones[n];
                                }
                                return out;
                            }

                            function numberToWords(number) {
                                if (number === 0) return 'zero';
                                let parts = [];
                                let scaleIndex = 0;
                                while (number > 0) {
                                    const chunk = number % 1000;
                                    if (chunk > 0) parts.unshift(threeDigits(chunk) + scales[scaleIndex]);
                                    number = Math.floor(number / 1000);
                                    scaleIndex++;
                                }
                                return parts.join(' ').trim();
                            }

                            function capitalize(s) { return s.charAt(0).toUpperCase() + s.slice(1); }

                            function amountToWords(amount) {
                                const shillings = Math.floor(amount);
                                const cents = Math.round((amount - shillings) * 100);
                                let words = capitalize(numberToWords(shillings)) + ' Shillings';
                                if (cents > 0) words += ' And ' + capitalize(numberToWords(cents)) + ' Cents';
                                return words + ' Only';
                            }

                            const figuresInput = document.getElementById('amount_figures');
                            const wordsInput = document.getElementById('amount_words');
                            let wordsManuallyEdited = wordsInput.value.trim() !== '';

                            wordsInput.addEventListener('input', function () { wordsManuallyEdited = true; });

                            figuresInput.addEventListener('input', function () {
                                if (wordsManuallyEdited) return; // don't clobber a manual override
                                const val = parseFloat(figuresInput.value);
                                wordsInput.value = isNaN(val) || val < 0 ? '' : amountToWords(val);
                            });
                        })();
                        </script>
                        @break

                    @case('biometrics')
                        <div class="card mb-3"><div class="card-header">Passport Photo</div>
                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <div class="border rounded p-2 text-center" style="background:#000;">
                                        <video id="cameraVideo" autoplay playsinline style="width:100%; max-height:280px; display:none;"></video>
                                        <img id="capturedPhotoPreview" style="width:100%; max-height:280px; object-fit:contain; display:none;">
                                        @if ($admission->prisoner->photo)
                                            <img id="existingPhoto" src="{{ asset('storage/' . $admission->prisoner->photo) }}" style="width:100%; max-height:280px; object-fit:contain;">
                                        @else
                                            <div id="cameraPlaceholder" class="text-muted py-5">
                                                <i class="fas fa-camera fa-2x"></i>
                                                <p class="mb-0 mt-2">No photo yet — click "Start Camera"</p>
                                            </div>
                                        @endif
                                    </div>
                                    <canvas id="cameraCanvas" style="display:none;"></canvas>
                                    <div class="mt-2 d-flex gap-2">
                                        <button type="button" id="startCameraBtn" class="btn btn-sm btn-outline-primary">
                                            <i class="fas fa-video"></i> Start Camera
                                        </button>
                                        <button type="button" id="capturePhotoBtn" class="btn btn-sm btn-primary" style="display:none;">
                                            <i class="fas fa-camera"></i> Capture
                                        </button>
                                        <button type="button" id="retakePhotoBtn" class="btn btn-sm btn-outline-secondary" style="display:none;">
                                            <i class="fas fa-redo"></i> Retake
                                        </button>
                                    </div>
                                    <p class="text-muted small mt-2 mb-0">
                                        Works in any modern browser (Chrome, Edge, Firefox, Safari) via your device's built-in
                                        or connected USB webcam. If the browser asks for camera permission, click Allow.
                                        <br><strong>Note:</strong> browsers require HTTPS (or localhost) to access the camera —
                                        if "Start Camera" doesn't prompt for permission on your live server, check that it's
                                        served over HTTPS.
                                    </p>
                                    <input type="hidden" name="photo_base64" id="photo_base64">
                                </div>

                                <div class="col-md-6">
                                    <div class="border rounded p-3">
                                        <p class="fw-bold mb-1"><i class="fas fa-fingerprint"></i> Fingerprint</p>
                                        @if ($admission->prisoner->fingerprint_hash)
                                            <p class="text-success mb-2"><i class="fas fa-check-circle"></i> Fingerprint already on file for this prisoner.</p>
                                        @else
                                            <p class="text-muted mb-2">Not yet captured.</p>
                                        @endif
                                        <button type="button" id="scanFingerprintBtn" class="btn btn-sm btn-outline-primary">
                                            <i class="fas fa-fingerprint"></i> Scan Fingerprint
                                        </button>
                                        <span id="fingerprintStatus" class="ms-2 small"></span>
                                        <input type="hidden" name="fingerprint_base64" id="fingerprint_base64">
                                        <p class="text-muted small mt-3 mb-0">
                                            Requires the fingerprint scanner's local capture service to be running on this
                                            machine (see <code>FINGERPRINT_AGENT_URL</code> below). If no scanner is
                                            connected, leave this and continue — you can capture it later; the fingerprint
                                            is saved against the prisoner permanently and reused for any future
                                            verification, including cash transactions.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div></div>
                        <script>
                        (function () {
                            // ---- Camera (photo) ----
                            const video = document.getElementById('cameraVideo');
                            const canvas = document.getElementById('cameraCanvas');
                            const photoPreview = document.getElementById('capturedPhotoPreview');
                            const placeholder = document.getElementById('cameraPlaceholder');
                            const existingPhoto = document.getElementById('existingPhoto');
                            const startBtn = document.getElementById('startCameraBtn');
                            const captureBtn = document.getElementById('capturePhotoBtn');
                            const retakeBtn = document.getElementById('retakePhotoBtn');
                            const photoInput = document.getElementById('photo_base64');
                            let stream = null;

                            startBtn.addEventListener('click', async function () {
                                if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
                                    alert('Camera access is not supported in this browser.');
                                    return;
                                }
                                try {
                                    stream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: 'user' } });
                                    video.srcObject = stream;
                                    video.style.display = '';
                                    if (placeholder) placeholder.style.display = 'none';
                                    if (existingPhoto) existingPhoto.style.display = 'none';
                                    photoPreview.style.display = 'none';
                                    startBtn.style.display = 'none';
                                    captureBtn.style.display = '';
                                } catch (err) {
                                    alert('Could not access camera: ' + err.message + '\\n\\nIf using an external USB camera, make sure it is selected as the default device, and that the browser has permission.');
                                }
                            });

                            captureBtn.addEventListener('click', function () {
                                canvas.width = video.videoWidth;
                                canvas.height = video.videoHeight;
                                canvas.getContext('2d').drawImage(video, 0, 0);
                                const dataUrl = canvas.toDataURL('image/jpeg', 0.9);
                                photoInput.value = dataUrl;
                                photoPreview.src = dataUrl;
                                photoPreview.style.display = '';
                                video.style.display = 'none';
                                captureBtn.style.display = 'none';
                                retakeBtn.style.display = '';
                                if (stream) stream.getTracks().forEach(t => t.stop());
                            });

                            retakeBtn.addEventListener('click', function () {
                                photoInput.value = '';
                                photoPreview.style.display = 'none';
                                retakeBtn.style.display = 'none';
                                startBtn.style.display = '';
                            });

                            // ---- Fingerprint ----
                            // Most USB fingerprint scanners (SecuGen, DigitalPersona, etc.)
                            // ship a small local capture service the browser talks to over
                            // HTTP, since browsers can't access USB HID devices directly.
                            // Point this at whatever that service exposes, e.g.:
                            //   const FINGERPRINT_AGENT_URL = 'https://localhost:8443/capture';
                            // and adjust the response parsing below to match its payload.
                            const FINGERPRINT_AGENT_URL = null; // <-- set this once the scanner/agent is chosen

                            const scanBtn = document.getElementById('scanFingerprintBtn');
                            const fpStatus = document.getElementById('fingerprintStatus');
                            const fpInput = document.getElementById('fingerprint_base64');

                            scanBtn.addEventListener('click', async function () {
                                if (!FINGERPRINT_AGENT_URL) {
                                    fpStatus.textContent = 'No scanner configured on this station — skip and capture later.';
                                    fpStatus.className = 'ms-2 small text-muted';
                                    return;
                                }
                                fpStatus.textContent = 'Scanning — place finger on scanner...';
                                fpStatus.className = 'ms-2 small text-primary';
                                try {
                                    const res = await fetch(FINGERPRINT_AGENT_URL, { method: 'POST' });
                                    const data = await res.json();
                                    // Expecting { image_base64: 'data:image/png;base64,...' } —
                                    // adjust to match your scanner's actual response shape.
                                    fpInput.value = data.image_base64 || '';
                                    fpStatus.textContent = 'Captured ✓';
                                    fpStatus.className = 'ms-2 small text-success';
                                } catch (err) {
                                    fpStatus.textContent = 'Could not reach scanner service.';
                                    fpStatus.className = 'ms-2 small text-danger';
                                }
                            });
                        })();
                        </script>
                        @break

                    @case('next_of_kin')
                        @php $existingKin = $admission->prisoner->nextOfKin; @endphp
                        <div class="card"><div class="card-header">Next of Kin</div>
                        <div class="card-body">
                            <table class="table" id="kinTable">
                                <thead><tr><th>Name</th><th>ID Number</th><th>Phone</th><th>Relationship</th><th>Primary?</th><th></th></tr></thead>
                                <tbody>
                                    @forelse ($existingKin as $i => $kin)
                                        <tr>
                                            <td><input name="items[{{ $i }}][name]" class="form-control" value="{{ $kin->name }}" required></td>
                                            <td><input name="items[{{ $i }}][id_number]" class="form-control" value="{{ $kin->id_number }}"></td>
                                            <td><input name="items[{{ $i }}][phone]" class="form-control" value="{{ $kin->phone }}"></td>
                                            <td><input name="items[{{ $i }}][relationship]" class="form-control" value="{{ $kin->relationship }}" placeholder="e.g. Spouse, Parent"></td>
                                            <td class="text-center"><input type="radio" name="primary_index" value="{{ $i }}" class="form-check-input" {{ $kin->is_primary ? 'checked' : '' }}></td>
                                            <td><button type="button" class="btn btn-sm btn-outline-danger remove-row">&times;</button></td>
                                        </tr>
                                    @empty
                                    @endforelse
                                </tbody>
                            </table>
                            <button type="button" id="addKinRow" class="btn btn-sm btn-outline-secondary">+ Add Next of Kin</button>
                            <p class="text-muted small mt-2 mb-0">Select the radio button next to the primary contact. Multiple next of kin can be added.</p>
                        </div></div>
                        <script>
                        (function () {
                            let idx = {{ $existingKin->count() ?? 0 }};
                            document.getElementById('addKinRow').addEventListener('click', function () {
                                const tbody = document.querySelector('#kinTable tbody');
                                const row = document.createElement('tr');
                                row.innerHTML = `
                                    <td><input name="items[${idx}][name]" class="form-control" required></td>
                                    <td><input name="items[${idx}][id_number]" class="form-control"></td>
                                    <td><input name="items[${idx}][phone]" class="form-control"></td>
                                    <td><input name="items[${idx}][relationship]" class="form-control" placeholder="e.g. Spouse, Parent"></td>
                                    <td class="text-center"><input type="radio" name="primary_index" value="${idx}" class="form-check-input"></td>
                                    <td><button type="button" class="btn btn-sm btn-outline-danger remove-row">&times;</button></td>`;
                                tbody.appendChild(row);
                                idx++;
                            });
                            document.querySelector('#kinTable').addEventListener('click', function (e) {
                                if (e.target.classList.contains('remove-row')) e.target.closest('tr').remove();
                            });
                        })();
                        </script>
                        @break

                    @case('block_assignment')
                        @php
                            $blocks = \App\Models\BranchBlock::where('branch_id', $admission->branch_id)
                                ->where('status', 1)
                                ->orderBy('block_name')
                                ->get()
                                ->map(function ($b) {
                                    $b->occupancy = \App\Models\Admission::where('branch_id', $b->branch_id)
                                        ->where('cell_block', $b->block_name)
                                        ->whereNull('release_date')
                                        ->count();
                                    return $b;
                                });
                        @endphp
                        <div class="card"><div class="card-header">Block Assignment</div>
                        <div class="card-body">
                            @if ($blocks->isEmpty())
                                <div class="alert alert-warning mb-0">
                                    No blocks configured for this prison yet. Add them under
                                    <strong>Setup &rarr; Branches &rarr; Blocks</strong> before continuing.
                                </div>
                            @else
                                <div class="row g-2">
                                    @foreach ($blocks as $block)
                                        @php
                                            $full = $block->capacity && $block->occupancy >= $block->capacity;
                                        @endphp
                                        <div class="col-md-4">
                                            <label class="border rounded p-3 d-flex align-items-start gap-2 {{ $full ? 'opacity-50' : '' }}" style="cursor:pointer;">
                                                <input type="radio" name="branch_block_id" value="{{ $block->id }}" class="form-check-input mt-1"
                                                       {{ old('branch_block_id', $admission->cell_block == $block->block_name ? $block->id : null) == $block->id ? 'checked' : '' }}
                                                       {{ $full ? 'disabled' : '' }} required>
                                                <span>
                                                    <strong>{{ $block->block_name }}</strong>
                                                    <span class="badge bg-secondary">{{ $block->block_type }}</span><br>
                                                    <small class="text-muted">
                                                        {{ $block->occupancy }}{{ $block->capacity ? ' / ' . $block->capacity : '' }} occupied
                                                        @if ($full)<span class="text-danger fw-bold"> — FULL</span>@endif
                                                    </small>
                                                </span>
                                            </label>
                                        </div>
                                    @endforeach
                                </div>
                            @endif
                        </div></div>
                        @break

                @endswitch

                <div class="mt-3 d-flex justify-content-between">
                    <button type="submit" class="btn btn-primary">Save & Continue</button>
                    <div>
                        <a href="{{ route('prison.reception.index') }}" class="btn btn-outline-secondary">Back to Reception</a>
                        <a href="{{ route('prison.intake-wizard.preview', $admission->id) }}" class="btn btn-outline-secondary">Go to Preview</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection