@extends('layouts.app')

@section('title', 'Prison Discharges')

@section('content')
<div class="container-fluid">
    {{-- Page guide: what this screen is for --}}
    <div class="alert alert-light border-start border-4 border-primary shadow-sm d-flex align-items-start mb-4" data-page-guide role="note">
        <i class="fas fa-circle-info text-primary me-2 mt-1"></i>
        <div><strong>Discharge of a Prisoner.</strong> Discharge prisoners: categorize the discharge, produce the discharge report, notify OIC/CGP and agencies, and issue the certificate of completion.</div>
    </div>

    <div class="page-header">
        <div class="row align-items-center">
            <div class="col">
                <h3 class="page-title">Prison Discharges</h3>
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('prison.discharges.index') }}">Discharges</a></li>
                    <li class="breadcrumb-item active">List</li>
                </ul>
            </div>
            <div class="col-auto">
                @can('prison.discharges.add')<a href="{{ route('prison.discharges.create') }}" class="btn btn-primary">
                    <i class="fas fa-plus"></i> New Discharge
                </a>@endcan
            </div>
        </div>
    </div>

    <!-- Filter Section -->
    <div class="card">
        <div class="card-header">
            <h5 class="card-title">Filter Discharges</h5>
        </div>
        <div class="card-body">
            <form method="GET" action="{{ route('prison.discharges.index') }}" class="row">
                <div class="col-md-3">
                    <label class="form-label">Search Prisoner</label>
                    <input type="text" name="search" class="form-control" 
                           placeholder="Name or Prisoner Number..." 
                           value="{{ request('search') }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label">Status</label>
                    <select name="status" class="form-select">
                        <option value="">All Statuses</option>
                        <option value="scheduled" {{ request('status') == 'scheduled' ? 'selected' : '' }}>Scheduled</option>
                        <option value="completed" {{ request('status') == 'completed' ? 'selected' : '' }}>Completed</option>
                        <option value="revoked" {{ request('status') == 'revoked' ? 'selected' : '' }}>Revoked</option>
                        <option value="cancelled" {{ request('status') == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Discharge Type</label>
                    <select name="discharge_type" class="form-select">
                        <option value="">All Types</option>
                        <option value="sentence_expired" {{ request('discharge_type') == 'sentence_expired' ? 'selected' : '' }}>Sentence Expired</option>
                        <option value="parole" {{ request('discharge_type') == 'parole' ? 'selected' : '' }}>Parole</option>
                        <option value="mandatory_supervised_release" {{ request('discharge_type') == 'mandatory_supervised_release' ? 'selected' : '' }}>Mandatory Supervised Release</option>
                        <option value="compassionate" {{ request('discharge_type') == 'compassionate' ? 'selected' : '' }}>Compassionate</option>
                        <option value="pardon" {{ request('discharge_type') == 'pardon' ? 'selected' : '' }}>Pardon</option>
                        <option value="other" {{ request('discharge_type') == 'other' ? 'selected' : '' }}>Other</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">From Date</label>
                    <input type="date" name="date_from" class="form-control" value="{{ request('date_from') }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label">To Date</label>
                    <input type="date" name="date_to" class="form-control" value="{{ request('date_to') }}">
                </div>
                <div class="col-md-1">
                    <label class="form-label">&nbsp;</label>
                    <button type="submit" class="btn btn-primary w-100">Filter</button>
                </div>
                <div class="col-md-1">
                    <label class="form-label">&nbsp;</label>
                    <a href="{{ route('prison.discharges.index') }}" class="btn btn-secondary w-100">Reset</a>
                </div>
            </form>
        </div>
    </div>

    <!-- Discharges Table -->
    <div class="card">
        <div class="card-header">
            <h5 class="card-title">Discharge Records</h5>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover table-bordered">
                    <thead class="table-light">
                        <tr>
                            <th>#</th>
                            <th>Prisoner Details</th>
                            <th>Discharge Date</th>
                            <th>Type</th>
                            <th>Status</th>
                            <th>Supervision</th>
                            <th>Gate Money</th>
                            <th>Officer</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($discharges as $key => $discharge)
                        <tr>
                            <td>{{ $discharges->firstItem() + $key }}</td>
                            <td>
                                <strong>{{ $discharge->prisoner->name ?? 'N/A' }}</strong><br>
                                <small class="text-muted">ID: {{ $discharge->prisoner->prisoner_number ?? 'N/A' }}</small>
                             </td>
                            <td>{{ $discharge->discharge_date ? $discharge->discharge_date->format('d-m-Y') : 'N/A' }}</td>
                            <td>
                                <span class="badge bg-info">
                                    {{ str_replace('_', ' ', ucfirst($discharge->discharge_type)) }}
                                </span>
                             </td>
                            <td>
                                @php
                                    $statusColors = [
                                        'scheduled' => 'warning',
                                        'completed' => 'success',
                                        'revoked' => 'danger',
                                        'cancelled' => 'secondary'
                                    ];
                                @endphp
                                <span class="badge bg-{{ $statusColors[$discharge->status] ?? 'secondary' }}">
                                    {{ ucfirst($discharge->status) }}
                                </span>
                             </td>
                            <td>
                                @if($discharge->is_supervised)
                                    <i class="fas fa-check-circle text-success"></i> Yes
                                    @if($discharge->supervision_end_date)
                                        <br><small>Until: {{ $discharge->supervision_end_date->format('d-m-Y') }}</small>
                                    @endif
                                @else
                                    <i class="fas fa-times-circle text-danger"></i> No
                                @endif
                             </td>
                            <td class="text-end">{{ number_format($discharge->gate_money_amount, 2) }}</td>
                            <td>{{ $discharge->discharge_officer ?? 'N/A' }}</td>
                            <td>
                                <div class="btn-group" role="group">
                                    <a href="{{ route('prison.discharges.show', $discharge) }}" class="btn btn-sm btn-info" title="View">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                    @can('prison.discharges.edit')<a href="{{ route('prison.discharges.edit', $discharge) }}" class="btn btn-sm btn-primary" title="Edit">
                                        <i class="fas fa-edit"></i>
                                    </a>@endcan
                                    @if($discharge->status == 'scheduled')
                                        <form action="{{ route('prison.discharges.process', $discharge) }}" method="POST" class="d-inline">
                                            @csrf
                                            <button type="submit" class="btn btn-sm btn-success" title="Process Release" 
                                                    onclick="return confirm('Process this discharge? Prisoner will be marked as released.')">
                                                <i class="fas fa-check"></i>
                                            </button>
                                        </form>
                                    @endif
                                    <button type="button" class="btn btn-sm btn-danger" title="Delete"
                                            onclick="confirmDelete({{ $discharge->id }})">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </div>
                                
                                @if($discharge->status == 'scheduled')
                                    <button type="button" class="btn btn-sm btn-warning mt-1" 
                                            onclick="showRevokeModal({{ $discharge->id }})" title="Revoke">
                                        <i class="fas fa-ban"></i> Revoke
                                    </button>
                                @endif
                                
                                <form id="delete-form-{{ $discharge->id }}" 
                                      action="{{ route('prison.discharges.destroy', $discharge) }}" 
                                      method="POST" style="display: none;">
                                    @csrf
                                    @method('DELETE')
                                </form>
                             </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="9" class="text-center text-muted">
                                No discharge records found.
                             </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            
            <!-- Pagination -->
            <div class="d-flex justify-content-center mt-3">
                {{ $discharges->withQueryString()->links() }}
            </div>
        </div>
    </div>
</div>

<!-- Revoke Modal -->
<div class="modal fade" id="revokeModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form id="revokeForm" method="POST">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">Revoke Discharge</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label">Reason for Revocation</label>
                        <textarea name="revoke_reason" class="form-control" rows="3" required></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-warning">Revoke Discharge</button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script>
function confirmDelete(id) {
    if (confirm('Are you sure you want to delete this discharge record?')) {
        document.getElementById('delete-form-' + id).submit();
    }
}

function showRevokeModal(dischargeId) {
    const form = document.getElementById('revokeForm');
    form.action = '{{ route("prison.discharges.revoke", "") }}/' + dischargeId;
    new bootstrap.Modal(document.getElementById('revokeModal')).show();
}
</script>
@endsection