@extends('layouts.app')
@section('title', 'My Exams')
@section('page-title', 'My Exams')
@section('content')

<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; flex-wrap: wrap; gap: 12px;">
    <div class="text-muted text-sm">{{ $exams->total() }} exam(s) total</div>
    <a href="{{ route('tester.exams.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-circle"></i> Create New Exam
    </a>
</div>

<div class="card">
    <div class="table-wrapper">
        <table>
            <thead>
                <tr>
                    <th>Exam</th>
                    <th>Status</th>
                    <th>Questions</th>
                    <th>Registered</th>
                    <th>Dates</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($exams as $exam)
                <tr>
                    <td>
                        <div style="font-weight: 600;">{{ $exam->title }}</div>
                        <div class="text-xs text-muted">{{ $exam->duration_minutes }} min · {{ $exam->total_marks }} marks · Pass: {{ $exam->pass_percentage }}%</div>
                        @if(!$exam->isFree())
                        <div class="text-xs" style="color: var(--amber);">
                            <i class="bi bi-tag"></i> ${{ number_format($exam->price_per_candidate, 2) }}/candidate
                        </div>
                        @endif
                    </td>
                    <td>
                        @php $badge = $exam->status_badge; @endphp
                        <span class="badge badge-{{ in_array($exam->status, ['active']) ? 'success' : (in_array($exam->status, ['published']) ? 'info' : (in_array($exam->status, ['closed']) ? 'warning' : 'muted')) }}">
                            {{ $badge['label'] }}
                        </span>
                    </td>
                    <td>{{ $exam->questions_count }}</td>
                    <td>{{ $exam->registrations_count }}</td>
                    <td class="text-xs text-muted">
                        @if($exam->start_at)
                        <div><i class="bi bi-play"></i> {{ $exam->start_at->format('M j, Y H:i') }}</div>
                        @endif
                        @if($exam->end_at)
                        <div><i class="bi bi-stop"></i> {{ $exam->end_at->format('M j, Y H:i') }}</div>
                        @endif
                        @if(!$exam->start_at && !$exam->end_at)
                        <span>—</span>
                        @endif
                    </td>
                    <td>
                        <div style="display: flex; gap: 6px; flex-wrap: wrap;">
                            <a href="{{ route('tester.exams.questions', $exam) }}" class="btn btn-outline btn-sm" title="Questions">
                                <i class="bi bi-list-check"></i>
                            </a>
                            <a href="{{ route('tester.exams.registrations', $exam) }}" class="btn btn-outline btn-sm" title="Candidates">
                                <i class="bi bi-people"></i>
                            </a>
                            <a href="{{ route('tester.exams.results', $exam) }}" class="btn btn-outline btn-sm" title="Results">
                                <i class="bi bi-bar-chart"></i>
                            </a>
                            <a href="{{ route('tester.exams.edit', $exam) }}" class="btn btn-outline btn-sm" title="Edit">
                                <i class="bi bi-pencil"></i>
                            </a>
                            @if($exam->status === 'draft')
                            <form method="POST" action="{{ route('tester.exams.publish', $exam) }}" style="display:contents;">
                                @csrf
                                <button type="submit" class="btn btn-success btn-sm" title="Publish">
                                    <i class="bi bi-cloud-upload"></i>
                                </button>
                            </form>
                            @elseif($exam->status === 'published')
                            <form method="POST" action="{{ route('tester.exams.activate', $exam) }}" style="display:contents;">
                                @csrf
                                <button type="submit" class="btn btn-primary btn-sm" title="Activate">
                                    <i class="bi bi-lightning"></i>
                                </button>
                            </form>
                            @endif
                            <form method="POST" action="{{ route('tester.exams.destroy', $exam) }}" onsubmit="return confirm('Delete this exam?')" style="display:contents;">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm" title="Delete">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </form>
                        </div>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="6" style="text-align: center; padding: 60px; color: var(--muted);">
                        <i class="bi bi-journal-x" style="font-size: 2.5rem; display: block; margin-bottom: 12px;"></i>
                        No exams yet.
                        <a href="{{ route('tester.exams.create') }}">Create your first exam</a>
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($exams->hasPages())
    <div class="pagination-wrapper">{{ $exams->links() }}</div>
    @endif
</div>
@endsection