@extends('layout.master', [
'activePage' => $activePage,
'categoria' => $categoria,
'menuParent' => $menuParent,
'titlePage' => $titlePage
])
@push('plugin-styles')

{!! Html::style('assets/css/loader.css') !!}
{!! Html::style('assets/css/apps/tickets.css') !!}
{!! Html::style('plugins/table/datatable/datatables.css') !!}
{!! Html::style('plugins/table/datatable/dt-global_style.css') !!}
{!! Html::style('assets/css/forms/radio-theme.css') !!}
{!! Html::style('assets/css/basic-ui/tabs.css') !!}

@endpush


@section('content')

<div class="sub-header-container">
    <header class="header navbar navbar-expand-sm">
        <ul class="navbar-nav flex-row">
            <li>
                <div class="page-header">
                    <nav class="breadcrumb-one" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="javascript:void(0);"> {{__('Procesos')}}</a></li>
                            <li class="breadcrumb-item active" aria-current="page"><label> {{__('CONSULTA DE EXISTENCIAS')}}</label></li>
                        </ol>
                    </nav>
                </div>
            </li>
        </ul>
    </header>
</div>
<div class="container-fluid pt-2">
    <div class="card mb-4">
        <div class="card-body">
            <div class="form-group row ">
                <div class="col-lg-5">
                    <div class="form-group">
                        <label> @if($data['proyectos']) Proyecto: @else Almacén: @endif <span class="text-danger">*</span></label>
                        <select id="id_almacen" class="form-control form-control-sm">
                            @foreach ($data['almacen'] as $item)
                            <option value="{{ $item->id }}">
                                {{$item->almacen }} - {{$item->descripcion }}
                            </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="form-group">
                        <label> Ejecicio: </label>
                        <select id="ejercicio" class="form-control form-control-sm">
                            @foreach($data['anios'] as $anio)
                            <option value="{{$anio}}">{{$anio}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-4 mt-4">
                    <div class="form-group bs-popover" id="radioDocumento" data-container="body" data-trigger="hover" data-content="Selecciona las opciónes del documento">
                        <div class="card px-2">
                            <div class="radio-inline mt-2">
                                <label class="radio">
                                    <input type="radio" name="radioDocumento" id="todos" value="todos">
                                    <span></span>{{__('Todos')}}</label>
                                <label class="radio">
                                    <input type="radio" name="radioDocumento" id="cexistencia" value="conExistencias" checked>
                                    <span></span>{{__('C/Existencia')}}</label>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="form-group row">
                <div class="col-4 mt-4">
                    <div class="form-group bs-popover" id="radioDocumento2" data-container="body" data-trigger="hover" data-content="Selecciona las opciónes del documento">
                        <div class="card px-2">
                            <div class="radio-inline mt-2">
                                <label class="radio">
                                    <input type="radio" name="radioDocumento2" id="sexistencia" value="soloExistencias" checked>
                                    <span></span>{{__('Solo existencia')}}</label>
                                <label class="radio">
                                    <input type="radio" name="radioDocumento2" id="cfechaultimo" value="fechaUltimoMov">
                                    <span></span>{{__('C/Fecha ult movto.')}}</label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2">
                    <label>Codigo producto: </label>
                    <input type="text" class="form-control form-control-sm bs-popover" id="codigo" onkeydown="javascript:if (event.key === 'Enter') buscarProducto()" onblur="buscarProducto()">
                    <input type="hidden" id="id_producto">
                </div>
                <div class="col-lg-4">
                    <label>Nombre del producto: <span class="text-danger">*</span></label>
                    <input type="text" class="form-control form-control-sm bs-popover" id="producto_search" data-container="body" data-trigger="hover" data-content="Ingresa el nombre del cliente a filtrar">
                </div>

                <div class="col-lg-2 mt-3">
                    <button class="btn btn-primary " type="button" onclick="generarConsulta()">Consultar</button>
                </div>
            </div>
            <div class="card content-consulta-info">
                <div class="card-body">
                    <ul class="nav nav-tabs mb-2" id="normaltab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link text-primary active" id="existencias-tab" data-toggle="tab" href="#existencias" role="tab" aria-controls="existencias" aria-selected="true">{{__('Existencias')}}</a>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link text-primary" id="auxiliar-tab" data-toggle="tab" href="#auxiliar" role="tab" aria-controls="auxiliar" aria-selected="false">{{__('Auxiliar')}}</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-primary" id="almacen-tab" data-toggle="tab" href="#almacen" role="tab" aria-controls="almacen" aria-selected="false">{{__('Por almacén')}}</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-primary" id="listado-tab" data-toggle="tab" href="#listado" role="tab" aria-controls="listado" aria-selected="false">{{__('Listado')}}</a>
                        </li>
                        <!--
                        <li class="nav-item">
                            <a class="nav-link text-primary" id="estadistico-tab" data-toggle="tab" href="#estadistico" role="tab" aria-controls="estadistico" aria-selected="false">{{__('Estadistico')}}</a>
                        </li>

                        -->
                    </ul>
                    <div class="tab-content" id="normaltabContent">
                        <div class="tab-pane fade show active" id="existencias" role="tabpanel" aria-labelledby="existencias-tab">
                            <div class="row noProductoValidate" style="display: none;">
                                <div class="col-12">
                                    <span class="text-danger">Es necesario el producto para generar la tabla</span>
                                </div>
                            </div>
                            <div class="row date-table-container layout-top-spacing">
                                <div class="table-responsive tabla-scroll">
                                    <table class="table table-hover " id="list-existencias">
                                        <thead>
                                            <tr class="bg-header">
                                                <th>Almacén: <label class="text-dark  font-weight-bold" id="label-almacen-existencia"></label>
                                                </th>
                                                <th colspan="2">Estatus:<label style="font-weight: 500;" class="text-dark  font-weight-bold" id="label-estatus-existencia"></label></th>

                                            </tr>
                                            <tr class="bg-header">
                                                <th colspan="">Costo promedio inicial: <label style="font-weight: 500;" class="text-dark  font-weight-bold" id="label-costo-prom-existencia"></label></th>
                                                <th colspan="2" class="text-center">Acumulado anual</label></th>
                                            </tr>
                                            <tr>
                                                <th>Movimiento</th>
                                                <th class="text-right">Unidades</th>
                                                <th class="text-right">Valores</th>
                                            </tr>
                                        </thead>

                                        <tfoot>
                                            <tr class="bg-header">
                                                <th style="font-size: 10.5px;" class="text-uppercase text-dark">Costo promedio actual</th>
                                                <th></th>
                                                <th class="text-right"><label class="text-dark font-weight-bold" id="label-costo-prom-actual"></label></th>
                                            </tr>
                                        </tfoot>

                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="auxiliar" role="tabpanel" aria-labelledby="auxiliar-tab">
                            <div class="row noProductoValidate" style="display: none;">
                                <div class="col-12">
                                    <span class="text-danger">Es necesario el producto para generar la tabla</span>
                                </div>
                            </div>
                            <div class="row content_buttons_auxiliar" style="display: none;">
                                <div class="col-12 mt-3 text-right"><a href="#" class="btn btn-primary btn-excel" id="btn_excel_auxiliar">
                                        <i class="las la-file-excel"></i> Descargar Excel
                                    </a>
                                </div>
                            </div>
                            <div class="row date-table-container layout-top-spacing">
                                <div class="table-responsive tabla-scroll">
                                    <table class="table table-hover" id="list-auxiliar">
                                        <thead>
                                            <tr class="bg-header">
                                                <th colspan="9">Estatus: <label style="font-weight: 500;" class="text-dark  font-weight-bold" id="label-estatus-auxiliar"></label></th>
                                            </tr>
                                            <tr>
                                                <th>{{__('Fecha')}}</th>
                                                <th>{{__('Movimiento')}}</th>
                                                <th>{{__('Documento')}}</th>
                                                <th>{{__('Referencia')}}</th>
                                                <th>{{__('Destino')}}</th>
                                                <th class="text-right">{{__('Entrada')}}</th>
                                                <th class="text-right">{{__('Salida')}}</th>
                                                <th class="text-right">{{__('Existencia')}}</th>
                                                <th class="text-right">{{__('Costo promedio')}}</th>
                                            </tr>
                                        </thead>

                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="almacen" role="tabpanel" aria-labelledby="almacen-tab">
                            <div class="row date-table-container layout-top-spacing">
                                <div class="table-responsive tabla-scroll">
                                    <table class="table table-hover table-striped" id="list-almacenes">
                                        <thead>
                                            <tr>
                                                <th>Almacén</th>
                                                <th>Estatus</th>
                                                <th class="text-right">Existencia</th>
                                                <th class="text-right">Ventas por surtir</th>
                                                <th class="text-right">Existencias disponibles</th>
                                                <th class="text-right">Compras por surtir</th>
                                            </tr>
                                        </thead>

                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="listado" role="tabpanel" aria-labelledby="listado-tab">
                            <div class="row  ">
                                <div class="col-12 mt-3 text-right content_buttons " style="display: none;"><a href="#" class="btn btn-primary btn-excel" id="btn_excel">
                                        <i class="las la-file-excel"></i> Descargar Excel
                                    </a>
                                </div>
                            </div>
                            <div class="row date-table-container layout-top-spacing">
                                <div class="table-responsive tabla-scroll">
                                    <table class="table table-hover table-striped" id="list-listado">
                                        <thead>
                                            <tr>
                                                <th>Código</th>
                                                <th>Descripción</th>
                                                <th class="text-right">Existencias</th>
                                            </tr>
                                        </thead>

                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="estadistico" role="tabpanel" aria-labelledby="estadistico-tab">
                            <div class="row date-table-container layout-top-spacing">
                                <div class="table-responsive tabla-scroll">
                                    <table class="table table-hover table-striped" id="list-estadistico">
                                        <thead>
                                            <tr class="bg-header">
                                                <th colspan="13">Almacén: <label id="label-almacen-estadistico"></label></th>
                                            </tr>
                                            <tr class="bg-header">
                                                <th colspan="3">Clasificación: <label id="label-clasificacion-estadistico"></label></th>
                                                <th colspan="10">Proveedor: <label id="label-proveedor-estadistico"></label></th>
                                            </tr>
                                            <tr class="bg-header">
                                                <th colspan="3">Rotación: <label id="label-rotacion-estadistico"></label></th>
                                                <th colspan="4">Actual</label></th>
                                                <th colspan="3">Rotación: <label id="label-rotacion2-estadistico"></label></th>
                                                <th colspan="3">Año: <label id="label-rotacion2-estadistico"></label></th>
                                            </tr>
                                            <tr>
                                                <th>Ciclo</th>
                                                <th colspan="2" class="text-right">Ventas</th>
                                                <th colspan="2" class="text-right">Compras</th>
                                                <th colspan="2" class="text-right">Existencias</th>
                                                <th colspan="2" class="text-right">Ventas</th>
                                                <th colspan="2" class="text-right">Compras</th>
                                                <th colspan="2" class="text-right">Existencias</th>

                                            </tr>

                                        </thead>

                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="form-group row content-cliente-info" style="display: none;">
                <div class="col-12 text-right">
                    <button class="btn btn-primary mt-4" type="button">Autorizar</button>
                    <button class="btn btn-primary mt-4" type="button">Pedidos por surtir</button>
                    <button class="btn btn-primary mt-4" type="button" onclick="javascript:location.reload()">Restaurar</button>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .ui-autocomplete-input {
        font-size: 14px;
        padding-top: 0px !important;
        z-index: 990;
        position: relative;
    }

    .ui-menu .ui-menu-item a {
        font-size: 12px;
    }

    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000 !important;
        float: left;
        display: none;
        min-width: 160px;
        width: 160px;
        padding: 4px 0;
        margin: 2px 0 0 0;
        list-style: none;
        background-color: #ffffff;
        border-color: #ccc;
        border-color: rgba(0, 0, 0, 0.2);
        border-style: solid;
        border-width: 1px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        *border-right-width: 2px;
        *border-bottom-width: 2px;
    }

    .ui-autocomplete {
        max-height: 200px;
        overflow-y: auto;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
        /* add padding to account for vertical scrollbar */
        padding-right: 20px;
    }

    .ui-menu-item>a.ui-corner-all {
        display: block;
        padding: 3px 15px;
        clear: both;
        font-weight: normal;
        line-height: 18px;
        color: #555555;
        white-space: nowrap;
        text-decoration: none;
    }

    .ui-state-hover,
    .ui-state-active {
        color: #ffffff;
        text-decoration: none;
        background-color: #0088cc;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        background-image: none;
    }

    span {
        font-size: .8rem;
    }



    #table-cartera tbody th {
        color: #fff;
        font-weight: 700;
        font-size: 10px;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .bg-header {
        background-color: lightgray;
        color: #000 !important;
    }
