@extends('layout.backoffice')
@section('content')
    <div class="row">
        <div class="col-lg-12">
            @include('page.administrar.contador.registrar')
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            @include('page.administrar.contador.listado')
        </div>
    </div>

    @include('page.administrar.contador.modal')
    <script>
        function validarFormularioContador() {
            var fechaInicio = new Date($('input[name="fechaInicio"]').val());
            var fechaFin = new Date($('input[name="fechaFin"]').val());

            if (fechaFin < fechaInicio) {
                Swal.fire({
                    text: 'La fecha de finalización no puede ser anterior a la fecha de inicio.',
                    icon: 'info',
                    confirmButtonText: 'Ok'
                });
                return false;
            }
            return true;
        }

        jQuery('#btn-guardar-contador').on('click', async function (e) {
            if (system_validarcampos("formContador") && validarFormularioContador()) {
                let formData = new FormData(document.getElementById('formContador'));
                await axios.post('/administrar/contador/crear', formData).then(function (resp) {
                    if (resp.data.error === 0) {
                        Swal.fire("Configuración guardada con éxito", '',
                            'success').then(function () {
                            window.location.reload();
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });

        jQuery('#btn-actualizar-contador').on('click', async function (e) {
            if (system_validarcampos("formContador") && validarFormularioContador()) {
                let formData = new FormData(document.getElementById('formContador'));
                await axios.post('/administrar/contador/actualizar', formData).then(function (resp) {
                    if (resp.data.error === 0) {
                        Swal.fire("Configuración actualizada con éxito", '',
                            'success').then(function () {
                            window.location.reload();
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });

        jQuery('.btn-cambiarEstado-contador').on('click', function () {
            let id = jQuery(this).data('id');
            Swal.fire({
                title: '¿Está seguro de cambiar el estado?',
                text: "Esta acción no se puede revertir.",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Si',
                cancelButtonText: 'No',
                focusCancel: true
            }).then((result) => {
                if (result.value) {
                    axios.get('/administrar/contador/cambiar/estado?id=' + id).then(function (resp) {
                        if (resp.data.error === 0) {
                            Swal.fire("Acción exitosa.", '', 'success').then(function () {
                                window.location.reload();
                            });
                        } else {
                            notificarUsuario(resp.data.mensaje);
                        }
                    });
                }
            });
        });

        jQuery("#sincronizarContador").on("click", function () {
            jQuery("#modal_sincronizar").modal("show");
        });

        jQuery('#btn_form_guardar_contador').on('click', async function (e) {
            var pais = jQuery('#paisSyncContador').val();
            await axios.get('/administrar/contador/sincronizar?pais=' + pais).then(function (resp) {
                if (resp.data.error === 0) {
                    Swal.fire("Contador sincronizado con éxito", '',
                        'success').then(function () {
                        window.location.reload();
                    });
                } else {
                    notificarUsuario(resp.data.mensaje);
                }
            });
        });

        jQuery(document).ready(function () {
            dataTable(jQuery('.tablaContador'))
            $('#estado').val("{{ $datos['estado'] ?? '1' }}").change();
            $('#pais').val("{{ $datos['pais'] ?? '' }}").change();

            $('#imagen').change(function () {
                var file = this.files[0];
                var reader = new FileReader();
                reader.onload = function (e) {
                    $('#imagen-preview img').attr('src', e.target.result).show();
                }
                if (file) {
                    reader.readAsDataURL(file);
                } else {
                    $('#imagen-preview img').hide();
                }
            });
        });

        jQuery('.btn-eliminar-contador').on('click', function () {
            let id = jQuery(this).data('id');
            Swal.fire({
                title: '¿Está seguro de eliminar?',
                text: "Esta acción no se puede revertir.",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Si',
                cancelButtonText: 'No',
                focusCancel: true
            }).then((result) => {
                if (result.value) {
                    axios.get('/administrar/contador/eliminar?id=' + id).then(function (resp) {
                        if (resp.data.error === 0) {
                            Swal.fire("Eliminado.", '', 'success').then(function () {
                                window.location.reload();
                            });
                        } else {
                            notificarUsuario(resp.data.mensaje);
                        }
                    });
                }
            });
        });
    </script>
@endsection