@extends('layouts.app')

@section('title', 'CAPA Register')

@section('content')
<div class="container-fluid">

    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3 mb-0"><i class="fas fa-tasks mr-1"></i> CAPA Register</h1>
        <a href="{{ route('capa.create') }}" class="btn btn-primary">
            <i class="fas fa-plus mr-1"></i> New CAPA
        </a>
    </div>

    {{-- Stats --}}
    <div class="row mb-3">
        @foreach([
            ['Total',    $stats['total'],   'primary'],
            ['Open',     $stats['open'],    'info'],
            ['Overdue',  $stats['overdue'], 'warning'],
            ['Critical', $stats['critical'],'danger'],
            ['Closed',   $stats['closed'],  'success'],
            ['Pending',  $stats['pending'], 'secondary'],
        ] as [$label, $val, $color])
            <div class="col-md-2">
                <div class="card border-left-{{ $color }} shadow py-2">
                    <div class="card-body py-2">
                        <div class="text-xs text-uppercase text-{{ $color }}">{{ $label }}</div>
                        <div class="h5 mb-0 font-weight-bold">{{ $val }}</div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    {{-- Filters --}}
    <div class="card shadow mb-3">
        <div class="card-body">
            <form method="GET" class="row g-2">
                <div class="col-md-2">
                    <input type="text" name="search" value="{{ request('search') }}"
                           class="form-control form-control-sm" placeholder="Search…">
                </div>
                <div class="col-md-2">
                    <select name="status" class="form-control form-control-sm">
                        <option value="">All Status</option>
                        @foreach(\App\Services\CapaLifecycleService::STATUSES as $key => $meta)
                            <option value="{{ $key }}" @selected(request('status') === $key)>
                                {{ $meta['label'] }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <select name="priority" class="form-control form-control-sm">
                        <option value="">All Priority</option>
                        @foreach(['CRITICAL','HIGH','MEDIUM','LOW'] as $p)
                            <option value="{{ $p }}" @selected(request('priority') === $p)>{{ $p }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <select name="category" class="form-control form-control-sm">
                        <option value="">All Category</option>
                        @foreach(['PROCESS','PRODUCT','EQUIPMENT','DOCUMENTATION','PERSONNEL','TRAINING','SUPPLIER','SYSTEM','ENVIRONMENT','REGULATORY','OTHER'] as $c)
                            <option value="{{ $c }}" @selected(request('category') === $c)>{{ $c }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="mr-2 small">
                        <input type="checkbox" name="overdue" value="1" @checked(request('overdue'))>
                        Overdue
                    </label>
                    <label class="small">
                        <input type="checkbox" name="open" value="1" @checked(request('open'))>
                        Open
                    </label>
                </div>
                <div class="col-md-2 text-right">
                    <button class="btn btn-sm btn-primary">
                        <i class="fas fa-search"></i> Filter
                    </button>
                    <a href="{{ route('capa.index') }}" class="btn btn-sm btn-secondary">
                        <i class="fas fa-undo"></i>
                    </a>
                </div>
            </form>
        </div>
    </div>

    {{-- Table --}}
    <div class="card shadow">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead class="thead-light">
                        <tr>
                            <th>CAPA #</th>
                            <th>Title</th>
                            <th>Type</th>
                            <th>Priority</th>
                            <th>Status</th>
                            <th>Owner</th>
                            <th>Target</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($capas as $c)
                            <tr class="{{ $c->isOverdue() ? 'table-warning' : '' }}">
                                <td>
                                    <a href="{{ route('capa.show', $c) }}">
                                        <strong>{{ $c->capa_number }}</strong>
                                    </a>
                                </td>
                                <td>{{ Str::limit($c->title, 60) }}</td>
                                <td><span class="badge badge-secondary">{{ $c->capa_type }}</span></td>
                                <td>
                                    <span class="badge badge-{{
                                        match($c->priority) {
                                            'CRITICAL' => 'danger',
                                            'HIGH'     => 'warning',
                                            'MEDIUM'   => 'info',
                                            default    => 'success',
                                        }
                                    }}">{{ $c->priority }}</span>
                                </td>
                                <td>
                                    <span class="badge badge-{{
                                        \App\Services\CapaLifecycleService::STATUSES[$c->status]['badge'] ?? 'secondary'
                                    }}">{{ str_replace('_', ' ', $c->status) }}</span>
                                </td>
                                <td>{{ $c->owner?->name ?? '—' }}</td>
                                <td>
                                    {{ $c->target_completion_date?->format('M j, Y') ?? '—' }}
                                    @if($c->isOverdue())
                                        <span class="badge badge-danger">Overdue</span>
                                    @endif
                                </td>
                                <td>
                                    <a href="{{ route('capa.show', $c) }}" class="btn btn-sm btn-info">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8" class="text-center text-muted py-4">
                                    No CAPAs found.
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="mt-3">{{ $capas->withQueryString()->links() }}</div>
        </div>
    </div>

</div>
@endsection