@extends('layouts.admin')

@section('title', __('admin.questions.title') . ' - ' . $chapter->name)

@section('content')
<div class="page-header">
    <div>
        <nav aria-label="breadcrumb" class="mb-3">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.classes.management') }}">{{ __('admin.classes.chapters.breadcrumb.classes') }}</a></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.classes.subjects', $chapter->subject->class_id) }}">{{ $chapter->subject->class->name }}</a></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.classes.chapters', $chapter->subject_id) }}">{{ $chapter->subject->name }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $chapter->name }}</li>
            </ol>
        </nav>
        <h1>{{ __('admin.questions.title') }} - {{ $chapter->name }}</h1>
        <p>{{ $chapter->subject->name }} - {{ $chapter->subject->class->name }}</p>
    </div>
    <div>
        <button type="button" class="btn btn-primary" onclick="Livewire.dispatch('openModal')">
            <i class="bi bi-plus-lg"></i> {{ __('admin.questions.new_question') }}
        </button>
    </div>
</div>

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
    {{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

@livewire('admin.questions.question-management', ['chapterId' => $chapter->id])
@livewire('admin.questions.create-question-modal', ['chapterId' => $chapter->id])
@livewire('admin.questions.edit-question-modal')

<script>
document.addEventListener('livewire:init', () => {
    Livewire.on('question-created', () => {
        location.reload();
    });
    
    Livewire.on('question-updated', () => {
        location.reload();
    });
    
    Livewire.on('question-status-toggled', () => {
        location.reload();
    });
});
</script>
@endsection