</style>

@endsection

@push('plugin-scripts')
{!! Html::script('plugins/table/datatable/datatables.js') !!}
{!! Html::script('plugins/table/datatable/button-ext/dataTables.buttons.min.js') !!}
{!! Html::script('plugins/table/datatable/button-ext/jszip.min.js') !!}
{!! Html::script('plugins/flatpickr/flatpickr.js') !!}
{!! Html::script('plugins/flatpickr/custom-flatpickr.js') !!}
{!! Html::script('assets/js/loader.js') !!}
{!! Html::script('plugins/jquery-ui/jquery-ui.min.js') !!}


@endpush

@push('custom-scripts')
<script>
    $(document).ready(function() {

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


        $('#producto_search').autocomplete({
            source: function(request, response) {
                $.ajax({
                    url: "{{url('operaciones/captura-ordenes-compra/buscar-producto-por-descripcion')}}",
                    dataType: 'json',
                    data: {
                        descripcion: request.term
                    },
                    success: function(data) {
                        $('#id_producto').val('')
                        response(data)
                    }
                })
            },
            select: function(event, ui) {


                $('#codigo').val(ui.item.codigo)
                $('#id_producto').val(ui.item.id)
                $('#producto_search').val(ui.item.label)
                return false;
            },
            selectFirst: true,
            minLength: 3
        });


        $(".basic-select2").select2();
    });
    var list_existencias = $('#list-existencias').DataTable({
        lengthMenu: [10, 15, 20, 50, 100, 200, 500],
        searching: false,
        lengthMenu: [],
        paging: false,
        retrieve: true,
        info: false,
        ordering: false,
        language: {
            url: "{{asset('assets/material/datatable_sp.json')}}"
        },
    });

    var list_auxiliar = $('#list-auxiliar').DataTable({
        lengthMenu: [10, 15, 20, 50, 100, 200, 500],
        searching: false,
        lengthMenu: [],
        paging: false,
        retrieve: true,
        info: false,
        ordering: false,
        language: {
            url: "{{asset('assets/material/datatable_sp.json')}}"
        },
    });

    var list_almacenes = $('#list-almacenes').DataTable({
        lengthMenu: [10, 15, 20, 50, 100, 200, 500],
        searching: false,
        lengthMenu: [],
        paging: false,
        retrieve: true,
        info: false,
        ordering: false,
        language: {
            url: "{{asset('assets/material/datatable_sp.json')}}"
        },
    });

    var list_listado = $('#list-listado').DataTable({
        lengthMenu: [10, 15, 20, 50, 100, 200, 500],
        searching: false,
        lengthMenu: [],
        paging: false,
        retrieve: true,
        info: false,
        ordering: false,
        language: {
            url: "{{asset('assets/material/datatable_sp.json')}}"
        },
    });

    var list_estadistico = $('#list-estadistico').DataTable({
        lengthMenu: [10, 15, 20, 50, 100, 200, 500],
        searching: false,
        lengthMenu: [],
        paging: false,
        retrieve: true,
        info: false,
        ordering: false,
        language: {
            url: "{{asset('assets/material/datatable_sp.json')}}"
        },
    });
    $('.noProductoValidate').hide();


    var decimalesParaUnidades = @json($data['decimalesParaUnidades']);

    function generarConsulta() {

        // if ( $('#filtro_fecha_inicio').val() == '' || $('#filtro_fecha_final').val() == "") {
        //     $('#error_message').text('Ingresa los filtros');
        //     $('#error').show();
        //     return;
        // }
        $('#loadingModal').modal('show');
        var id_producto = $('#id_producto').val();
        $.ajax({
                url: '{{ url("consultas/consulta-existencias/generar-consulta" )}}',
                type: 'POST',
                dataType: 'json',
                data: {
                    id_almacen: $('#id_almacen option:selected').val(),
                    ejercicio: $('#ejercicio option:selected').val(),
                    radioDocumento: $("input[name='radioDocumento']:checked").val(),
                    radioDocumento2: $("input[name='radioDocumento2']:checked").val(),
                    id_producto: id_producto,
                }
            })
            .done(function(resp) {


                setDataAlmacen(resp.almacen);



                list_existencias.clear().draw();

                if (id_producto == '') {
                    $('.noProductoValidate').show();
                }

                if (id_producto != '') {
                    $('.noProductoValidate').hide();


                    var dataGeneral = resp.dataExstencias['resultExistencias'];

                    var existenciaInicial = (parseFloat(dataGeneral.existencia_inicial_ejercicio) || 0);
                    var costoInicial = (parseFloat(dataGeneral.costo_inicial_ejercicio) || 0);

                    if (resp.dataExstencias['resultExistencias']) {
                        $('#label-costo-prom-existencia').text(formatter.format(costoInicial || 0));
                        // $('#label-fecha-existencia').text($('#filtro_fecha_inicio').val() + ' al ' + $('#filtro_fecha_final').val());
                        $('#label-estatus-existencia').text(dataGeneral.almacen.estatus);
                    } else {
                        $('#label-almacen-existencia').text($('#id_almacen option:selected').text());
                        $('#label-costo-prom-existencia').text(formatter.format(0));

                    }

                    if (resp.dataExstencias['data']) {


                        var existenciasTotalUnidades = (existenciaInicial || 0);
                        var existenciasTotalValores = ((existenciaInicial || 0) * (costoInicial || 0) || 0);

                        list_existencias.row.add([
                            'Inicial',
                            '<p class="text-right p-0 m-0">' + (existenciaInicial || 0) + '</p>',
                            '<p class="text-right p-0 m-0">' + formatter.format(existenciasTotalValores) + '</p>',
                        ]).draw();

                        resp.dataExstencias['data'].forEach(function(item, index) {

                            var total_cantidad = parseFloat(item.total_cantidad) || 0;
                            var total_importe = parseFloat(item.total_importe) || 0;
                            if (item.tipo === 'entrada') {
                                existenciasTotalUnidades += total_cantidad;
                                existenciasTotalValores += total_importe;
                            }

                            if (item.tipo === 'salida') {
                                existenciasTotalUnidades -= total_cantidad;
                                existenciasTotalValores -= total_importe;
                            }

                            var rowNode = list_existencias.row.add([
                                item.descripcion,
                                `<p class="text-right p-0 m-0">${total_cantidad.toFixed(decimalesParaUnidades)}</p>`,
                                `<p class="text-right p-0 m-0">${formatter.format(total_importe )}</p>`,
                            ]).draw().node();

                            if (rowNode) {
                                if (item.tipo === 'entrada') {
                                    $(rowNode).css('background-color', 'lightgray');
                                } else if (item.tipo === 'salida') {
                                    $(rowNode).css('background-color', '#FBD2BD');
                                }
                            }
                        })

                        list_existencias.row.add([
                            'Existencia actual',
                            '<p class="text-right p-0 m-0">' + existenciasTotalUnidades.toFixed(decimalesParaUnidades) + '</p>',
                            '<p class="text-right p-0 m-0">' + formatter.format(existenciasTotalValores), +'</p>',
                        ]).draw();

                        $('#label-costo-prom-actual').text(formatter.format(dataGeneral.costo_promedia_actual || 0));

                    }


                    list_auxiliar.clear().draw();

                    if (resp.dataAuxiliar['movimientos'].length > 0) {
                        list_auxiliar.row.add([
                            'Inicial',
                            '',
                            '',
                            '',
                            '',
                            '',
                            '',
                            '<p class="text-right p-0 m-0">' + (resp.dataAuxiliar['resultExistencias'].existencia_inicial_ejercicio || 0) + '</p>',
                            '',
                        ]).draw();


                        var existenciasTotal = parseFloat(resp.dataAuxiliar['resultExistencias'].existencia_inicial_ejercicio) || 0;
                        var existencia = existenciasTotal;
                        resp.dataAuxiliar['movimientos'].forEach(function(item, index) {

                            var existenciaActual = parseFloat(item.producto != null ? item.producto.existencias.existencia_actual : 0);

                            var cantidadEntradas = 0;
                            var cantidadSalidas = 0;
                            var colorBackground = '#FBD2BD';

                            if (item.tipo === 'entrada') {
                                existencia += parseFloat(item.cantidad);
                                cantidadEntradas = parseFloat(item.cantidad);
                                colorBackground = 'lightgray';
                            }

                            if (item.tipo === 'salida') {
                                existencia -= parseFloat(item.cantidad);
                                cantidadSalidas = parseFloat(item.cantidad);
                            }

                            var rowNode = list_auxiliar.row.add([
                                item.created_at,
                                item.descripcionTipoMovimiento,
                                ` ${item.serie_movto}-${item.folio_movto}`,
                                ` ${item.serie_referencia||''}${item.folio_referencia||''}`,
                                '', //DESTINO
                                '<p class="text-right p-0 m-0">' + (cantidadEntradas == 0 ? '' : cantidadEntradas.toFixed(decimalesParaUnidades)) + '</p>',
                                '<p class="text-right p-0 m-0">' + (cantidadSalidas == 0 ? '' : cantidadSalidas.toFixed(decimalesParaUnidades)) + '</p>',
                                '<p class="text-right p-0 m-0">' + existencia.toFixed(decimalesParaUnidades)+ '</p>',
                                '<p class="text-right p-0 m-0">' + formatter.format(item.costo_unitario) + '</p>',
                            ]).draw().node();

                            $(rowNode).css('background-color', colorBackground);

                        })
                        list_auxiliar.row.add([
                            '',
                            '',
                            '',
                            '',
                            'Existencias',
                            '',
                            '',
                            '<p class="text-right p-0 m-0">' + existencia.toFixed(decimalesParaUnidades) + '</p>',
                            '',
                        ]).draw();

                        list_auxiliar.row.add([
                            '',
                            '',
                            '',
                            '',
                            'Resumen por concepto',
                            '',
                            '',
                            '',
                            '',
                        ]).draw();
                    }


                    resp.dataAuxiliar['entradasSalidas'].forEach(function(item, index) {
                        list_auxiliar.row.add([
                            '',
                            '',
                            '',
                            '',
                            item.descripcion,
                            '<p class="text-right p-0 m-0">' + parseFloat(item.cantidadEntradas).toFixed(decimalesParaUnidades) + '</p>',
                            '<p class="text-right p-0 m-0">' + parseFloat(item.cantidadSalidas).toFixed(decimalesParaUnidades) + '</p>',
                            '',
                            '',
                        ]).draw();
                    })

                    $('.content_buttons_auxiliar').show();
                    $('#btn_excel_auxiliar').attr('href', resp.dataAuxiliar['excelAuxiliar']);

                }

                list_almacenes.clear().draw();

                if (resp.dataAlmacen['movimientos']) {

                    var existenciaTotal = 0;
                    var ventasPorSurtirTotal = 0;
                    var existenciasDisponibleTotal = 0;
                    var comprasPorSurtirTotal = 0;

                    resp.dataAlmacen['movimientos'].forEach(function(item, index) {
                        existenciaTotal += item.existencias != null ? parseFloat(item.existencias) : 0;
                        ventasPorSurtirTotal += item.ventasPorSutir != null ? parseFloat(item.ventasPorSutir) : 0;
                        comprasPorSurtirTotal += item.comprasPorSutir != null ? parseFloat(item.comprasPorSutir) : 0;
                        // comprasPorSurtirTotal += item.comprasPorSurtir != null ? parseFloat(item.comprasPor) : 0;

                        var existenciaDisponible = parseFloat(item.existencias);
                        if (item.preFacturaSerie == "S" && resp.dataAlmacen['existenciaDisponibleEmpresa'] == 'RestarPedidosPorSurtir') {
                            existenciaDisponible -= parseFloat(item.ventasPorSutir);
                        } else if (item.preFacturaSerie == "P" && resp.dataAlmacen['existenciaDisponibleEmpresa'] == 'RestarPorAutorizar y Por Surtir') {
                            existenciaDisponible -= parseFloat(item.ventasPorSutir);
                        }
                        existenciasDisponibleTotal += existenciaDisponible;

                        list_almacenes.row.add([
                            `${item.almacen} - ${item.descripcion}`,
                            item.estatus,
                            '<p class="text-right p-0 m-0">' + parseFloat(item.existencias).toFixed(decimalesParaUnidades) + '</p>',
                            '<p class="text-right p-0 m-0">' + parseFloat(item.ventasPorSutir).toFixed(decimalesParaUnidades) + '</p>',
                            '<p class="text-right p-0 m-0">' + existenciaDisponible.toFixed(decimalesParaUnidades) + '</p>',
                            '<p class="text-right p-0 m-0">' + item.comprasPorSutir.toFixed(decimalesParaUnidades) + '</p>',
                        ]).draw();
                    })

                    list_almacenes.row.add([
                        '',
                        'TOTALES',
                        '<p class="text-right p-0 m-0">' + existenciaTotal.toFixed(decimalesParaUnidades) + '</p>',
                        '<p class="text-right p-0 m-0">' + ventasPorSurtirTotal.toFixed(decimalesParaUnidades) + '</p>',
                        '<p class="text-right p-0 m-0">' + existenciasDisponibleTotal.toFixed(decimalesParaUnidades) + '</p>',
                        '<p class="text-right p-0 m-0">' + comprasPorSurtirTotal.toFixed(decimalesParaUnidades) + '</p>',
                    ]).draw();

                }
                setTimeout(function() {
                    list_listado.clear().draw();

                    if (resp.dataListado['movimientos'].length > 0) {
                        resp.dataListado['movimientos'].forEach(function(item, index) {
                            list_listado.row.add([
                                item.codigo,
                                item.descripcion,
                                '<p class="text-right p-0 m-0">' + parseFloat(item.existencias).toFixed(decimalesParaUnidades) + '</p>',
                            ]).draw();
                        });
                    }
                }, 0);

                $('.content_buttons').show();
                $('#btn_excel').attr('href', resp.dataListado['excelListado']);


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


    function buscarProducto() {
        $.ajax({
                url: '{{ url("catalogos/productos/obtener-producto-codigo")}}',
                type: 'POST',
                dataType: 'json',
                data: {
                    codigo: $('#codigo').val(),
                }
            })
            .done(function(resp, textStatus, jqXHR) {
                if (jqXHR.status === 204) {
                    // Código 204 - No se encontró el producto
                    $('#error_message').text('No se encontró el producto');
                    $('#id_producto').val('')
                    $('#producto_search').val('');
                    $('#error').show();
                } else {

                    $('#id_producto').val(resp.producto.id)
                    $('#producto_search').val(resp.producto.descripcion);
                    $('#error').hide(); // En caso de éxito, ocultamos el error
                }
            })
            .fail(function() {
                console.log("error");
                $('#error_message').text('Hubo un error al realizar la solicitud');
                $('#error').show();
            })
            .always(function() {
                setTimeout(() => {
                    $('#loadingModal').modal('hide');
                }, 3000);
            });
    }

    function setDataAlmacen(data) {
        $('#label-almacen-existencia').text('-TODOS-');
        $('#label-estatus-existencia').text('');
        $('#label-estatus-auxiliar').text('');
        $('#label-almacen-estadistico').text('-TODOS-');

        if (data) {
            $('#label-almacen-existencia').text(data.descripcion);
            $('#label-estatus-existencia').text(data.estatus);
            $('#label-estatus-auxiliar').text(data.estatus);
            $('#label-almacen-estadistico').text(data.estatus);

        }

    }
</script>
@endpush