@extends('layout.backoffice')
@section('content')
    <div class="row mb-3">
        <div class="col-4">
            @include('page.administrar.medidas.tipo_vehiculo')
        </div>
        <div class="col-8">
            @include('page.administrar.medidas.crear')
        </div>
    </div>
    <div class="row">
        <div class="col-4">
        </div>
        <div class="col-8">
            @include('page.administrar.medidas.listado')
        </div>
    </div>
    <script>
        jQuery('#btn-eliminar-seleccionadas').on('click', function () {
            let ids = [];
            jQuery('.table tbody input[type="checkbox"]:checked').each(function () {
                ids.push(jQuery(this).attr('class').split('-')[1]);
            });

            if (ids.length > 0) {
                Swal.fire({
                    title: '¿Estas seguro de eliminar los registros seleccionados?',
                    text: "Esta accion no se puede deshacer",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#6c757d',
                    confirmButtonText: 'Si, eliminar'

                }).then((result) => {
                    if (result.isConfirmed) {
                        axios.delete('administrar/medidas/' + ids).then(function (resp) {
                            if (resp.data.error === 0) {
                                Swal.fire("Datos eliminados con exito", '',
                                    'success').then(function () {
                                    window.location.reload();
                                });
                            } else {
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Oops...',
                                    text: 'Algo salio mal!',
                                })
                            }
                        });
                    }
                });
            } else {
                Swal.fire("Debe seleccionar al menos un registro", '',
                    'warning');
            }
        });

        jQuery('#btn-eliminar-todo').on('click', function () {
            Swal.fire({
                title: '¿Estas seguro de eliminar todos los registros?',
                text: "Esta accion no se puede deshacer",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#6c757d',
                confirmButtonText: 'Si, eliminar'
            }).then((result) => {
                if (result.isConfirmed) {
                    axios.delete(`administrar/medidas/all/`).then(function (resp) {
                        if (resp.data.error === 0) {
                            Swal.fire("Datos eliminados con exito", '',
                                'success').then(function () {
                                window.location.reload();
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Oops...',
                                text: 'Algo salio mal!',
                            })
                        }
                    });
                }
            })
        });

        jQuery('#btn-guardar').on('click', function () {
            if (system_validarcampos("formDatos")) {
                axios.post('administrar/medidas', getDataJson("formDatos")).then(function (resp) {
                    if (resp.data.error === 0) {
                        Swal.fire("Datos guardados con exito", '',
                            'success').then(function () {
                            window.location.reload();
                        });
                    } else {
                        document.getElementById('txtError').innerHTML = resp.data.mensaje
                    }
                });
            }
        });

        jQuery('#btn-actualizar').on('click', function () {
            if (system_validarcampos("formDatos")) {
                axios.put('administrar/medidas', getDataJson("formDatos")).then(function (resp) {
                    if (resp.data.error === 0) {
                        Swal.fire("Datos actualizados con exito", '',
                            'success').then(function () {
                            window.location.reload();
                        });
                    } else {
                        document.getElementById('txtError').innerHTML = resp.data.mensaje
                    }
                });
            }
        });

        jQuery('#btn-subir').on('click', function () {
            let idform = document.getElementById("formCSV");
            const formulario = new FormData(idform);
            if (system_validarcampos("formCSV")) {
                axios.post('administrar/medidas', formulario).then(function (resp) {
                    if (resp.data.error === 0) {
                        Swal.fire("Datos guardados con exito", '',
                            'success').then(function () {
                            window.location.reload();
                        });
                    } else {
                        var datosError = resp.data.mensaje.map(function (datos) {
                            return '<li>' + datos
                        })
                        document.getElementById("txtErrorMasivo").innerHTML = datosError;
                    }
                });
            }
        });

        jQuery(document).ready(function () {
            dataTable(jQuery('#tabla'), 'lrtip')
        });
    </script>
    <style>
        div.dataTables_wrapper div.dataTables_length select {
            width: 60px !important;
        }
    </style>
@endsection