@extends('layouts.app')

@section('title', 'Prisoner Classification')

@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>Classification of Prisoners.</strong> Classify prisoners by risk level: assign the security regime, allocate accommodation and an escorting officer, manage reviews, and raise accommodation-change alerts.</div>
    </div>


    {{-- HEADER --}}
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h2 class="fw-bold">Prisoner Classification</h2>
                    <small class="text-muted">Manage prisoner security levels, housing, and program assignments</small>
                </div>
                @can('prison.classification.add')<a href="{{ route('prison.classification.create') }}" class="btn btn-primary">
                    <i class="fas fa-plus me-2"></i> New Classification
                </a>@endcan
            </div>
        </div>
    </div>

    {{-- STATS CARDS --}}
    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card bg-danger text-white">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="mb-0">Maximum Security</h6>
                            <h2 class="mb-0">{{ $stats['maximum'] ?? 0 }}</h2>
                        </div>
                        <i class="fas fa-shield-alt fa-2x opacity-50"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-warning text-white">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="mb-0">Medium Security</h6>
                            <h2 class="mb-0">{{ $stats['medium'] ?? 0 }}</h2>
                        </div>
                        <i class="fas fa-shield-alt fa-2x opacity-50"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-success text-white">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="mb-0">Minimum Security</h6>
                            <h2 class="mb-0">{{ $stats['minimum'] ?? 0 }}</h2>
                        </div>
                        <i class="fas fa-shield-alt fa-2x opacity-50"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-info text-white">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="mb-0">Pending Review</h6>
                            <h2 class="mb-0">{{ $stats['pending_review'] ?? 0 }}</h2>
                        </div>
                        <i class="fas fa-clock fa-2x opacity-50"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- FILTERS --}}
    <div class="card mb-4">
        <div class="card-body">
            <form method="GET" class="row g-3">
                <div class="col-md-4">
                    <input type="text" name="search" value="{{ request('search') }}"
                           class="form-control" placeholder="Search by prisoner name or number">
                </div>
                <div class="col-md-3">
                    <select name="security_level" class="form-select">
                        <option value="">All Security Levels</option>
                        <option value="Maximum" {{ request('security_level') == 'Maximum' ? 'selected' : '' }}>Maximum Security</option>
                        <option value="Medium" {{ request('security_level') == 'Medium' ? 'selected' : '' }}>Medium Security</option>
                        <option value="Minimum" {{ request('security_level') == 'Minimum' ? 'selected' : '' }}>Minimum Security</option>
                        <option value="Protective" {{ request('security_level') == 'Protective' ? 'selected' : '' }}>Protective Custody</option>
                        <option value="Segregation" {{ request('security_level') == 'Segregation' ? 'selected' : '' }}>Segregation</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <select name="review_status" class="form-select">
                        <option value="">All Status</option>
                        <option value="Approved" {{ request('review_status') == 'Approved' ? 'selected' : '' }}>Approved</option>
                        <option value="Pending" {{ request('review_status') == 'Pending' ? 'selected' : '' }}>Pending</option>
                        <option value="Needs Review" {{ request('review_status') == 'Needs Review' ? 'selected' : '' }}>Needs Review</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <button class="btn btn-primary w-100"><i class="fas fa-search me-2"></i> Filter</button>
                </div>
            </form>
        </div>
    </div>

    {{-- CLASSIFICATIONS TABLE --}}
    <div class="card">
        <div class="card-body table-responsive">
            <table class="table table-hover">
                <thead class="table-light">
                    <tr>
                        <th>#</th>
                        <th>Prisoner Number</th>
                        <th>Prisoner Name</th>
                        <th>Classification Date</th>
                        <th>Security Level</th>
                        <th>Assigned Block</th>
                        <th>Next Review</th>
                        <th>Status</th>
                        <th>Classified By</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($classifications as $key => $classification)
                    <tr>
                        <td>{{ $classifications->firstItem() + $key }}</td>
                        <td>
                                                    <a href="{{ route('prison.prisoners.show',$classification->prisoner->id) }}" class="fw-bold text-decoration-none">
                               {{ $classification->prisoner->prisoner_number ?? 'N/A' }}
                            </a>
</td>
                        <td>{{ $classification->prisoner->name ?? 'N/A' }}</td>
                        <td>{{ $classification->classification_date->format('Y-m-d') }}</td>
                        <td>
                            <span class="badge 
                                @if($classification->security_level == 'Maximum') bg-danger
                                @elseif($classification->security_level == 'Medium') bg-warning
                                @elseif($classification->security_level == 'Minimum') bg-success
                                @else bg-secondary @endif">
                                {{ $classification->security_level }}
                            </span>
                        </td>
                        <td>{{ $classification->assigned_block ?? 'N/A' }}</td>
                        <td>{{ $classification->next_review_date ? $classification->next_review_date->format('Y-m-d') : 'N/A' }}</td>
                        <td>
                            <span class="badge 
                                @if($classification->review_status == 'Approved') bg-success
                                @elseif($classification->review_status == 'Pending') bg-warning
                                @else bg-danger @endif">
                                {{ $classification->review_status }}
                            </span>
                        </td>
                        <td>{{ $classification->classifier->name ?? 'N/A' }}</td>
                        <td>
                            <div class="btn-group btn-group-sm">
                                <a href="{{ route('prison.classification.show', $classification->id) }}" class="btn btn-info">
                                    <i class="fas fa-eye"></i>
                                </a>
                                @if($classification->review_status != 'Approved')
                                    @can('prison.classification.edit')<a href="{{ route('prison.classification.edit', $classification->id) }}" class="btn btn-warning">
                                        <i class="fas fa-edit"></i>
                                    </a>@endcan
                                    <form method="POST" action="{{ route('prison.classification.approve', $classification->id) }}" class="d-inline">
                                        @csrf
                                        <button class="btn btn-success" onclick="return confirm('Approve this classification?')">
                                            <i class="fas fa-check"></i>
                                        </button>
                                    </form>
                                @endif
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="10" class="text-center text-muted py-4">
                            <i class="fas fa-tags fa-3x mb-2 d-block"></i>
                            <p>No classification records found. Click "New Classification" to create one.</p>
                        </td>
                    </tr>
                @endforelse
                </tbody>
            </table>

            {{ $classifications->links() }}
        </div>
    </div>
</div>
@endsection