@extends('layouts.app')
@section('title', 'Training Effectiveness')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0"><i class="fas fa-chart-line mr-2"></i>Training Effectiveness</h1>
            <p class="text-muted mb-0">Post-training evaluation (Kirkpatrick levels 2–4)</p>
        </div>
        <div>
            <a href="{{ route('training.effectiveness.index', ['show_deleted' => !request('show_deleted')]) }}"
               class="btn btn-{{ request('show_deleted') ? 'info' : 'warning' }}">
                <i class="fas fa-trash"></i>
            </a>
            <a href="{{ route('training.effectiveness.create') }}" class="btn btn-primary">
                <i class="fas fa-plus mr-1"></i>New Evaluation
            </a>
        </div>
    </div>

    <div class="row mb-4">
        @foreach([
            ['Total',     $stats['total'],     'primary'],
            ['Effective', $stats['effective'], 'success'],
            ['Pending',   $stats['pending'],   'warning'],
            ['Deleted',   $stats['trashed'],   'secondary'],
        ] as [$label, $count, $color])
            <div class="col-md-3">
                <div class="card border-left-{{ $color }} shadow py-2">
                    <div class="card-body">
                        <div class="text-xs font-weight-bold text-{{ $color }} text-uppercase mb-1">{{ $label }}</div>
                        <div class="h5 mb-0 font-weight-bold">{{ $count }}</div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="card shadow mb-4">
        <div class="card-body">
            <form method="GET" class="form-inline flex-wrap">
                <input type="hidden" name="show_deleted" value="{{ request('show_deleted') }}">
                <select name="evaluation_type" class="form-control mr-2 mb-2">
                    <option value="">All Types</option>
                    @foreach(['Immediate','30-Day','60-Day','90-Day','Annual'] as $t)
                        <option value="{{ $t }}" {{ request('evaluation_type') == $t ? 'selected' : '' }}>{{ $t }}</option>
                    @endforeach
                </select>
                <select name="effectiveness_status" class="form-control mr-2 mb-2">
                    <option value="">All Statuses</option>
                    @foreach(['Effective','Partially Effective','Not Effective','Pending Evaluation'] as $s)
                        <option value="{{ $s }}" {{ request('effectiveness_status') == $s ? 'selected' : '' }}>{{ $s }}</option>
                    @endforeach
                </select>
                <div class="form-check mr-2 mb-2">
                    <input type="checkbox" name="follow_up_due" value="1" class="form-check-input" id="fud"
                           {{ request('follow_up_due') ? 'checked' : '' }}>
                    <label for="fud" class="form-check-label">Follow-up due</label>
                </div>
                <button class="btn btn-primary mb-2 mr-2"><i class="fas fa-search"></i></button>
                <a href="{{ route('training.effectiveness.index') }}" class="btn btn-secondary mb-2">
                    <i class="fas fa-redo"></i>
                </a>
            </form>
        </div>
    </div>

    <div class="card shadow">
        <div class="card-body">
            @include('training.partials.alerts')
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead class="thead-light">
                        <tr>
                            <th>Training</th>
                            <th>Employee</th>
                            <th>Type</th>
                            <th>Date</th>
                            <th>Overall</th>
                            <th>Status</th>
                            <th>Method</th>
                            <th>Follow-up</th>
                            <th width="220">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($evaluations as $ev)
                            <tr class="{{ $ev->trashed() ? 'table-danger' : '' }}">
                                <td>
                                    <code>{{ $ev->training?->training_code }}</code><br>
                                    <small>{{ $ev->training?->topic?->topic_name }}</small>
                                </td>
                                <td>{{ $ev->training?->employee?->name }}</td>
                                <td><span class="badge badge-info">{{ $ev->evaluation_type }}</span></td>
                                <td>{{ $ev->evaluation_date?->format('M d, Y') }}</td>
                                <td>
                                    @if($ev->overall_effectiveness !== null)
                                        <div class="progress" style="height: 20px; min-width: 80px;">
                                            <div class="progress-bar bg-{{ $ev->overall_effectiveness >= 70 ? 'success' : 'warning' }}"
                                                 style="width: {{ $ev->overall_effectiveness }}%">
                                                {{ $ev->overall_effectiveness }}%
                                            </div>
                                        </div>
                                    @else
                                        <span class="text-muted">—</span>
                                    @endif
                                </td>
                                <td><span class="badge badge-{{ $ev->status_badge }}">{{ $ev->effectiveness_status }}</span></td>
                                <td><small>{{ $ev->evaluation_method }}</small></td>
                                <td>
                                    @if($ev->follow_up_required)
                                        <span class="badge badge-warning">
                                            {{ $ev->follow_up_date?->format('M d, Y') ?? 'Due' }}
                                        </span>
                                    @else
                                        <span class="text-muted">No</span>
                                    @endif
                                </td>
                                <td>
                                    @if($ev->trashed())
                                        <form action="{{ route('training.effectiveness.restore', $ev->effectiveness_id) }}"
                                              method="POST" class="d-inline">@csrf
                                            <button class="btn btn-sm btn-success"><i class="fas fa-undo"></i></button>
                                        </form>
                                        <form action="{{ route('training.effectiveness.force-delete', $ev->effectiveness_id) }}"
                                              method="POST" class="d-inline">@csrf @method('DELETE')
                                            <button class="btn btn-sm btn-danger"
                                                    onclick="return confirm('Permanently delete?')">
                                                <i class="fas fa-trash-alt"></i>
                                            </button>
                                        </form>
                                    @else
                                        <a href="{{ route('training.effectiveness.show', $ev->effectiveness_id) }}"
                                           class="btn btn-sm btn-info"><i class="fas fa-eye"></i></a>
                                        <a href="{{ route('training.effectiveness.edit', $ev->effectiveness_id) }}"
                                           class="btn btn-sm btn-primary"><i class="fas fa-edit"></i></a>
                                        <form action="{{ route('training.effectiveness.destroy', $ev->effectiveness_id) }}"
                                              method="POST" class="d-inline">@csrf @method('DELETE')
                                            <button class="btn btn-sm btn-danger" onclick="return confirm('Delete?')">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </form>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="9" class="text-center py-4 text-muted">
                                No evaluations found
                            </td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            {{ $evaluations->links() }}
        </div>
    </div>
</div>
@endsection