@extends('layouts.app')

@section('title', 'Receive Transferred Prisoner')

@section('content')
<div class="container-fluid">
    <div class="card shadow-sm">
        <div class="card-header bg-success text-white">
            <h5 class="mb-0"><i class="fas fa-check-circle me-2"></i> Receive Transferred Prisoner</h5>
        </div>
        <div class="card-body">
            {{-- Transfer Information Display --}}
            <div class="alert alert-info mb-4">
                <div class="row">
                    <div class="col-md-6">
                        <strong><i class="fas fa-user me-1"></i> Prisoner Information:</strong><br>
                        <strong>Name:</strong> {{ $reception->prisoner->name ?? 'N/A' }}<br>
                        <strong>Prisoner Number:</strong> {{ $reception->prisoner_number }}<br>
                        <strong>Case Number:</strong> {{ $reception->case_number ?? 'N/A' }}
                    </div>
                    <div class="col-md-6">
                        <strong><i class="fas fa-truck me-1"></i> Transfer Information:</strong><br>
                        <strong>Transfer From:</strong> 
                        @php
                            $fromBranch = \App\Models\Branch::find($reception->transfer_from_branch_id);
                        @endphp
                        {{ $fromBranch->branch_name ?? 'N/A' }} ({{ $fromBranch->city ?? '' }})<br>
                        <strong>Transfer Date:</strong> {{ \Carbon\Carbon::parse($reception->transfer_date)->format('F d, Y') }}
                    </div>
                </div>
                @if($reception->transfer_notes)
                    <hr class="my-2">
                    <strong>Transfer Notes:</strong> {{ $reception->transfer_notes }}
                @endif
            </div>
            
            {{-- Admission Form --}}
            <form method="POST" action="{{ route('prison.reception.complete-transfer', $reception->id) }}" id="admissionForm">
                @csrf
                
                <div class="row">
                    {{-- Receiving Branch (Auto-set to current branch) --}}
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Receiving Branch <span class="text-danger">*</span></label>
                        <select name="branch_id" id="branch_id" class="form-select" required>
                            <option value="">-- Select Branch --</option>
                            @foreach($branches as $branch)
                                <option value="{{ $branch->id }}" {{ $branch->id == auth()->user()->branch_id ? 'selected' : '' }}>
                                    {{ $branch->branch_name }} - {{ $branch->city }}, {{ $branch->country }}
                                </option>
                            @endforeach
                        </select>
                        <small class="text-muted">This is where the prisoner will be held</small>
                    </div>
                    
                    {{-- Cell/Block - Auto loads from branch blocks --}}
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Cell/Block <span class="text-danger">*</span></label>
                        <select name="cell_block" id="cell_block" class="form-select" required>
                            <option value="">-- Select Branch First --</option>
                        </select>
                        <small class="text-muted">Select the cell block or section for this prisoner</small>
                    </div>
                    
                    {{-- Admission Date --}}
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Admission Date <span class="text-danger">*</span></label>
                        <input type="date" name="admission_date" class="form-control" value="{{ date('Y-m-d') }}" required>
                    </div>
                    
                    {{-- Custody Level --}}
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Custody Level</label>
                        <select name="custody_level" class="form-select">
                            <option value="">-- Select Custody Level --</option>
                            <option value="Maximum">Maximum Security</option>
                            <option value="Medium">Medium Security</option>
                            <option value="Minimum">Minimum Security</option>
                        </select>
                    </div>
                    
                    {{-- Health Notes --}}
                    <div class="col-md-12 mb-3">
                        <label class="form-label">Health Notes</label>
                        <textarea name="health_notes" class="form-control" rows="2" placeholder="Any medical conditions, injuries, or health concerns..."></textarea>
                    </div>
                    
                    {{-- Additional Notes --}}
                    <div class="col-md-12 mb-3">
                        <label class="form-label">Additional Notes</label>
                        <textarea name="notes" class="form-control" rows="2" placeholder="Any additional information..."></textarea>
                    </div>
                </div>
                
                <div class="mt-3">
                    <button type="submit" class="btn btn-success">
                        <i class="fas fa-check me-1"></i> Complete Transfer & Admit
                    </button>
                    <a href="{{ route('prison.reception.incoming-transfers') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left me-1"></i> Back
                    </a>
                </div>
            </form>
        </div>
    </div>
</div>

@push('scripts')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    /**
     * Load blocks/sections for selected branch
     */
    function loadBlocks(branchId) {
        if (branchId) {
            $('#cell_block').html('<option value="">Loading blocks...</option>');
            $('#cell_block').prop('disabled', true);
            
            $.ajax({
                url: '{{ url("setup/branches") }}/' + branchId + '/blocks',
                type: 'GET',
                dataType: 'json',
                success: function(blocks) {
                    var $cellBlock = $('#cell_block');
                    $cellBlock.empty();
                    
                    if (blocks && blocks.length > 0) {
                        $cellBlock.append('<option value="">-- Select Cell/Block --</option>');
                        
                        $.each(blocks, function(key, block) {
                            var capacityText = block.capacity ? ' (Capacity: ' + block.capacity + ')' : '';
                            $cellBlock.append('<option value="' + block.block_name + '">' + block.block_name + ' - ' + block.block_type + capacityText + '</option>');
                        });
                        
                        // Add option for manual entry
                        $cellBlock.append('<option value="__manual__">+ Enter custom block manually</option>');
                        $cellBlock.prop('disabled', false);
                    } else {
                        $cellBlock.html('<option value="">-- No blocks configured --</option>');
                        $cellBlock.append('<option value="__manual__">+ Enter custom block manually</option>');
                        $cellBlock.prop('disabled', false);
                    }
                },
                error: function() {
                    var $cellBlock = $('#cell_block');
                    $cellBlock.empty();
                    $cellBlock.html('<option value="">-- Error loading blocks --</option>');
                    $cellBlock.append('<option value="__manual__">+ Enter custom block manually</option>');
                    $cellBlock.prop('disabled', false);
                }
            });
        } else {
            $('#cell_block').empty();
            $('#cell_block').html('<option value="">-- Select Branch First --</option>');
            $('#cell_block').prop('disabled', true);
        }
    }
    
    /**
     * Handle manual entry
     */
    $('#cell_block').on('change', function() {
        if ($(this).val() === '__manual__') {
            var manualInput = prompt('Enter cell/block name:', '');
            if (manualInput && manualInput.trim() !== '') {
                var newOption = new Option(manualInput.trim(), manualInput.trim(), true, true);
                $(this).append(newOption);
                $(this).val(manualInput.trim());
            } else {
                $(this).val('');
            }
        }
    });
    
    /**
     * Load blocks when branch changes
     */
    $('#branch_id').on('change', function() {
        var branchId = $(this).val();
        loadBlocks(branchId);
    });
    
    /**
     * Load blocks on page load
     */
    var initialBranchId = $('#branch_id').val();
    if (initialBranchId) {
        loadBlocks(initialBranchId);
    }
});
</script>
@endpush
@endsection