{{-- 
    File: resources/views/probation/social-inquiries/create.blade.php
    Reqs 1.1 (capture & register), 1.6 (flags). Auto-serial on save.
--}}
@extends('layouts.app')
@section('title', 'Register Case - ICMIS')

@section('content')
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12">
            <h2 class="fw-bold">Register Social Inquiry Case</h2>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('probation.social-inquiries.index') }}">Social Inquiries</a></li>
                    <li class="breadcrumb-item active">Register</li>
                </ol>
            </nav>
        </div>
    </div>

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

    @can('probation.social-inquiries.add')<form method="POST" action="{{ route('probation.social-inquiries.store') }}">
        @csrf
        <div class="row">
            {{-- OFFENDER --}}
            <div class="col-md-6">
                <div class="card mb-4">
                    <div class="card-header"><h5 class="mb-0">Offender</h5></div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label class="form-label">Existing offender (optional)</label>
                            <select name="offender_id" id="offender_id" class="form-select">
                                <option value="">— Register new offender —</option>
                                @foreach($offenders as $o)
                                    <option value="{{ $o->id }}">{{ $o->full_name }} ({{ $o->national_id ?? $o->offender_no }})</option>
                                @endforeach
                            </select>
                        </div>
                        <div id="new-offender">
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">First name</label>
                                    <input type="text" name="first_name" class="form-control" value="{{ old('first_name') }}">
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Last name</label>
                                    <input type="text" name="last_name" class="form-control" value="{{ old('last_name') }}">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">Gender</label>
                                    <select name="gender" class="form-select">
                                        <option value="">—</option>
                                        <option value="male">Male</option>
                                        <option value="female">Female</option>
                                        <option value="intersex">Intersex</option>
                                    </select>
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">Date of birth</label>
                                    <input type="date" name="date_of_birth" class="form-control">
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">ID number</label>
                                    <input type="text" name="national_id" class="form-control">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- SAFEGUARDING FLAGS (1.6) --}}
                <div class="card mb-4">
                    <div class="card-header"><h5 class="mb-0">Safeguarding Flags</h5></div>
                    <div class="card-body">
                        <div class="form-check"><input class="form-check-input" type="checkbox" name="is_child" value="1" id="f1">
                            <label class="form-check-label" for="f1">Accused child</label></div>
                        <div class="form-check"><input class="form-check-input" type="checkbox" name="is_violent_extremist" value="1" id="f2">
                            <label class="form-check-label" for="f2">Violent extremist</label></div>
                        <div class="form-check"><input class="form-check-input" type="checkbox" name="is_suspected_violent_extremist" value="1" id="f3">
                            <label class="form-check-label" for="f3">Suspected violent extremist</label></div>
                        <div class="form-check"><input class="form-check-input" type="checkbox" name="is_child_sexual_offence" value="1" id="f4">
                            <label class="form-check-label" for="f4">Child suspected of sexual offence</label></div>
                    </div>
                </div>
            </div>

            {{-- REFERRAL (1.1) --}}
            <div class="col-md-6">
                <div class="card mb-4">
                    <div class="card-header"><h5 class="mb-0">Referral Details</h5></div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label class="form-label">Referral source <span class="text-danger">*</span></label>
                            <select name="referral_source" class="form-select" required>
                                <option value="court_of_appeal">Court of Appeal</option>
                                <option value="high_court">High Court</option>
                                <option value="magistrate_court" selected>Magistrate Court</option>
                                <option value="power_of_mercy_committee">Power of Mercy Committee</option>
                                <option value="psychiatrist">Psychiatrist</option>
                                <option value="other">Other</option>
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Court name</label>
                            <input type="text" name="referral_court_name" class="form-control" placeholder="e.g. Milimani Law Courts">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Court case number</label>
                            <input type="text" name="court_case_number" class="form-control" placeholder="e.g. CRIM/2026/123">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Report(s) requested</label>
                            @foreach(['bail'=>'Bail report','victim_impact'=>'Victim impact','presentence'=>'Pre-sentence',
                                      'diversion'=>'Diversion','plea_bargaining'=>'Plea bargaining','resentencing'=>'Resentencing'] as $v=>$label)
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="referral_report_type[]" value="{{ $v }}" id="r{{ $v }}">
                                    <label class="form-check-label" for="r{{ $v }}">{{ $label }}</label>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>

                <div class="d-grid gap-2">
                    <button type="submit" class="btn btn-primary btn-lg">
                        <i class="fas fa-save"></i> Register &amp; Generate Serial
                    </button>
                    <a href="{{ route('probation.social-inquiries.index') }}" class="btn btn-outline-secondary">Cancel</a>
                </div>
            </div>
        </div>
    </form>@endcan
</div>

@push('scripts')
<script>
    // Hide the new-offender fields when an existing offender is chosen
    document.getElementById('offender_id').addEventListener('change', function () {
        document.getElementById('new-offender').style.display = this.value ? 'none' : 'block';
    });
</script>
@endpush
@endsection