@extends('layouts.app')
@section('titulo', 'Rangos de Facturación')
@section('titulo_card', 'Lista de Rangos de Facturación')
@section('content')
    <div class="row">
        <div class="col">
            @livewire('factura-rango-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>
    @include('layouts.fechadp')
    <script>
        $(function() {
            $('[data-toggle="tooltip"]').tooltip();
        });

        function cambiarEstado(id, estado) {
            Swal.fire({
                title: estado == 1 ? "¿Desea activar este rango?" : "¿Desea desactivar este rango?",
                // icon: "warning",
                iconHtml: estado == 1 ? '<i class="fa-solid fa-recycle fs-xs"></i>' :
                    '<i class="fa-solid fa-power-off fs-xs"></i>',
                iconColor: estado == 1 ? '#28a745' : '#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.facturacion.rangos.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()
                }
            })
        }
    </script>
@endsection