@extends('layouts.dashboard')
@section('title', __('Test Series'))
@section('page_title', __('Test Series'))

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h4 class="mb-0 fw-bold">{{ __('Test Series') }}</h4>
        <p class="text-muted small mb-0">{{ __('Sell quiz-only products without video lessons.') }}</p>
    </div>
    <a href="{{ route('instructor.test-series.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg me-1"></i>{{ __('New Test Series') }}</a>
</div>

<div class="card border-0 shadow-sm"><div class="card-body p-0"><div class="table-responsive">
    <table class="table table-hover align-middle mb-0">
        <thead class="table-light"><tr><th class="ps-4">{{ __('Test Series') }}</th><th>{{ __('Status') }}</th><th class="text-center">{{ __('Tests') }}</th><th class="text-center">{{ __('Students') }}</th><th>{{ __('Price') }}</th><th class="text-end pe-4">{{ __('Actions') }}</th></tr></thead>
        <tbody>
        @forelse($courses as $course)
            <tr>
                <td class="ps-4"><div class="d-flex align-items-center"><img src="{{ $course->thumbnailUrl() }}" alt="" class="rounded me-3" width="64" height="44" style="object-fit:cover"><div><div class="fw-semibold">{{ $course->title }}</div><small class="text-muted">{{ $course->short_description }}</small></div></div></td>
                <td>@php($tone = $course->approval_status === 'approved' ? 'success' : ($course->approval_status === 'pending' ? 'warning' : 'secondary'))<span class="badge bg-{{ $tone }}-subtle text-{{ $tone }}-emphasis text-capitalize">{{ status_label($course->approval_status) }}</span></td>
                <td class="text-center">{{ $course->quizzes_count }}</td>
                <td class="text-center">{{ $course->enrollments_count }}</td>
                <td>{{ $course->isFree() ? __('Free') : money($course->currentPrice()) }}</td>
                <td class="text-end pe-4"><div class="d-inline-flex gap-1">
                    <a href="{{ route('instructor.quizzes.index', $course) }}" class="btn btn-sm btn-outline-primary" title="{{ __('Manage tests') }}"><i class="bi bi-ui-checks-grid"></i></a>
                    <a href="{{ route('instructor.courses.edit', $course) }}" class="btn btn-sm btn-outline-secondary" title="{{ __('Edit') }}"><i class="bi bi-pencil"></i></a>
                    <a href="{{ route('test-series.show', $course) }}" class="btn btn-sm btn-outline-secondary" title="{{ __('View') }}"><i class="bi bi-eye"></i></a>
                </div></td>
            </tr>
        @empty
            <tr><td colspan="6" class="text-center text-muted py-5"><i class="bi bi-ui-checks-grid display-6 d-block mb-2"></i>{{ __('No test series yet.') }}</td></tr>
        @endforelse
        </tbody>
    </table>
</div></div></div>
<div class="mt-3">{{ $courses->links() }}</div>
@endsection