@extends('adminlte::page')

@section('title', 'OFICINAS')

@section('content_header')
@stop

@section('content')

<livewire:show-oficinas/>
     
@stop

@section('footer')
    <div class="float-right">
        Version: {{ config('app.version', '2.0.0') }}
    </div>

    <strong>
        <a href="{{ config('app.company_url', '#') }}">
            {{ config('app.company_name', '©OGD - 2024') }}
        </a>
    </strong>
@stop

@section('css')
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
@stop

@section('js')

    <script>
        Livewire.on('editModal', function() {
                $('#oficinaEdit').modal('show');
                /* setTimeout(function() {
                    location.reload();
                }, 2000); */
                });

        Livewire.on('oficinaUpdate', function() {
            $('#oficinaEdit').modal('hide');
            /* setTimeout(function() {
                location.reload();
            }, 2000); */
            });

        Livewire.on('addOficina', function(message){
            Swal.fire({
                position: 'center',
                icon: "success",
                title: 'Oficina agregado con éxito',
            })
            $('#oficinaAdd').modal('hide');
        });

        Livewire.on('oficinaDelete', function(message){
            Swal.fire({
                position: 'center',
                icon: "success",
                title: 'La oficina se eliminó con éxito',
            })
        });
        

    </script>
    
@stop