@extends('layouts.app', ['activePage' => 'productos', 'titlePage' => __('Catalogos/Productos')])

@section('content')


<div class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card card-nav-tabs card-plain">
                        <div class="card-header card-header-primary">
                            <h4 class="card-title ">Productos y listas de precios</h4>
                            <div class="nav-tabs-navigation">
                                <div class="nav-tabs-wrapper">
                                    <ul class="nav nav-pills nav-pills-primary" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active" data-toggle="tab" href="#productos" role="tablist" aria-expanded="false">
                                                Productos
                                            </a>
                                        </li>
                                        <li class="nav-item" onclick="loadGridLista()">
                                            <a class="nav-link" data-toggle="tab" href="#lista_precios" role="tablist" aria-expanded="false">
                                                Lista precios
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="card-body">
                            <div class="tab-content tab-space">
                                <div class="tab-pane active" id="productos" aria-expanded="true">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="input-group input-group-static">
                                                <label for="">Proveedor:</label>
                                                <select class="form-control " id="Prov020a_filter" onchange="loadGrid()">
                                                    <option value="">TODOS</option>
                                                    @foreach ($data['proveedores'] as $co)
                                                    <option value="{{$co->Id}}">{{$co->Nombre}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-8 mt-3 text-right">
                                            <button type="button" class="btn btn-primary" id="addProducto">
                                                Nuevo producto
                                            </button>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <table class="table table-bordered table-hover" width="100%" id="gridProductos">
                                            <thead>
                                                <th class="text-white  text-xxs font-weight-bolder opacity-7">ID</th>
                                                <th class="text-white  text-xxs font-weight-bolder opacity-7">Código</th>
                                                <th class="text-white  text-xxs font-weight-bolder opacity-7">Nombre</th>
                                                <th class="text-white  text-xxs font-weight-bolder opacity-7">Proveedor</th>
                                                <th class="text-white  text-xxs font-weight-bolder opacity-7">Departamento</th>
                                                <th class="text-white  text-xxs font-weight-bolder opacity-7">Linea</th>
                                                <th class="text-white  text-xxs font-weight-bolder opacity-7">Sub-linea</th>
                                                <!-- <th class="text-white  text-xxs font-weight-bolder opacity-7">Tipo</th> -->
                                                <th class="text-white  text-xxs font-weight-bolder opacity-7">Acciones</th>
                                            </thead>
                                        </table>
                                    </div>
                                </div>
                                <div class="tab-pane" id="lista_precios" aria-expanded="true">
                                    <div class="row">
                                        <div class="col-md-12 mt-3 text-right">
                                            <button type="button" class="btn btn-primary" id="addListaPrecio">
                                                Nueva lista
                                            </button>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <table class="table table-bordered table-hover" width="100%" id="gridListaPrecios">
                                            <thead>
                                                <th class="text-white  text-xxs font-weight-bolder opacity-7">Lista</th>
                                                <th class="text-white  text-xxs font-weight-bolder opacity-7">Descripcion</th>
                                                <th class="text-white  text-xxs font-weight-bolder opacity-7">Moneda</th>
                                                <th class="text-white  text-xxs font-weight-bolder opacity-7">Registrado por</th>
                                                <th class="text-white  text-xxs font-weight-bolder opacity-7">Registrado el</th>
                                                <th class="text-white  text-xxs font-weight-bolder opacity-7">Modificado por</th>
                                                <th class="text-white  text-xxs font-weight-bolder opacity-7">Modificado el</th>
                                                <th class="text-white  text-xxs font-weight-bolder opacity-7">Acciones</th>
                                            </thead>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modalProductos" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title font-weight-normal" id="titleModal">Agregar producto</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                </button>
            </div>
            <form id="form-save-producto" method="post">
                <input type="hidden" id="idProducto" name="idProducto">

                <div class="modal-body">
                    <div class="nav-tabs-navigation">
                        <div class="nav-tabs-wrapper">
                            <ul class="nav nav-pills nav-pills-primary" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" data-toggle="tab" href="#productos_general" role="tablist" aria-expanded="false">
                                        General
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-toggle="tab" href="#productos_precios" role="tablist" aria-expanded="false">
                                        Precios
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <hr>
                    <div class="tab-content tab-space">
                        <div class="tab-pane active" id="productos_general" aria-expanded="true">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="input-group input-group-static ">
                                        <label for="">Nombre: <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="Nom020a" name="Nom020a">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="input-group input-group-static">
                                        <label for="">Código: <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="Cod020a" name="Cod020a">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="input-group input-group-static">
                                        <label for="">Proveedor: </label>
                                        <select class="form-control " id="Prov020a" name="Prov020a">
                                            <option value=""  selected>-[Seleccione una opción]-</option>
                                            @foreach ($data['proveedores'] as $co)
                                            <option value="{{$co->Id}}">{{$co->Nombre}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="input-group input-group-static">
                                        <label for="">Departamento: <span class="text-danger">*</span></label>
                                        <select class="form-control " id="Depto020a" name="Depto020a" onchange="getLineas(this.value)">
                                            <option value=""  selected>-[Seleccione una opción]-</option>
                                            @foreach ($data['departamentos'] as $co)
                                            <option value="{{$co->Departamento}}">{{$co->Descripcion}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="input-group input-group-static">
                                        <label for="">Lineas: <span class="text-danger">*</span></label>
                                        <select class="form-control " id="Linea020a" name="Linea020a" disabled onchange="getSubLineas(this.value)">
                                            <option value="" selected>-[Seleccione una opción]-</option>

                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="input-group input-group-static">
                                        <label for="">Sub-linea: <span class="text-danger">*</span></label>
                                        <select class="form-control " disabled id="Sublin020a" name="Sublin020a">
                                            <option value="">-[Seleccione una opción]-</option>

                                        </select>
                                    </div>
                                </div>


                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="input-group input-group-static">
                                        <label for="">TUA: <span class="text-danger">*</span></label>
                                        <select class="form-control " id="Tu020a" name="Tu020a">
                                            <option value="" selected>-[Seleccione una opción]-</option>
                                            @foreach ($data['Tu020a'] as $co)
                                            <option value="{{$co}}">{{$co}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="input-group input-group-static ">
                                        <label for="">Peso: <span class="text-danger">*</span></label>
                                        <input type="number" step="any" class="form-control" id="Pesou020a" name="Pesou020a">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="input-group input-group-static">
                                        <label for="">Tipo empaque: <span class="text-danger">*</span></label>
                                        <select class="form-control " id="Tipoe020a" name="Tipoe020a">
                                            <option value="" selected>-[Seleccione una opción]-</option>
                                            @foreach ($data['Tipoe020a'] as $co)
                                            <option value="{{$co}}">{{$co}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="input-group input-group-static ">
                                        <label for="">Cantidad empaque: <span class="text-danger">*</span></label>
                                        <input type="number" class="form-control" id="Cante020a" name="Cante020a">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="input-group input-group-static">
                                        <label for="">Tasa IVA: <span class="text-danger">*</span></label>
                                        <select class="form-control " id="Iva020a" name="Iva020a" style="width: 100%" required>
                                            <option value="" selected>-[Seleccione una opción]-</option>
                                            @foreach ($data['tasaiva'] as $co)
                                            <option value="{{$co->Iva020a}}">{{$co->Iva020a}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="input-group input-group-static">
                                        <label for="">Marca: <span class="text-danger">*</span></label>
                                        <select class="form-control " id="ID_Marca" name="ID_Marca">
                                            <option value="">-[Seleccione una opción]-</option>
                                            @foreach ($data['marcas'] as $co)
                                            <option value="{{$co->id}}">{{$co->descripcion}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="input-group input-group-static">
                                        <label for="">Modelo: <span class="text-danger">*</span></label>
                                        <select class="form-control " id="ID_Modelo_Prod" name="ID_Modelo_Prod">
                                            <option value="">-[Seleccione una opción]-</option>
                                            @foreach ($data['modelos'] as $co)
                                            <option value="{{$co->id}}">{{$co->descripcion}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="input-group input-group-static">
                                        <label for="">Sub-familia: <span class="text-danger">*</span></label>
                                        <select class="form-control " id="ID_Subfamilia" name="ID_Subfamilia">
                                            <option value="">-[Seleccione una opción]-</option>
                                            @foreach ($data['subfamilias'] as $co)
                                            <option value="{{$co->id}}">{{$co->descripcion}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="input-group input-group-static ">
                                        <label for="">Clave producto SAT: <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="CveProdSAT" name="CveProdSAT">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="productos_precios" aria-expanded="true">
                            <div class="row m-1">
                                <table class="table-bordered table-hover mt-3" width="100%">
                                    <thead class="bg-primary ">
                                        <th class="text-white text-sm font-weight-bolder opacity-7 py-2"></th>
                                        <th class="text-white text-sm font-weight-bolder opacity-7 py-2">Lista</th>
                                        <th class="text-white text-sm font-weight-bolder opacity-7 py-2">Descripción</th>
                                        <!-- <th class="text-white text-sm font-weight-bolder opacity-7 py-2">Factor financiamiento</th> -->
                                        <!-- <th class="text-white text-sm font-weight-bolder opacity-7 py-2">Monto minimo compra</th> -->
                                        <th class="text-white text-sm font-weight-bolder opacity-7 py-2">Precio</th>
                                    </thead>
                                    <tbody id="listListaPrecios">

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                    <button type="submit" class="btn btn-primary">Guardar</button>
                </div>
            </form>
        </div>
    </div>
</div>


<div class="modal fade" id="modalListaPrecio" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title font-weight-normal" id="titleModal">Agregar lista de precio</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                </button>
            </div>
            <form id="form-save-lista" method="post">
                <div class="modal-body">
                    <input type="hidden" name="Lista" id="Lista">
                    <div class="input-group input-group-static">
                        <label for="">Descripción: <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="Descripcion" name="Descripcion" required>
                    </div>
                    <div class="input-group input-group-static">
                        <label for="">Moneda: <span class="text-danger">*</span></label>
                        <select class="form-control " id="Moneda" name="Moneda" required>
                            <option value="">-[Seleccione una opción]-</option>
                            @foreach ($data['monedas'] as $co)
                            <option value="{{$co}}">{{$co}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                    <button type="submit" class="btn btn-primary">Guardar</button>
                </div>
            </form>
        </div>
    </div>
</div>

<style>
    .text-wrap {
        white-space: normal;
    }

    .width-td {
        width: 350px;
    }
</style>

<script>
    $(document).ready(function() {
        $('.dropify').dropify();

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $(".datepicker").flatpickr({
            minDate: "today"
        });

        loadGrid();
    });




    function loadGrid() {
        //$('#').DataTable();
        $('#gridProductos').dataTable().fnDestroy();
        $('#gridProductos td').css('white-space', 'initial');
        var table = $('#gridProductos').DataTable({
            lengthMenu: [10, 15, 20, 50, 100],
            dom: 'Bfrtip',
            processing: true,
            scrollX: true,
            scrollY: '50vh',
            scrollCollapse: true,
            ajax: {
                url: "{{url('catalogos/productos/get_productos')}}",
                type: "POST",
                data: {
                    Prov020a: $('#Prov020a_filter option:selected').val()
                }
            },
            columns: [
                // {
                //     "className": 'details-control',
                //     "orderable": false,
                //     "data": null,
                //     "defaultContent": ''
                // }, 
                {
                    data: "Id"
                },
                {
                    data: "Cod020a"
                },
                {
                    data: "Nom020a"
                },
                {
                    data: "proveedor_r"
                },
                {
                    data: "departamento.Descripcion"
                },
                {
                    data: "linea.Descripcion"
                },
                {
                    data: "sublinea.Descripcion"
                },
                // {
                //     data: "Tipoe020a"
                // },
                // {
                //     data: "subfamilia.descripcion"
                // },
                {
                    data: "acciones"
                },

            ],
            columnDefs: [{
                render: function(data, type, full, meta) {
                    return "<div class='text-wrap width-td'>" + data + "</div>";
                },
                targets: [2, 3]
            }],
            order: [
                [0, "desc"]
            ],
            buttons: [{
                    extend: 'copyHtml5',
                    text: '<i class="fa fa-files-o"></i>',
                    titleAttr: 'Copiar'
                },
                {
                    extend: 'excelHtml5',
                    text: '<i class="fa fa-file-excel-o"></i>',
                    titleAttr: 'Excel'
                },
                {
                    extend: 'csvHtml5',
                    text: '<i class="fa fa-file-text-o"></i>',
                    titleAttr: 'CSV'
                },
                {
                    extend: 'pdfHtml5',
                    text: '<i class="fa fa-file-pdf-o"></i>',
                    titleAttr: 'PDF'
                }

            ],
        });

        // $('#gridProductos tbody').on('click', 'td.details-control', function() {
        //     var tr = $(this).closest('tr');
        //     var row = table.row(tr);

        //     if (row.child.isShown()) {
        //         // This row is already open - close it
        //         row.child.hide();
        //         tr.removeClass('shown');
        //     } else {
        //         // Open this row
        //         row.child(format(row.data())).show();
        //         tr.addClass('shown');
        //     }
        // });
    }


    $('#addProducto').click(function() {
        $('#idProducto').val('');
        $('#Cod020a').val('');
        $('#Nom020a').val('');
        $('#Prov020a').val('').trigger('change');
        $('#Depto020a').val('').trigger('change');
        $('#Linea020a').val('');
        $('#Sublin020a').val('');
        $('#Tu020a').val('').trigger('change');
        $('#Tipoe020a').val('').trigger('change');
        $('#Pesou020a').val('');
        $('#Cante020a').val('');
        $('#Iva020a').val('');
        $('#ID_Marca').val('').trigger('change');
        $('#ID_Modelo_Prod').val('').trigger('change');
        $('#ID_Subfamilia').val('').trigger('change');
        $('#CveProdSAT').val('');
        $('#modalProductos').modal('show')
        $('#titleModal').text('Agregar producto')
        getListasPreciosProductos();

    })

    function getSubLineas(valor, select = '') {
        $.ajax({
                url: "{{ url('catalogos/productos/get_sublineas')}}",
                type: "post",
                data: {
                    Linea: valor,
                    Departamento: $('#Depto020a option:selected').val(),
                },
            })
            .done(function(resp) {
                console.log("success");

                $('#Sublin020a option:not(:first)').remove()
                $('#Sublin020a').attr('disabled', false);
                $.each(resp.data, function(index, value) {
                    $('#Sublin020a').append(
                        '<option value="' + value['SubLinea'] + '"> ' + value['Descripcion'] + '</option>'
                    )
                })

                if (select != '') {
                    $('#Sublin020a').val(select);
                }

            }).fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");

            });
    }


    function getLineas(valor, select = '') {
        $.ajax({
                url: "{{ url('catalogos/productos/get_lineas')}}",
                type: "post",
                data: {
                    Departamento: valor
                },
            })
            .done(function(resp) {
                console.log("success");

                $('#Linea020a option:not(:first)').remove()
                $('#Linea020a').attr('disabled', false);
                $.each(resp.data, function(index, value) {
                    $('#Linea020a').append(
                        '<option value="' + value['Linea'] + '"> ' + value['Descripcion'] + '</option>'
                    )
                })
                if (select != '') {
                    $('#Linea020a').val(select);
                }
            }).fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");

            });
    }


    function getListasPreciosProductos(tipo = 0, data = []) {
        $.ajax({
                url: "{{url('catalogos/productos/get_listas')}}",
                type: 'POST',
                dataType: 'json',
            })
            .done(function(resp) {

                $('#listListaPrecios').empty();

                $.each(resp.data, function(index, value) {
                    $('#listListaPrecios').append(
                        '<tr>' +
                        '<td><input type="checkbox" class="lista_check" name="lista_check"  value="' + value['Lista'] + '" id="check_' + value['Lista'] + '" ></td>' +
                        '<td>' + value['Lista'] + '</td>' +
                        '<td>' + value['Descripcion'] + '</td>' +
                        '<td><input type="number" step="any" name="lista_cantidad" id="lista_cantidad_' + value['Lista'] + '" value="0" placeholder="100.0"></td>' +
                        '</tr>'
                    );
                })

                if (tipo == 1) {
                    $.each(data, function(index, value) {
                        $('#check_' + value['Id_Lista']).prop('checked', true);
                        $('#lista_cantidad_' + value['Id_Lista']).val(value['Precio']);
                    })

                }
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
    }
    $('#listListaPrecios').on('click', 'tr', function(e) {
        var $checkbox = $(this).find('.lista_check');
        e.target.type == "checkbox" ?
            $checkbox.prop('checked', $checkbox.is(':checked')) :
            $checkbox.prop('checked', !$checkbox.is(':checked'));

    });

    $("#form-save-producto").on("submit", function(e) {

        e.preventDefault();
        if ($('#Cod020a').val() == '' || $('#Nom020a').val() == '' || $('#Depto020a').val() == '' || $('#Linea020a').val() == '' || $('#Sublin020a').val() == '' || $('#Tu020a').val() == '' || $('#Tipoe020a').val() == '' || $('#Pesou020a').val() == '' || $('#Cante020a').val() == '' || $('#Iva020a').val() == '' || $('#ID_Marca').val() == '' || $('#ID_Modelo_Prod').val() == '' || $('#ID_Subfamilia').val() == '' || $('#CveProdSAT').val() == '') {
            showNotification('error', 'top', 'center', 'danger', '¡ERROR!', 'Debes ingresar toda la información obligatoria.', 3000)
            return false;
        }

        var f = $(this);
        var formData = new FormData(document.getElementById("form-save-producto"));
        var ListasPrecios = new Array();
        $('input[name="lista_check"]:checked').each(function(index, value) {
            var Lista = $(this).val();
            dat = {
                Id_Lista: Lista,
                Precio: $('#lista_cantidad_' + Lista).val(),
            }
            ListasPrecios.push(dat);
        });
        formData.append("ListasPrecios[]", JSON.stringify(ListasPrecios));

        $('#loadingSave').modal('show');
        $.ajax({
                url: "{{ url('catalogos/productos/save_producto')}}",
                type: "post",
                data: formData,
                cache: false,
                contentType: false,
                processData: false
            })
            .done(function(resp) {
                setTimeout(() => {
                    showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje, 3000)
                    $('#gridProductos').DataTable().ajax.reload();
                    $('#modalProductos').modal('hide');
                }, 2000);

            }).fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
                setTimeout(() => {
                    $('#loadingSave').modal('hide')
                }, 2000);
            });

    });

    var i = 0;


    function editarProducto(id) {

        $.ajax({
                url: "{{url('catalogos/productos/get_producto')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    Id: id,
                }
            })
            .done(function(resp) {
                $('#idProducto').val(resp.data['Id']);
                $('#Cod020a').val(resp.data['Cod020a']);
                $('#Nom020a').val(resp.data['Nom020a']);
                $('#Prov020a').val(resp.data['Prov020a']).trigger('change');
                $('#Depto020a').val(resp.data['Depto020a']);
                $('#Tu020a').val(resp.data['Tu020a']).trigger('change');
                $('#Tipoe020a').val(resp.data['Tipoe020a']).trigger('change');
                $('#Pesou020a').val(resp.data['Pesou020a']);
                $('#Cante020a').val(resp.data['Cante020a']);
                $('#Iva020a').val(resp.data['Iva020a']);
                $('#ID_Marca').val(resp.data['ID_Marca']).trigger('change');
                $('#ID_Modelo_Prod').val(resp.data['ID_Modelo_Prod']).trigger('change');
                $('#ID_Subfamilia').val(resp.data['ID_Subfamilia']).trigger('change');
                $('#CveProdSAT').val(resp.data['CveProdSAT']);

                getListasPreciosProductos(1, resp.data.precio_producto);
                getLineas(resp.data['Depto020a'], resp.data['Linea020a']);
                getSubLineas(resp.data['Linea020a'], resp.data['Sublin020a']);
                $('#titleModal').text('Editar producto')
                $('#modalProductos').modal('show')
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
    }

    function eliminarProducto(id) {
        Swal.fire({
            title: '¿Estas seguro de eliminar el producto?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            cancelButtonText: 'Cancelar',
            confirmButtonText: 'Si, ¡hazlo!'
        }).then((result) => {
            if (result.value) {
                $('#loadingLoad').modal('show');

                $.ajax({
                        url: "{{url('catalogos/productos/delete_producto')}}",
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            Id: id,
                        }
                    })
                    .done(function(resp) {
                        setTimeout(() => {
                            showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje, 3000)
                            $('#gridProductos').DataTable().ajax.reload();
                        }, 2000);
                    })
                    .fail(function() {
                        console.log("error");
                    })
                    .always(function() {
                        setTimeout(() => {
                            $('#loadingLoad').modal('hide')
                        }, 2000);
                    });
            }
        })
    }


    function loadGridLista() {
        //$('#').DataTable();
        $('#gridListaPrecios').dataTable().fnDestroy();
        $('#gridListaPrecios td').css('white-space', 'initial');
        var table = $('#gridListaPrecios').DataTable({
            lengthMenu: [10, 15, 20, 50, 100],
            dom: 'Bfrtip',
            processing: true,
            responsive: true,
            scrollY: '50vh',
            scrollX: '50vh',
            scrollCollapse: true,
            ajax: {
                url: "{{url('catalogos/productos/get_listas')}}",
                type: "POST",
                // data: {
                //     Prov020a: $('#Prov020a_filter option:selected').val()
                // }
            },
            columns: [
                // {
                //     "className": 'details-control',
                //     "orderable": false,
                //     "data": null,
                //     "defaultContent": ''
                // }, 
                {
                    data: "Lista"
                },
                {
                    data: "Descripcion"
                },
                {
                    data: "Moneda"
                },
                {
                    data: "RegistradoPor"
                },
                {
                    data: "RegistradoEl"
                },
                {
                    data: "ModificadoPor"
                },
                {
                    data: "ModificadoEl"
                },
                {
                    data: "acciones"
                },

            ],

            order: [
                [0, "desc"]
            ],
            buttons: [{
                    extend: 'copyHtml5',
                    text: '<i class="fa fa-files-o"></i>',
                    titleAttr: 'Copiar'
                },
                {
                    extend: 'excelHtml5',
                    text: '<i class="fa fa-file-excel-o"></i>',
                    titleAttr: 'Excel'
                },
                {
                    extend: 'csvHtml5',
                    text: '<i class="fa fa-file-text-o"></i>',
                    titleAttr: 'CSV'
                },
                {
                    extend: 'pdfHtml5',
                    text: '<i class="fa fa-file-pdf-o"></i>',
                    titleAttr: 'PDF'
                }

            ],
        });

    }

    $('#addListaPrecio').click(function() {
        $('#Lista').val('');
        $('#Descripcion').val('');
        $('#RegistradoPor').val('');
        $('#RegistradoEl').val('');
        $('#ModificadoPor').val('');
        $('#ModificadoEl').val('');
        $('#Moneda').val('').trigger('change');
        $('#modalListaPrecio').modal('show')
        $('#titleModalLista').text('Agregar lista de precio')

    })

    $("#form-save-lista").on("submit", function(e) {
        e.preventDefault();
        var f = $(this);
        var formData = new FormData(document.getElementById("form-save-lista"));
        $('#loadingSave').modal('show');
        $.ajax({
                url: "{{ url('catalogos/productos/save_lista')}}",
                type: "post",
                data: formData,
                cache: false,
                contentType: false,
                processData: false
            })
            .done(function(resp) {
                setTimeout(() => {
                    showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje, 3000)
                    $('#gridListaPrecios').DataTable().ajax.reload();
                    $('#modalListaPrecio').modal('hide');
                }, 2000);

            }).fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
                setTimeout(() => {
                    $('#loadingSave').modal('hide')
                }, 2000);
            });

    });

    function editarListaPrecios(Lista) {

        $.ajax({
                url: "{{url('catalogos/productos/get_lista')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    Lista: Lista,
                }
            })
            .done(function(resp) {

                $('#is_up_in').val(1);
                $('#Lista').val(resp.data['Lista']);
                $('#Descripcion').val(resp.data['Descripcion']);
                $('#Moneda').val(resp.data['Moneda']).trigger('change');
                $('#titleModalLista').text('Editar lista de precio')
                $('#modalListaPrecio').modal('show')
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
    }

    function eliminarLista(Lista) {
        Swal.fire({
            title: '¿Estas seguro de eliminar la lista de precio?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            cancelButtonText: 'Cancelar',
            confirmButtonText: 'Si, ¡hazlo!'
        }).then((result) => {
            if (result.value) {
                $('#loadingLoad').modal('show');

                $.ajax({
                        url: "{{url('catalogos/productos/delete_lista')}}",
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            Lista: Lista,
                        }
                    })
                    .done(function(resp) {
                        setTimeout(() => {
                            showNotification('thumb_up', 'top', 'center', 'success', '¡BIEN!', resp.mensaje, 3000)
                            $('#gridListaPrecios').DataTable().ajax.reload();
                        }, 2000);
                    })
                    .fail(function() {
                        console.log("error");
                    })
                    .always(function() {
                        setTimeout(() => {
                            $('#loadingLoad').modal('hide')
                        }, 2000);
                    });
            }
        })
    }
</script>
@endsection