@extends('layouts.app', ['activePage' => 'producto', 'titlePage' => __('Productos')])
@section('content')

<style>
    .dataTables_scrollHeadInner {
        width: 100% !important;
    }

    .dataTables_scrollHeadInner table {
        width: 100% !important;
    }
</style>

<div class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header card-header-primary">
                        <h4 class="card-title ">Productos / 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="true" aria-selected="true">
                                            Productos
                                        </a>
                                    </li>

                                    <li class="nav-item">
                                        <a class="nav-link" data-toggle="tab" href="#precios" role="tablist" aria-expanded="false">
                                            Lista de precios
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <hr>
                    </div>
                    <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-12" align="right">
                                        <button type="button" class="btn btn-primary" onclick="nuevoProducto()">
                                            <i class="fa fa-user-plus" aria-hidden="true"></i> Nuevo producto
                                        </button>
                                    </div>
                                </div>
                                <div class="row">
                                    <table class="table table-bordered table-hover" id="gridProductos">
                                        <thead>
                                            <tr>
                                                <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">Descripcion</th>
                                                <th class="text-white text-xxs font-weight-bolder opacity-7">Estatus</th>
                                                <th class="text-white text-xxs font-weight-bolder opacity-7">Acciones</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                            <!-- Fin contenido Productos -->
                            <div class="tab-pane" id="precios" aria-expanded="true">
                                <div class="row">
                                    <div class="col-12" align="right">
                                        <button id="nuevo_precio" type="button" class="btn btn-primary" onclick="nuevaListaPrecio()">
                                            <i class="fa fa-user-plus" aria-hidden="true"></i> Nueva lista
                                        </button>
                                    </div>
                                </div>
                                <div class="row">
                                    <table class="table table-bordered table-hover" id="gridPrecios">
                                        <thead>
                                            <tr>
                                                <th class="text-white text-xxs font-weight-bolder opacity-7">ID</th>
                                                <th class="text-white text-xxs font-weight-bolder opacity-7">Lista de precio</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">Monto minimo</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">Acciones</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Crear Producto -->
