@extends('layouts.admin')

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

@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.management.classes_title') }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $class->name }}</li>
            </ol>
        </nav>
        <h1>{{ __('admin.classes.management.subjects_title') }} - {{ $class->name }}</h1>
        @if($class->series)
        <p>{{ $class->series }}</p>
        @endif
    </div>
    <div>
        <button type="button" class="btn btn-primary" onclick="Livewire.dispatch('openModal')">
            <i class="bi bi-plus-lg"></i> {{ __('admin.classes.management.new_subject') }}
        </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.subjects.subject-management', ['classId' => $class->id])
@livewire('admin.subjects.create-subject-modal', ['classId' => $class->id])
@livewire('admin.subjects.edit-subject-modal')

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