@extends('layouts.app')

@section('title', 'Discharge Details')

@section('content')
<div class="container-fluid">
    <div class="page-header">
        <div class="row align-items-center">
            <div class="col">
                <h3 class="page-title">Discharge Details</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">Details</li>
                </ul>
            </div>
            <div class="col-auto">
                @can('prison.discharges.edit')<a href="{{ route('prison.discharges.edit', $discharge) }}" class="btn btn-primary">
                    <i class="fas fa-edit"></i> Edit
                </a>@endcan
                <a href="{{ route('prison.discharges.index') }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-left"></i> Back
                </a>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4">
            <!-- Prisoner Information Card -->
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Prisoner Information</h5>
                </div>
                <div class="card-body">
                    <div class="text-center mb-3">
                        @if($discharge->prisoner->photo)
                            <img src="{{ asset('storage/' . $discharge->prisoner->photo) }}" 
                                 alt="Prisoner Photo" class="rounded-circle" width="120" height="120">
                        @else
                            <div class="bg-secondary rounded-circle d-inline-flex align-items-center justify-content-center" 
                                 style="width: 120px; height: 120px;">
                                <i class="fas fa-user fa-3x text-white"></i>
                            </div>
                        @endif
                    </div>
                    <table class="table table-sm table-borderless">
                        <tr>
                            <th width="40%">Name:</th>
                            <td><strong>{{ $discharge->prisoner->name ?? 'N/A' }}</strong></td>
                        </tr>
                        <tr>
                            <th>Prisoner Number:</th>
                            <td>{{ $discharge->prisoner->prisoner_number ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Gender:</th>
                            <td>{{ $discharge->prisoner->gender ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Date of Birth:</th>
                            <td>{{ $discharge->prisoner->dob ? date('d-m-Y', strtotime($discharge->prisoner->dob)) : 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Case Number:</th>
                            <td>{{ $discharge->prisoner->case_number ?? 'N/A' }}</td>
                        </tr>
                    </table>
                </div>
            </div>

            <!-- Financial Information Card -->
            <div class="card mt-3">
                <div class="card-header">
                    <h5 class="card-title">Financial Details</h5>
                </div>
                <div class="card-body">
                    <table class="table table-sm">
                        <tr>
                            <th>Gate Money:</th>
                            <td class="text-end"><strong>KSh {{ number_format($discharge->gate_money_amount, 2) }}</strong></td>
                        </tr>
                        <tr>
                            <th>Travel Voucher:</th>
                            <td class="text-end">{{ $discharge->bus_voucher_provided ?? 'Not provided' }}</td>
                        </tr>
                    </table>
                </div>
            </div>

            <!-- Status Card -->
            <div class="card mt-3">
                <div class="card-header">
                    <h5 class="card-title">Discharge Status</h5>
                </div>
                <div class="card-body text-center">
                    @php
                        $statusColors = [
                            'scheduled' => 'warning',
                            'completed' => 'success',
                            'revoked' => 'danger',
                            'cancelled' => 'secondary'
                        ];
                    @endphp
                    <span class="badge bg-{{ $statusColors[$discharge->status] ?? 'secondary' }} p-2" style="font-size: 16px;">
                        {{ strtoupper($discharge->status) }}
                    </span>
                    
                    @if($discharge->discharge_processed_at && $discharge->status == 'completed')
                        <p class="mt-3 mb-0">
                            <small class="text-muted">
                                Processed at: {{ $discharge->discharge_processed_at->format('d-m-Y H:i:s') }}
                            </small>
                        </p>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-md-8">
            <!-- Main Discharge Information Card -->
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Discharge Information</h5>
                </div>
                <div class="card-body">
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <strong>Discharge Type:</strong><br>
                            <span class="badge bg-info">{{ str_replace('_', ' ', ucfirst($discharge->discharge_type)) }}</span>
                        </div>
                        <div class="col-md-6">
                            <strong>Discharge Date:</strong><br>
                            {{ $discharge->discharge_date ? $discharge->discharge_date->format('l, d F Y') : 'N/A' }}
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <strong>Supervision Required:</strong><br>
                            @if($discharge->is_supervised)
                                <span class="text-success"><i class="fas fa-check-circle"></i> Yes</span>
                            @else
                                <span class="text-danger"><i class="fas fa-times-circle"></i> No</span>
                            @endif
                        </div>
                        @if($discharge->is_supervised)
                        <div class="col-md-6">
                            <strong>Supervision End Date:</strong><br>
                            {{ $discharge->supervision_end_date ? $discharge->supervision_end_date->format('l, d F Y') : 'Not set' }}
                        </div>
                        @endif
                    </div>

                    @if($discharge->conditions)
                    <div class="row mb-3">
                        <div class="col-12">
                            <strong>Supervision Conditions:</strong><br>
                            <div class="border rounded p-2 bg-light">
                                {{ nl2br(e($discharge->conditions)) }}
                            </div>
                        </div>
                    </div>
                    @endif

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <strong>ID Card Issued:</strong><br>
                            {{ $discharge->id_card_issued ? 'Yes' : 'No' }}
                        </div>
                        <div class="col-md-6">
                            <strong>Property Returned:</strong><br>
                            {{ $discharge->property_returned ? 'Yes' : 'No' }}
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-12">
                            <strong>Discharge Officer:</strong><br>
                            {{ $discharge->discharge_officer ?? 'Not assigned' }}
                        </div>
                    </div>

                    @if($discharge->reentry_referrals)
                    <div class="row mb-3">
                        <div class="col-12">
                            <strong>Reentry Referrals:</strong><br>
                            <div class="border rounded p-2 bg-light">
                                {{ nl2br(e($discharge->reentry_referrals)) }}
                            </div>
                        </div>
                    </div>
                    @endif

                    @if($discharge->medical_handover)
                    <div class="row mb-3">
                        <div class="col-12">
                            <strong>Medical Handover:</strong><br>
                            <div class="border rounded p-2 bg-light">
                                {{ nl2br(e($discharge->medical_handover)) }}
                            </div>
                        </div>
                    </div>
                    @endif

                    @if($discharge->notes)
                    <div class="row mb-3">
                        <div class="col-12">
                            <strong>Additional Notes:</strong><br>
                            <div class="border rounded p-2 bg-light">
                                {{ nl2br(e($discharge->notes)) }}
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>

            <!-- Action Buttons for Scheduled Discharges -->
            @if($discharge->status == 'scheduled')
            <div class="card mt-3">
                <div class="card-header">
                    <h5 class="card-title">Actions</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <form action="{{ route('prison.discharges.process', $discharge) }}" method="POST">
                                @csrf
                                <button type="submit" class="btn btn-success w-100" 
                                        onclick="return confirm('Are you sure you want to process this discharge? The prisoner will be marked as released.')">
                                    <i class="fas fa-check-circle"></i> Process Discharge (Release Prisoner)
                                </button>
                            </form>
                        </div>
                        <div class="col-md-6">
                            <button type="button" class="btn btn-warning w-100" data-bs-toggle="modal" data-bs-target="#revokeModal">
                                <i class="fas fa-ban"></i> Revoke Discharge
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            @endif
        </div>
    </div>
</div>

<!-- Revoke Modal -->
@if($discharge->status == 'scheduled')
<div class="modal fade" id="revokeModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('prison.discharges.revoke', $discharge) }}" 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 <span class="text-danger">*</span></label>
                        <textarea name="revoke_reason" class="form-control" rows="4" required 
                                  placeholder="Enter detailed reason for revoking this discharge..."></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>
@endif

@endsection