@extends('layouts.app')
@section('titulo', 'Routers')
@section('titulo_card', 'Lista de Routers')

@section('content')
    <div class="row">
        <div class="col">
            @livewire('router-table')
        </div>
    </div>
@endsection
@section('css')
    <link rel="stylesheet" media="all" type="text/css" href="{{ asset('css/daterangepicker.css') }}" />
@endsection
@section('js')
    <script src="{{ asset('js/momentjs.js') }}"></script>
    <script src="{{ asset('js/daterangepicker.js') }}"></script>
    <script src="{{ asset('js/helper.js') }}"></script>
    {{-- @include('layouts.fechadp') --}}
    <script>
        function desactivar(id) {
            Swal.fire({
                title: "¿Desea desactivar este router?",
                // icon: "warning",
                iconHtml: '<i class="fa-solid fa-power-off fs-xs"></i>',
                iconColor: '#dc3545',
                showCancelButton: !0,
                confirmButtonText: "Si",
                cancelButtonText: "No",
            }).then((result) => {
                if (result.value === true) {
                    mostrarCargando();
                    var CSRF_TOKEN = '{{ csrf_token() }}';
                    $.ajax({
                        type: 'DELETE',
                        url: "{{ route('configuracion.router.destroy', '') }}/" + id,
                        data: {
                            _token: CSRF_TOKEN
                        },
                        dataType: 'JSON',
                        success: function(results) {
                            location.reload();
                        }
                    });

                }

            });
        }

        function activar(id) {
            Swal.fire({
                title: "¿Desea activar este router?",
                // icon: "warning",
                iconHtml: '<i class="fa-solid fa-recycle fs-xs"></i>',
                iconColor: '#28a745',
                showCancelButton: !0,
                confirmButtonText: "Si",
                cancelButtonText: "No",
            }).then((result) => {
                if (result.value === true) {
                    mostrarCargando();
                    var CSRF_TOKEN = '{{ csrf_token() }}';
                    $.ajax({
                        type: 'DELETE',
                        url: "{{ route('configuracion.router.destroy', '') }}/" + id,
                        data: {
                            _token: CSRF_TOKEN
                        },
                        dataType: 'JSON',
                        success: function(results) {
                            location.reload();
                        }
                    });

                }

            });
        }

        function mostrarCargando() {
            Swal.fire({
                title: 'Cambiando de estado...',
                html: 'Por favor espere...',
                allowOutsideClick: false,
                timerProgressBar: true,
                didOpen: () => {
                    Swal.showLoading()
                }
            })
        }

        //docuemnt ready
        $(function() {
            $('[data-toggle="tooltip"]').tooltip();
        });
    </script>
@endsection