@extends('layouts.admin')

@section('title', __('admin.classes.management.title'))

@section('content')
<div class="page-header">
    <div>
        <h1>{{ __('admin.classes.management.title') }}</h1>
        <p>{{ __('admin.classes.management.subtitle') }}</p>
    </div>
    <button class="btn btn-primary" onclick="Livewire.dispatch('openModal')">
        <i class="bi bi-plus-circle me-2"></i>{{ __('admin.classes.management.new_class') }}
    </button>
</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.classes.class-management')
@livewire('admin.classes.create-class-modal')
@livewire('admin.classes.edit-class-modal')

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