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

@section('content')
<div class="page-header">
    <div class="d-flex align-items-center justify-content-between flex-wrap gap-2">
        <div>
            <h1>Assessments & Tests</h1>
            <nav aria-label="breadcrumb"><ol class="breadcrumb">
                <li class="breadcrumb-item active">All Tests</li>
            </ol></nav>
        </div>
        <div class="d-flex gap-2">
            @if(!$moodle->isEnabled())
            <a href="{{ route('moodle.config') }}" class="btn btn-outline-warning btn-sm">
                <i class="bi bi-exclamation-triangle me-1"></i>Configure Moodle
            </a>
            @else
            <a href="{{ route('moodle.config') }}" class="btn btn-outline-success btn-sm">
                <i class="bi bi-mortarboard me-1"></i>Moodle Connected
            </a>
            @endif
            <a href="{{ route('assessments.create') }}" class="btn btn-primary">
                <i class="bi bi-plus-lg me-1"></i>New Test
            </a>
        </div>
    </div>
</div>

{{-- Stats --}}
<div class="row g-3 mb-4">
    <div class="col-6 col-md-3">
        <div class="stat-card sc-primary"><div class="stat-icon"><i class="bi bi-clipboard-check"></i></div>
            <div class="stat-value">{{ $tests->total() }}</div><div class="stat-label">Total Tests</div></div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card sc-info"><div class="stat-icon"><i class="bi bi-briefcase"></i></div>
            <div class="stat-value">{{ $tests->getCollection()->where('type','recruitment')->count() }}</div>
            <div class="stat-label">Placement Tests</div></div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card sc-success"><div class="stat-icon"><i class="bi bi-mortarboard"></i></div>
            <div class="stat-value">{{ $tests->getCollection()->where('type','upskilling')->count() }}</div>
            <div class="stat-label">Upskilling Tests</div></div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card sc-gold"><div class="stat-icon"><i class="bi bi-cloud-check"></i></div>
            <div class="stat-value">{{ $tests->getCollection()->where('source','moodle')->count() }}</div>
            <div class="stat-label">On Moodle</div></div>
    </div>
</div>

{{-- Filters --}}
<div class="card mb-3">
    <div class="card-body py-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-12 col-sm-4"><input type="search" name="search" class="form-control" placeholder="Search tests…" value="{{ request('search') }}"></div>
            <div class="col-6 col-md-2">
                <select name="type" class="form-select">
                    <option value="">All Types</option>
                    <option value="recruitment" {{ request('type')==='recruitment'?'selected':'' }}>Placement</option>
                    <option value="upskilling"  {{ request('type')==='upskilling'?'selected':'' }}>Upskilling</option>
                    <option value="general"     {{ request('type')==='general'?'selected':'' }}>General</option>
                </select>
            </div>
            <div class="col-6 col-md-2">
                <select name="source" class="form-select">
                    <option value="">All Sources</option>
                    <option value="native" {{ request('source')==='native'?'selected':'' }}>Native</option>
                    <option value="moodle" {{ request('source')==='moodle'?'selected':'' }}>Moodle LMS</option>
                </select>
            </div>
            <div class="col-6 col-md-2 d-flex gap-2">
                <button type="submit" class="btn btn-primary flex-fill"><i class="bi bi-search me-1"></i>Filter</button>
                <a href="{{ route('assessments.index') }}" class="btn btn-outline-secondary"><i class="bi bi-x-lg"></i></a>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header">{{ $tests->total() }} Tests</div>
    <div class="table-responsive">
        <table class="table table-hover mb-0" style="font-size:.84rem;">
            <thead>
                <tr>
                    <th>Title</th>
                    <th>Type</th>
                    <th>Source</th>
                    <th class="d-none d-md-table-cell">Linked To</th>
                    <th class="d-none d-md-table-cell">Pass Mark</th>
                    <th>Attempts</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
            @forelse($tests as $test)
            <tr>
                <td>
                    <div class="fw-semibold">{{ $test->title }}</div>
                    <div style="font-size:.72rem;color:var(--text-3);">{{ $test->reference }}</div>
                </td>
                <td>
                    <span class="badge bg-{{ $test->type==='recruitment' ? 'info' : ($test->type==='upskilling' ? 'success' : 'secondary') }}">
                        {{ $test->type_label }}
                    </span>
                </td>
                <td>
                    @if($test->source === 'moodle')
                    <span class="badge bg-warning text-dark"><i class="bi bi-mortarboard me-1"></i>Moodle</span>
                    @else
                    <span class="badge bg-primary">Native</span>
                    @endif
                </td>
                <td class="d-none d-md-table-cell" style="font-size:.8rem;color:var(--text-2);">
                    {{ $test->jobPosting?->title ?? $test->training?->title ?? '—' }}
                </td>
                <td class="d-none d-md-table-cell">{{ $test->pass_score }}%</td>
                <td>{{ $test->attempts_count }}</td>
                <td class="text-end">
                    <a href="{{ route('assessments.show', $test) }}" class="btn btn-sm btn-icon btn-outline-primary">
                        <i class="bi bi-eye"></i>
                    </a>
                </td>
            </tr>
            @empty
            <tr><td colspan="7" class="text-center py-5" style="color:var(--text-3);">
                <i class="bi bi-clipboard d-block" style="font-size:2.5rem;margin-bottom:.5rem;"></i>
                No tests yet. <a href="{{ route('assessments.create') }}">Create your first test</a>.
            </td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    @if($tests->hasPages())<div class="card-body pt-0">{{ $tests->links('pagination::bootstrap-5') }}</div>@endif
</div>
@endsection