@extends('layouts.app')

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

@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 Dashboard
        </h1>
        <a href="{{ route('capa.create') }}" class="btn btn-primary">
            <i class="fas fa-plus mr-1"></i> New CAPA
        </a>
    </div>

    {{-- Stat cards --}}
    <div class="row">
        @php
            $cards = [
                ['label' => 'Total CAPAs',    'value' => $stats['total'],          'icon' => 'fa-list',       'color' => 'primary'],
                ['label' => 'Open',           'value' => $stats['open'],           'icon' => 'fa-folder-open','color' => 'info'],
                ['label' => 'Overdue',        'value' => $stats['overdue'],        'icon' => 'fa-clock',      'color' => 'warning'],
                ['label' => 'Critical',       'value' => $stats['critical'],       'icon' => 'fa-bolt',       'color' => 'danger'],
                ['label' => 'Under Review',   'value' => $stats['under_review'],   'icon' => 'fa-search',     'color' => 'secondary'],
                ['label' => 'Implementation', 'value' => $stats['implementation'], 'icon' => 'fa-tasks',      'color' => 'primary'],
                ['label' => 'Effectiveness',  'value' => $stats['effectiveness'],  'icon' => 'fa-check-double','color' => 'warning'],
                ['label' => 'Closed',         'value' => $stats['closed'],         'icon' => 'fa-check-circle','color' => 'success'],
            ];
        @endphp

        @foreach($cards as $c)
            <div class="col-xl-3 col-md-6 mb-4">
                <div class="card border-left-{{ $c['color'] }} shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-{{ $c['color'] }} text-uppercase mb-1">
                                    {{ $c['label'] }}
                                </div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">
                                    {{ number_format($c['value']) }}
                                </div>
                            </div>
                            <div class="col-auto">
                                <i class="fas {{ $c['icon'] }} fa-2x text-gray-300"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="row">
        {{-- Status breakdown --}}
        <div class="col-md-6">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">By Status</h6>
                </div>
                <div class="card-body">
                    @forelse($statusBreakdown as $status => $count)
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <span class="text-capitalize">{{ str_replace('_', ' ', $status) }}</span>
                            <span class="badge badge-primary">{{ $count }}</span>
                        </div>
                    @empty
                        <p class="text-muted mb-0">No data.</p>
                    @endforelse
                </div>
            </div>
        </div>

        {{-- Priority breakdown --}}
        <div class="col-md-6">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">By Priority</h6>
                </div>
                <div class="card-body">
                    @foreach(['CRITICAL', 'HIGH', 'MEDIUM', 'LOW'] as $p)
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <span>{{ $p }}</span>
                            <span class="badge badge-{{
                                match($p) {
                                    'CRITICAL' => 'danger',
                                    'HIGH'     => 'warning',
                                    'MEDIUM'   => 'info',
                                    default    => 'success',
                                }
                            }}">{{ $priorityBreakdown[$p] ?? 0 }}</span>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

    {{-- Overdue actions --}}
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-danger">
                <i class="fas fa-exclamation-triangle mr-1"></i> Overdue Actions
            </h6>
        </div>
        <div class="card-body">
            @if($overdueActions->isEmpty())
                <p class="text-muted mb-0">No overdue actions.</p>
            @else
                <div class="table-responsive">
                    <table class="table table-sm table-hover mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th>CAPA #</th>
                                <th>Action</th>
                                <th>Responsible</th>
                                <th>Due Date</th>
                                <th>Days Overdue</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($overdueActions as $a)
                                <tr>
                                    <td>
                                        <a href="{{ route('capa.show', $a->capa_id) }}">
                                            {{ $a->capa?->capa_number }}
                                        </a>
                                    </td>
                                    <td>{{ Str::limit($a->action_description, 60) }}</td>
                                    <td>{{ $a->responsible?->name ?? '—' }}</td>
                                    <td>{{ $a->due_date?->format('M j, Y') }}</td>
                                    <td>
                                        <span class="badge badge-danger">
                                            {{ now()->diffInDays($a->due_date) }} days
                                        </span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>

    {{-- Recent --}}
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Recently Created</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead class="thead-light">
                        <tr>
                            <th>CAPA #</th>
                            <th>Title</th>
                            <th>Priority</th>
                            <th>Status</th>
                            <th>Created</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($recent as $c)
                            <tr>
                                <td>
                                    <a href="{{ route('capa.show', $c) }}">{{ $c->capa_number }}</a>
                                </td>
                                <td>{{ Str::limit($c->title, 60) }}</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-secondary">{{ $c->status }}</span></td>
                                <td>{{ $c->created_at?->format('M j, Y') }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>
@endsection