@extends('layouts.app')

@section('title', 'New Reception')

@section('content')
<div class="container-fluid">
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <div class="card shadow-sm">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0"><i class="fas fa-user-check me-2"></i> New Prisoner Reception</h5>
        </div>

        <div class="card-body">
            @can('prison.reception.add')<form method="POST" action="{{ route('prison.reception.store') }}" enctype="multipart/form-data">
                @csrf

                {{-- Prisoner Selection --}}
                <div class="alert alert-info">
                    <i class="fas fa-info-circle me-2"></i>
                    Select an existing prisoner from the system. If the prisoner is not in the system, 
                    @can('prison.prisoners.add')<a href="{{ route('prison.prisoners.create') }}" class="alert-link">create a new prisoner record first</a>@endcan.
                </div>

                <div class="row mb-3">
                    <div class="col-md-12">
                        <label class="form-label">Select Prisoner <span class="text-danger">*</span></label>
                        <select name="prisoner_id" id="prisoner_search" class="form-select" required>
                            <option value="">-- Search and select prisoner --</option>
                            @foreach($prisoners as $prisoner)
                                <option value="{{ $prisoner->id }}" 
                                        data-number="{{ $prisoner->prisoner_number }}"
                                        data-case="{{ $prisoner->case_number }}"
                                        data-gender="{{ $prisoner->gender }}"
                                        data-dob="{{ $prisoner->dob }}">
                                    {{ $prisoner->prisoner_number }} - {{ $prisoner->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('prisoner_id')
                            <small class="text-danger">{{ $message }}</small>
                        @enderror
                    </div>
                </div>

                {{-- Auto-filled Prisoner Details --}}
                <div class="row mb-3">
                    <div class="col-md-4">
                        <label>Prisoner Number</label>
                        <input type="text" id="display_prisoner_number" class="form-control bg-light" readonly>
                    </div>
                    <div class="col-md-4">
                        <label>Name</label>
                        <input type="text" id="display_name" class="form-control bg-light" readonly>
                    </div>
                    <div class="col-md-4">
                        <label>Case Number</label>
                        <input type="text" id="display_case_number" class="form-control bg-light" readonly>
                    </div>
                </div>

                <hr>

                {{-- Reception Details --}}
                <h6 class="fw-bold mb-3">Reception Information</h6>

                <div class="row mb-3">
                    <div class="col-md-4">
                        <label>Source <span class="text-danger">*</span></label>
                        <select class="form-select" name="source" required>
                            <option value="">Select Source</option>
                            <option value="Court" {{ old('source') == 'Court' ? 'selected' : '' }}>Court</option>
                            <option value="Transfer" {{ old('source') == 'Transfer' ? 'selected' : '' }}>Transfer</option>
                            <option value="Hospital" {{ old('source') == 'Hospital' ? 'selected' : '' }}>Hospital</option>
                        </select>
                        @error('source')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>

                    <div class="col-md-4">
                        <label>Status <span class="text-danger">*</span></label>
                        <select name="status" class="form-select" required>
                            <option value="">Select Status</option>
                            <option value="remand" {{ old('status') == 'remand' ? 'selected' : '' }}>Remand</option>
                            <option value="convicted" {{ old('status') == 'convicted' ? 'selected' : '' }}>Convicted</option>
                            <option value="borstal" {{ old('status') == 'borstal' ? 'selected' : '' }}>Borstal</option>
                            <option value="yctc" {{ old('status') == 'yctc' ? 'selected' : '' }}>Youth Correctional Training Centre (YCTC)</option>
                        </select>
                        @error('status')<small class="text-danger">{{ $message }}</small>@enderror
                    </div>

                    <div class="col-md-4">
                        <label>Detention Count</label>
                        <input type="text" id="detention_count_display" class="form-control bg-light" readonly value="Will be auto-calculated">
                    </div>
                </div>

                <hr>
                <h6 class="fw-bold mb-3">Warrant Information</h6>

                <div class="row mb-3">
                    <div class="col-md-6">
                        <label>Warrant Number</label>
                        <input type="text" name="warrant_number" class="form-control" value="{{ old('warrant_number') }}">
                    </div>

                    <div class="col-md-6">
                        <label>Warrant Date</label>
                        <input type="date" name="warrant_date" class="form-control" value="{{ old('warrant_date') }}">
                    </div>

                    <div class="col-md-12 mt-3">
                        <label>Warrant Information</label>
                        <textarea name="warrant_info" rows="2" class="form-control" placeholder="Enter warrant details, charges, court information...">{{ old('warrant_info') }}</textarea>
                    </div>

                    <div class="col-md-12 mt-3">
                        <label>Warrant Document</label>
                        <input type="file" name="warrant_document" class="form-control" accept=".pdf,.jpg,.jpeg,.png">
                        <small class="text-muted">Accepted: PDF, JPG, PNG (Max 5MB)</small>
                    </div>
                </div>

                <hr>
                <h6 class="fw-bold mb-3">CAM10 - Accompanying Children (Under 4 years)</h6>

                <div class="row mb-3">
                    <div class="col-md-12">
                        <div class="form-check">
                            <input type="checkbox" name="has_accompanying_child" class="form-check-input" id="hasChild" value="1" {{ old('has_accompanying_child') ? 'checked' : '' }}>
                            <label class="form-check-label" for="hasChild">
                                Prisoner has accompanying child under 4 years
                            </label>
                        </div>
                    </div>
                </div>

                <div id="childInfo" style="display: {{ old('has_accompanying_child') ? 'block' : 'none' }};">
                    <div class="row mb-3">
                        <div class="col-md-4">
                            <label>Child's Name</label>
                            <input type="text" name="child_name" class="form-control" value="{{ old('child_name') }}">
                        </div>
                        <div class="col-md-4">
                            <label>Child's Date of Birth</label>
                            <input type="date" name="child_dob" class="form-control" value="{{ old('child_dob') }}">
                        </div>
                        <div class="col-md-4">
                            <label>Child's Gender</label>
                            <select name="child_gender" class="form-select">
                                <option value="">Select</option>
                                <option value="male" {{ old('child_gender') == 'male' ? 'selected' : '' }}>Male</option>
                                <option value="female" {{ old('child_gender') == 'female' ? 'selected' : '' }}>Female</option>
                            </select>
                        </div>
                        <div class="col-md-12 mt-2">
                            <label>Child Notes</label>
                            <textarea name="child_notes" rows="2" class="form-control" placeholder="Any additional information about the child...">{{ old('child_notes') }}</textarea>
                        </div>
                    </div>
                </div>

                <hr>
                <h6 class="fw-bold mb-3">Additional Notes</h6>

                <div class="row mb-3">
                    <div class="col-md-12">
                        <textarea name="notes" rows="2" class="form-control" placeholder="Enter any additional notes or observations...">{{ old('notes') }}</textarea>
                    </div>
                </div>

                <div class="mt-4">
                    <button type="submit" class="btn btn-success">
                        <i class="fas fa-save me-2"></i> Save Reception
                    </button>
                    <a href="{{ route('prison.reception.index') }}" class="btn btn-secondary">
                        <i class="fas fa-times me-2"></i> Cancel
                    </a>
                </div>
            </form>@endcan
        </div>
    </div>
</div>

<script>
    // Auto-fill prisoner details when selected
    document.getElementById('prisoner_search').addEventListener('change', function() {
        const selectedOption = this.options[this.selectedIndex];
        
        if (this.value) {
            document.getElementById('display_prisoner_number').value = selectedOption.dataset.number || '';
            document.getElementById('display_name').value = selectedOption.text.split(' - ')[1] || '';
            document.getElementById('display_case_number').value = selectedOption.dataset.case || '';
            
            // Optional: Fetch detention count via AJAX
            fetch(`/prison/reception/prisoner/${this.value}/detention-count`)
                .then(response => response.json())
                .then(data => {
                    const nextCount = data.count + 1;
                    document.getElementById('detention_count_display').value = `Will be ${nextCount} (Previous: ${data.count})`;
                    if (nextCount >= 3) {
                        document.getElementById('detention_count_display').classList.add('text-danger', 'fw-bold');
                    }
                })
                .catch(err => console.log(err));
        } else {
            document.getElementById('display_prisoner_number').value = '';
            document.getElementById('display_name').value = '';
            document.getElementById('display_case_number').value = '';
            document.getElementById('detention_count_display').value = 'Will be auto-calculated';
        }
    });
    
    // Toggle child info section
    document.getElementById('hasChild').addEventListener('change', function() {
        document.getElementById('childInfo').style.display = this.checked ? 'block' : 'none';
    });
</script>
@endsection