<div class="modal fade" id="modalNuevoProducto" tabindex="-1" role="dialog" aria-labelledby="crearProductoLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title font-weight-normal" id="modalTitle"></h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                </button>
            </div>
            <div class="modal-body">
                <div class="input-group input-group-static mb-2">
                    <label>Código: <span class="text-danger">*</span></label>
                    <input id="codigo" name="codigo" type="text" class="form-control">
                    <div id="codigoHelp" class="form-text">Código de producto</div>
                </div>

                <div class="input-group input-group-static mb-2">
                    <label>Estatus: <span class="text-danger">*</span></label>
                    <select name="estatus" id="estatus" class="form-control">
                        <option value="0" disabled selected>-Selecciona una opción-</option>
                        @foreach($data['estatus_productos'] as $fm)
                        <option value="{{$fm}}">{{$fm}}</option>
                        @endforeach
                    </select>
                </div>

                <div class="input-group input-group-static mb-2">
                    <label>Descripción: <span class="text-danger">*</span></label>
                    <input id="descripcion" name="descripcion" type="text" class="form-control">
                </div>

                <div class="input-group input-group-static mb-2">
                    <label>Descripción corta: <span class="text-danger">*</span></label>
                    <input id="descripcion_corta" name="descripcion_corta" type="text" class="form-control">
                </div>

                <div class="input-group input-group-static mb-2">
                    <label>Clave de unidad: <span class="text-danger">*</span></label>
                    <select id="clave_unidad" name="clave_unidad" class="form-control">
                        <option value="0" disabled selected>-Selecciona una opción-</option>
                        @foreach($data['clavesunidad'] as $fm)
                        <option value="{{$fm->IdClaveUnidad}}">{{$fm->Nombre}}</option>
                        @endforeach
                    </select>
                </div>

                <div class="input-group input-group-static mb-2">
                    <label>Clave Prod Serv: <span class="text-danger">*</span></label>
                    <input id="clave_prod_serv" name="clave_prod_serv" type="text" class="form-control">
                    <div id="claveProdServHelp" class="form-text">8 caracteres numéricos</div>

                </div>

                <!-- <div style="display: flex;"> -->
                <div class="row">
                    <div class="col-6">
                        <div class="input-group input-group-static mb-2">
                            <label>Familia: <span class="text-danger">*</span></label>
                            <select id="familia" class="form-control" onchange="setSubFamilia(this.value)">
                                <option value="0" disabled selected>-Selecciona una opción-</option>
                                @foreach($data['familias'] as $fm)
                                <option value="{{$fm->Id}}">{{$fm->Descripcion}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-6">

                        <div class="input-group input-group-static mb-2">
                            <label>Sub-Familia: <span class="text-danger">*</span></label>
                            <select id="subfamilia" class="form-control">
                                <option value="0" disabled selected> -Selecciona una opción-</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="input-group input-group-static mb-2">
                    <label>Comisión:</label>
                    <input id="Comision" name="Comision" type="number" step=".01" class="form-control">
                </div>
                <div class="input-group input-group-static mb-2" style="display: flex; justify-content: space-around;">
                    <button id="btnImpuestos" type="button" data-bs-toggle="modal" data-bs-target="#modalImpuestos">
                        <i class="fas fa-table"></i> Impuestos
                    </button>

                    <button id="btnListaPrecios" type="button" data-bs-toggle="modal" data-bs-target="#modalPrecios">
                        <i class="fa fa-list" aria-hidden="true"></i> Precios
                    </button>
                </div>
            </div>
            <div class="modal-footer">
                <button id="btnCancelarAlta" type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                <button type="submit" class="btn btn-primary" onclick="guardarProducto()">Guardar</button>
            </div>
        </div>
    </div>
</div>

<!-- impuestos -->
<div class="modal fade" id="modalImpuestos" tabindex="-1" role="dialog" aria-labelledby="impuestosLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title font-weight-normal">Lista de Impuestos</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                </button>
            </div>
            <div class="modal-body">
                <table class="table table-dark table-striped">
                    <thead>
                        <tr>
                            <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"></th>
                            <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"> Tasa Impuesto </th>
                            <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"> Descripción </th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($data['impuestos'] as $impuesto)
                        <tr>
                            <div class="form-check">
                                <td>
                                    <input class="form-check-input impuestos" type="checkbox" value="{{$impuesto->Id}}" id="impuesto_{{$impuesto->Id}}" id_impuesto="{{$impuesto->Id}}" name="checkimpuesto">
                                    <label class="custom-control-label" for="customCheck1{{$impuesto->Id}}"></label>
                                </td>
                                <td>{{$impuesto->TasaImpuesto}}</td>
                                <td>{{$impuesto->Descripcion}}</td>
                            </div>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="setImpuestos()">Aceptar</button>
            </div>
        </div>
    </div>
</div>

<!-- Lista precios -->
<div class="modal fade" id="modalPrecios" tabindex="-1" role="dialog" aria-labelledby="preciosLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title font-weight-normal" id="preciosLabel">Lista de Precios</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                </button>
            </div>
            <div class="modal-body">
                <table class="table table-dark table-striped">
                    <thead>
                        <tr>
                            <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"> Lista de Precios </th>
                            <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"> Precios </th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($data['listaPrecios'] as $listaPrecio)
                        <tr>
                            <div class="form-check">
                                <td>{{$listaPrecio->Descripcion}}</td>
                                <td><input id="precio_{{$listaPrecio->Id}}" id_precio="{{$listaPrecio->Id}}" name="precios" type="number" step=".000001" class="form-control precios" style="background-color: white;"></td>
                            </div>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="setPrecios()">Aceptar</button>
            </div>
        </div>
    </div>
</div>


<!-- crear ListaPrecio -->
<div class="modal fade" id="modalNuevoPrecio" tabindex="-1" role="dialog" aria-labelledby="crearListaPrecioLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title font-weight-normal" id="modalTitlePrecio"></h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                </button>
            </div>
            <div class="modal-body">
                <div class="input-group input-group-static mb-2">
                    <label>Lista de precios: <span class="text-danger">*</span></label>
                    <input id="lista_precio" type="text" class="form-control">
                    <div id="lista_precio_help" class="form-text">Valor númerico</div>
                </div>
                <div class="input-group input-group-static mb-2">
                    <label>Descripción: <span class="text-danger">*</span></label>
                    <input id="descripcion_lista" type="text" class="form-control">
                </div>
                <div class="input-group input-group-static mb-2">
                    <label>Factor financiamiento: <span class="text-danger">*</span></label>
                    <input id="financiamiento" type="number" step=".01" class="form-control">
                </div>
                <div class="input-group input-group-static mb-2">
                    <label>Monto mínimo: <span class="text-danger">*</span></label>
                    <input id="monto_minimo" type="number" step=".01" class="form-control">
                </div>
                <div class="input-group input-group-static mb-2">
                    <label>Tipo de moneda: <span class="text-danger">*</span></label>
                    <select id="moneda" class="form-control">
                        <option value="0" disabled selected>-Selecciona una opción-</option>
                        @foreach($data['monedas'] as $mn)
                        <option value="{{$mn->Id}}">{{$mn->Descripcion}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <button id="btn_cancelar" type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                <button type="submit" class="btn btn-primary" onclick="guardarPrecios()">Guardar</button>
            </div>
        </div>
    </div>
</div>


<!-- <script type="application/javascript" src="{{ asset('js/producto/producto.js') }}?1746388168"></script> -->
<input type="hidden" id="idProductoHiddden">
<input type="hidden" id="idPrecioHiddden">
<script>
    $(document).ready(function() {
        $('.dropify').dropify();

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

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


        $('#gridProductos').dataTable().fnDestroy();
        $('#gridProductos td').css('white-space', 'initial');

        $('#gridProductos').DataTable({
            dom: 'Bfrtip',
            // processing: true,
            responsive: true,
            // scrollY: '37vh',
            // scrollCollapse: true,
            // scrollX: true,
            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'
                }
            ]
        });
        loadGrid();
        loadGridListaP();
    });

    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,
            responsive: true,
            scrollY: '50vh',
            scrollCollapse: true,
            ajax: {
                url: "{{url('catalogo/productos/get_productos')}}",
                type: "POST",
                dataType: 'json',
            },
            columns: [

                {
                    data: "Id"
                },
                {
                    data: "Codigo"
                },
                {
                    data: "Descripcion"
                },
                {

                    data: "estatus"
                },
                {
                    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'
                }

            ],
        });

    }

    var impuestos = new Array;
    var precios = new Array;

    function nuevoProducto() {
        $.ajax({
                url: "{{ url('catalogo/productos/get_last_producto')}}",
                type: 'POST',
                dataType: 'json',
            })
            .done(function(resp) {
                $('#modalNuevoProducto').modal('show');
                $('#modalTitle').text('Crear nuevo producto')

                //LIMPIAMOS LOS CAMPOS
                impuestos = [];
                precios = [];
                $('#idProductoHiddden').val('');
                $('#codigo').val(parseInt(resp.data['Id']) + 1);
                $('#estatus').val(0);
                $('#descripcion').val('');
                $('#descripcion_corta').val('');
                $('#clave_unidad').val('');
                $('#clave_prod_serv').val('');
                $('#Comision').val('');
                $('#subfamilia').val(0);
                $('#familia').val(0);
            })
            .fail(function() {
                Swal.fire({
                    type: 'error',
                    title: 'Oops...',
                    text: '¡Algo salió mal!'
                })
            })
            .always(function() {
                console.log("complete");
            });


    }

    function setSubFamilia(familia) {
        $.ajax({
                url: "{{ url('catalogo/productos/get_subfamilias')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    Familia_id: familia,
                },
            })
            .done(function(resp) {
                $('#subfamilia :not(:first-child)').remove();

                $.each(resp.data, function(index, value) {
                    $('#subfamilia').append(
                        '<option value="' + value['Id'] + '">' + value['Descripcion'] + '</option>'
                    )
                })
            })
            .fail(function() {
                Swal.fire({
                    type: 'error',
                    title: 'Oops...',
                    text: '¡Algo salió mal!'
                })
            })
            .always(function() {
                console.log("complete");
            });
    }

    function setImpuestos() {
        impuestos = []
        $('.impuestos').each(function(index, value) {
            if ($(this).is(':checked')) {
                dat = {
                    Impuesto_id: $(this).attr('id_impuesto'),
                }
                impuestos.push(dat)
            }
        });
        $('#modalImpuestos').modal('hide');
    }

    function setPrecios() {
        precios = []

        $('.precios').each(function(index, value) {
            if ($(this).val() != '') {
                dat = {
                    Precio_id: $(this).attr('id_precio'),
                    Precio: $(this).val(),
                }
                precios.push(dat)
            }
        });
        $('#modalPrecios').modal('hide');
    }


    function guardarProducto() {

        var Id = $('#idProductoHiddden').val(),
            Codigo = $('#codigo').val(),
            Estatus = $('#estatus option:selected').val(),
            Descripcion = $('#descripcion').val(),
            DescripcionCorta = $('#descripcion_corta').val(),
            ClaveUnidad_id = $('#clave_unidad option:selected').val(),
            CveProdServ = $('#clave_prod_serv').val(),
            Comision = $('#Comision').val(),
            SubFamilia_id = $('#subfamilia option:selected').val();


        if (Codigo == '' || Estatus == 0 || Descripcion == '' || DescripcionCorta == '' || ClaveUnidad_id == 0 || CveProdServ == '' || SubFamilia_id == 0) {
            Swal.fire({
                type: 'error',
                title: 'Oops...',
                text: 'Debes de ingresar toda la información del obligatoria del producto.',

            })
            return false;
        }


        if (impuestos.length == 0 || precios.length == 0) {
            Swal.fire({
                type: 'error',
                title: 'Oops...',
                text: 'Debes seleccionar por lo menos un impuesto y el precio del producto.',

            })
            return false;
        }
        $.ajax({
                url: "{{ url('catalogo/productos/guardar_producto')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    Id: Id,
                    Codigo: Codigo,
                    Estatus: Estatus,
                    Descripcion: Descripcion,
                    DescripcionCorta: DescripcionCorta,
                    ClaveUnidad_id: ClaveUnidad_id,
                    CveProdServ: CveProdServ,
                    Comision: Comision,
                    SubFamilia_id: SubFamilia_id,
                    impuestos: impuestos,
                    precios: precios,
                },
            })
            .done(function(resp) {
                console.log("success");
                Swal.fire({
                    type: 'success',
                    title: '¡Se ha guardado el producto correctamente!',
                    showConfirmButton: false,
                    timer: 2500
                });
                $('#modalNuevoProducto').modal('hide')
                loadGrid();

            })
            .fail(function() {
                Swal.fire({
                    type: 'error',
                    title: 'Oops...',
                    text: '¡Algo salió mal!'
                })
            })
            .always(function() {
                console.log("complete");
            });

    }

    function editarProducto(Id) {
        $.ajax({
                url: "{{ url('catalogo/productos/get_producto')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    Id: Id,
                },
            })
            .done(function(resp) {
                setDataProducto(resp.data, resp.impuestos, resp.precios)
            })
            .fail(function() {
                Swal.fire({
                    type: 'error',
                    title: 'Oops...',
                    text: '¡Algo salió mal!'
                })
            })
            .always(function() {
                console.log("complete");
            });
    }

    function setDataProducto(data, data_impuestos, data_precios) {

        $('#idProductoHiddden').val(data['Id']);
        $('#codigo').val(data['Codigo']);
        $('#estatus').val(data['Estatus']);
        $('#descripcion').val(data['Descripcion']);
        $('#descripcion_corta').val(data['DescripcionCorta']);
        $('#clave_unidad').val(data['ClaveUnidad_id']);
        $('#clave_prod_serv').val(data['CveProdServ']);
        $('#Comision').val(data['Comision']);
        $('#familia').val(data['Familia_id']).trigger('change');
        $('#subfamilia').val(data['SubFamilia_id']);
        $('#modalTitle').text('Editar producto')
        $('#modalNuevoProducto').modal('show')

        impuestos = [];
        $.each(data_impuestos, function(index, value) {
            $('#impuesto_' + value['Impuesto_id']).prop('checked', true);
            dat = {
                Impuesto_id: value['Impuesto_id'],
            }
            impuestos.push(dat)

        })
        precios = [];

        $.each(data_precios, function(index, value) {
            $('#precio_' + value['Precio_Id']).val(value['Precio']);
            dat = {
                Precio_id: value['Precio_Id'],
                Precio: value['Precio'],
            }
            precios.push(dat)
        })
    }

    function desactivarProducto(estatus, id) {
        if (estatus == 2) {
            var estatus = 'Cancelado';
            Swal.fire({
                title: '¿Está seguro en desactivar el producto con el ID #' + id + '?',
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#43586b',
                cancelButtonColor: '#f54337',
                confirmButtonText: '¡Sí, desactivalo!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.value) {
                    $.ajax({
                            url: "{{url('catalogo/productos/update_producto')}}",
                            type: 'POST',
                            dataType: 'json',
                            data: {
                                Id: id,
                                estatus: estatus,
                            }
                        })
                        .done(function(resp) {
                            Swal.fire({
                                type: 'success',
                                title: '¡Se ha actualizado el producto correctamente!',
                                showConfirmButton: false,
                                timer: 2500
                            });
                            loadGrid();

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

                }
            })
        } else {
            var estatus = 'Activo';

            Swal.fire({
                title: '¿Está seguro en activar el producto con el ID #' + id + '?',
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#43586b',
                cancelButtonColor: '#f54337',
                confirmButtonText: '¡Sí, activalo!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.value) {
                    $.ajax({
                            url: "{{url('catalogo/productos/update_producto')}}",
                            type: 'POST',
                            dataType: 'json',
                            data: {
                                Id: id,
                                estatus: estatus,
                            }
                        })
                        .done(function(resp) {
                            Swal.fire({
                                type: 'success',
                                title: '¡Se ha actualizado el producto correctamente!',
                                showConfirmButton: false,
                                timer: 2500
                            });
                            loadGrid();

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

                }
            })
        }
    }


    //LISTA DE PRECIOS

    function nuevaListaPrecio() {
        $('#modalNuevoPrecio').modal('show');
        $('#modalTitlePrecio').text('Crear nueva lista de precios')

        //LIMPIAMOS LOS CAMPOS
        $('#idPrecioHiddden').val('');
        $('#lista_precio').val('');
        $('#descripcion_lista').val('');
        $('#financiamiento').val('');
        $('#monto_minimo').val('');
        $('#moneda').val(0);
    }

    function loadGridListaP() {
        //$('#').DataTable();
        $('#gridPrecios').dataTable().fnDestroy();
        $('#gridPrecios td').css('white-space', 'initial');

        var table = $('#gridPrecios').DataTable({
            lengthMenu: [10, 15, 20, 50, 100],
            dom: 'Bfrtip',
            processing: true,
            responsive: true,
            scrollY: '50vh',
            scrollCollapse: true,
            ajax: {
                url: "{{url('catalogo/precios/get_precios')}}",
                type: "POST",
                dataType: 'json',
            },
            columns: [

                {
                    data: "Id"
                },
                {
                    data: "ListaPrecios"
                },
                {
                    data: "Descripcion"
                },
                {
                    data: "MontoMinimoCompra"
                },
                {
                    data: "moneda"
                },
                {
                    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'
                }

            ],
        });

    }

    function guardarPrecios() {

        var Id = $('#idPrecioHiddden').val(),
            ListaPrecios = $('#lista_precio').val(),
            Descripcion = $('#descripcion_lista').val(),
            FactorFinanciamiento = $('#financiamiento').val(),
            MontoMinimoCompra = $('#monto_minimo').val(),
            Moneda_id = $('#moneda option:selected').val();


        if (ListaPrecios == '' || Descripcion == '' || FactorFinanciamiento == '' || MontoMinimoCompra == '' || Moneda_id == 0) {
            Swal.fire({
                type: 'error',
                title: 'Oops...',
                text: 'Debes de ingresar toda la información del obligatoria de la lista de precios.',
            })
            return false;
        }

        $.ajax({
                url: "{{ url('catalogo/precios/guardar_precio')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    Id: Id,
                    ListaPrecios: ListaPrecios,
                    Descripcion: Descripcion,
                    FactorFinanciamiento: FactorFinanciamiento,
                    MontoMinimoCompra: MontoMinimoCompra,
                    Moneda_id: Moneda_id,
                },
            })
            .done(function(resp) {
                console.log("success");
                Swal.fire({
                    type: 'success',
                    title: '¡Se ha guardado la lista de precios correctamente!',
                    showConfirmButton: false,
                    timer: 2500
                });
                $('#modalNuevoPrecio').modal('hide')
                loadGridListaP();

            })
            .fail(function() {
                Swal.fire({
                    type: 'error',
                    title: 'Oops...',
                    text: '¡Algo salió mal!'
                })
            })
            .always(function() {
                console.log("complete");
            });

    }

    function editarPrecio(Id) {
        $.ajax({
                url: "{{ url('catalogo/precios/get_precio')}}",
                type: 'POST',
                dataType: 'json',
                data: {
                    Id: Id,
                },
            })
            .done(function(resp) {
                setDataPrecio(resp.data)
            })
            .fail(function() {
                Swal.fire({
                    type: 'error',
                    title: 'Oops...',
                    text: '¡Algo salió mal!'
                })
            })
            .always(function() {
                console.log("complete");
            });
    }

    function setDataPrecio(data) {
        $('#idPrecioHiddden').val(data['Id']);
        $('#lista_precio').val(data['ListaPrecios']);
        $('#descripcion_lista').val(data['Descripcion']);
        $('#financiamiento').val(data['FactorFinanciamiento']);
        $('#monto_minimo').val(data['MontoMinimoCompra']);
        $('#moneda').val(data['Moneda_id']);
        $('#modalTitlePrecio').text('Editar lista de precios')
        $('#modalNuevoPrecio').modal('show');
    }

    function eliminarPrecio(id) {
        Swal.fire({
            title: '¿Está seguro en eliminar la lista de precios con el ID #' + id + '?',
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#43586b',
            cancelButtonColor: '#f54337',
            confirmButtonText: '¡Sí, eliminala!',
            cancelButtonText: 'Cancelar'
        }).then((result) => {
            if (result.value) {
                $.ajax({
                        url: "{{ url('catalogo/precios/delete_precio')}}",
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            Id: id,
                        },
                    })
                    .done(function(resp) {
                        Swal.fire({
                            type: 'success',
                            title: '¡Se ha eliminado la lista de precios correctamente!',
                            showConfirmButton: false,
                            timer: 2500
                        });
                        loadGridListaP()
                    })
                    .fail(function() {
                        Swal.fire({
                            type: 'error',
                            title: 'Oops...',
                            text: '¡Algo salió mal!'
                        })
                    })
                    .always(function() {
                        console.log("complete");
                    });
            }
        })
    }
</script>

@endsection