@extends('adminlte::page')

@section('title', 'Gerenciamento de Protocolos')

@section('content_header')
    <h1>Gerenciamento de Protocolos</h1>
@stop

@section('content')
    <div class="row">
        <div class="col-12">
            @livewire('protocolo.main-component')
        </div>
    </div>
@stop

@section('css')
    @livewireStyles
@stop

@section('js')
    @livewireScripts
    <script>
        // Auto-hide alerts after 5 seconds
        window.addEventListener('load', function() {
            setTimeout(function() {
                $('.alert').fadeOut('slow');
            }, 5000);
        });

        // Listen for Livewire events
        window.addEventListener('livewire:load', function () {
            Livewire.on('protocoloUpdated', () => {
                // Refresh the page or update specific elements
                console.log('Protocolo atualizado');
            });
        });
    </script>
@stop