@extends('backend.layout.app')

@section('content')
<div class="page-content py-4">
    <div class="container-fluid">

        <div class="d-flex justify-content-between align-items-center mb-4">
            <h3 class="fw-bold">All Quizzes</h3>
            <a href="{{ route('admin.quiz.create') }}" class="btn btn-primary fw-semibold">
                + Add Quiz
            </a>
        </div>

        <div class="card shadow-sm border-0 rounded-4">
            <div class="card-body">
               <div class="table-responsive">
                            <table class="table table-striped my-table2 dataTable no-footer" id="datatable_internal">
                                <thead class="thead-dark">
                            <tr>
                                <th>#</th>
                                <th>Course</th>
                                <th>Module</th>
                                <th>Quiz Title</th>
                                <th>Created At</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($quizzes as $index => $quiz)
                                <tr id="partenTr_{{ $quiz->id }}">
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ $quiz->module->course->title }}</td>
                                    <td>{{ $quiz->module->title }}</td>
                                    <td>{{ $quiz->title }}</td>
                                    <td>{{ $quiz->created_at->format('d M, Y') }}</td>
                                    <td>
                                        <div class="d-flex gap-2">
                                            <a href="{{ route('admin.quiz.edit', $quiz->id) }}" class="btn btn-sm btn-warning">
                                                <i class="bi bi-pencil-square me-1"></i> Edit
                                            </a>
                                              <a href="javascript:void(0)" class="btn btn-danger btn-sm deleteButton"
                                data-parentid="partenTr_{{ $quiz->id }}"
                                data-url={{ route('admin.quiz.delete', $quiz->id) }}>
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    class="bi bi-trash3-fill" viewBox="0 0 16 16">
                                    <path
                                        d="M11 1.5v1h3.5a.5.5 0 0 1 0 1h-.538l-.853 10.66A2 2 0 0 1 11.115 16h-6.23a2 2 0 0 1-1.994-1.84L2.038 3.5H1.5a.5.5 0 0 1 0-1H5v-1A1.5 1.5 0 0 1 6.5 0h3A1.5 1.5 0 0 1 11 1.5m-5 0v1h4v-1a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5M4.5 5.029l.5 8.5a.5.5 0 1 0 .998-.06l-.5-8.5a.5.5 0 1 0-.998.06m6.53-.528a.5.5 0 0 0-.528.47l-.5 8.5a.5.5 0 0 0 .998.058l.5-8.5a.5.5 0 0 0-.47-.528M8 4.5a.5.5 0 0 0-.5.5v8.5a.5.5 0 0 0 1 0V5a.5.5 0 0 0-.5-.5">
                                    </path>
                                </svg>
                            </a>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5" class="text-center text-muted">
                                        No quizzes found. <a href="{{ route('admin.quiz.create') }}" class="fw-bold text-decoration-underline">Add a quiz</a>
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection