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

@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-clipboard-check mr-2"></i>Training Assessments</h1>
            <p class="text-muted mb-0">Quizzes, exams and post-training tests</p>
        </div>
        <div>
            <a href="{{ route('training.assessments.index', ['show_deleted' => !request('show_deleted')]) }}"
               class="btn btn-{{ request('show_deleted') ? 'info' : 'warning' }}">
                <i class="fas fa-trash"></i>
                {{ request('show_deleted') ? 'Show Active' : 'Show Deleted (' . $stats['trashed'] . ')' }}
            </a>
            <a href="{{ route('training.assessments.create') }}" class="btn btn-primary">
                <i class="fas fa-plus mr-1"></i>New Assessment
            </a>
        </div>
    </div>

    <div class="row mb-4">
        @foreach([
            ['Total',   $stats['total'],   'primary'],
            ['Active',  $stats['active'],  'success'],
            ['Deleted', $stats['trashed'], 'danger'],
        ] as [$label, $count, $color])
            <div class="col-md-4">
                <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') }}">
                <input type="text" name="search" class="form-control mr-2 mb-2"
                       placeholder="Search title..." value="{{ request('search') }}">
                <select name="topic_id" class="form-control mr-2 mb-2">
                    <option value="">All Topics</option>
                    @foreach($topics as $t)
                        <option value="{{ $t->topic_id }}" {{ request('topic_id') == $t->topic_id ? 'selected' : '' }}>
                            {{ $t->topic_name }}
                        </option>
                    @endforeach
                </select>
                <select name="assessment_type" class="form-control mr-2 mb-2">
                    <option value="">All Types</option>
                    @foreach(['Pre-Test','Post-Test','Quiz','Exam','Practical'] as $t)
                        <option value="{{ $t }}" {{ request('assessment_type') == $t ? 'selected' : '' }}>{{ $t }}</option>
                    @endforeach
                </select>
                <button class="btn btn-primary mb-2 mr-2"><i class="fas fa-search"></i></button>
                <a href="{{ route('training.assessments.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>Title</th>
                            <th>Type</th>
                            <th>Topic</th>
                            <th>Questions</th>
                            <th>Points</th>
                            <th>Passing</th>
                            <th>Time</th>
                            <th>Status</th>
                            <th width="240">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($assessments as $a)
                            <tr class="{{ $a->trashed() ? 'table-danger' : '' }}">
                                <td>{{ $a->assessment_title }}</td>
                                <td><span class="badge badge-info">{{ $a->assessment_type }}</span></td>
                                <td>{{ $a->topic?->topic_name ?? '-' }}</td>
                                <td><span class="badge badge-primary">{{ $a->questions_count }}</span></td>
                                <td>{{ $a->total_points }}</td>
                                <td>{{ $a->passing_score }}%</td>
                                <td>{{ $a->time_limit_minutes ? $a->time_limit_minutes . ' min' : 'None' }}</td>
                                <td>
                                    @if($a->trashed())
                                        <span class="badge badge-dark">Deleted</span>
                                    @else
                                        <form action="{{ route('training.assessments.toggle-active', $a->assessment_id) }}"
                                              method="POST" class="d-inline">@csrf
                                            <button class="badge badge-{{ $a->is_active ? 'success' : 'secondary' }} border-0"
                                                    style="cursor:pointer;">
                                                {{ $a->is_active ? 'Active' : 'Inactive' }}
                                            </button>
                                        </form>
                                    @endif
                                </td>
                                <td>
                                    @if($a->trashed())
                                        <form action="{{ route('training.assessments.restore', $a->assessment_id) }}"
                                              method="POST" class="d-inline">@csrf
                                            <button class="btn btn-sm btn-success" onclick="return confirm('Restore?')">
                                                <i class="fas fa-undo"></i> Restore
                                            </button>
                                        </form>
                                        <form action="{{ route('training.assessments.force-delete', $a->assessment_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.assessments.show', $a->assessment_id) }}"
                                           class="btn btn-sm btn-info"><i class="fas fa-eye"></i></a>
                                        <a href="{{ route('training.assessments.edit', $a->assessment_id) }}"
                                           class="btn btn-sm btn-primary"><i class="fas fa-edit"></i></a>
                                        <form action="{{ route('training.assessments.destroy', $a->assessment_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">
                                <i class="fas fa-clipboard-check fa-3x mb-3 d-block"></i>No assessments found
                            </td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            {{ $assessments->links() }}
        </div>
    </div>
</div>
@endsection