@extends('layouts.admin')

@section('title', __('admin.menu.question_bank'))

@section('content')
<div class="page-header">
    <div>
        <h1>{{ __('admin.questions.bank.title') }}</h1>
        <p>{{ __('admin.questions.bank.subtitle') }}</p>
    </div>
    <a href="{{ route('admin.questions.generate') }}" class="btn btn-primary">
        <i class="bi bi-plus-circle me-2"></i>{{ __('admin.questions.bank.generate_questions') }}
    </a>
</div>

@livewire('admin.questions.questions-bank-management')

@livewire('admin.questions.edit-question-modal')
@endsection

@push('scripts')
<script>
    document.addEventListener('livewire:initialized', () => {
        Livewire.on('question-updated', () => {
            Swal.fire({
                icon: 'success',
                title: '{{ __("admin.questions.messages.question_updated") }}',
                toast: true,
                position: 'top-end',
                showConfirmButton: false,
                timer: 3000,
                timerProgressBar: true
            });
        });

        Livewire.on('question-deleted', () => {
            Swal.fire({
                icon: 'success',
                title: '{{ __("admin.questions.messages.question_deleted") }}',
                toast: true,
                position: 'top-end',
                showConfirmButton: false,
                timer: 3000,
                timerProgressBar: true
            });
        });
    });
</script>
@endpush