@extends('layouts.reporte')
    <!-- END Hero -->
@section('php')
    @php
        $meses1 = [
            1=>'Enero', 2=>'Febrero', 3=>'Marzo',
            4=>'Abril', 5=>'Mayo', 6=>'Junio',
            7=>'Julio', 8=>'Agosto', 9=>'Septiembre',
            10=>'Octubre', 11=>'Noviembre', 12=>'Diciembre'
        ];
        $locales = [];
        $cantidad = 1;
        while ($cantidad <= $cantidad_locales) {
            $locales []= $cantidad;
            $cantidad = $cantidad + 100;
        }
        if ($cantidad % 100 == 0) {
            $locales []= $cantidad_locales;
        }
        $cantidad_quiebres = [];
        for($i=1;$i<=30;$i++){
            $cantidad_quiebres []= $i;
        }

        $cantidad_quiebres = json_encode($cantidad_quiebres);


        $cliente = config('app.CLIENTE');
        $locales = json_encode($locales);
        $variable = json_encode(['3-5' => 'LOCAL']);
        $periodo_grafdisp = json_encode(['dia'=> __('messages.dias'),]);
        $valor_salida = json_encode(['uni'=> __('messages.unidades')]);
        $valor_salida_instockDoh = $valor_salida;
        if(config('app.CLIENTE') == 'clorox') $valor_salida_instockDoh = json_encode(['u'=> __('messages.unidades'), 'sc' => __('messages.sc'), 'ac' => __('messages.ac')]);
        $paretos = json_encode(['100' => __('messages.100'), '20' => __('messages.20'), '80' => __('messages.80')]);

        $variable_displocal = json_encode(['local' => 'LOCAL', 'local-producto' => 'LOCAL-PRODUCTO', 'local-reponedor' => 'LOCAL-REPONEDOR', 'local-vendedor' => 'LOCAL-VENDEDOR', 'local-producto-rep' => 'LOCAL-PRODUCTO-REPONEDOR', 'local-producto-ven' => 'LOCAL-PRODUCTO-VENDEDOR']);
        $periodo = json_encode(['dia' => __('messages.dias')]);
        $periodo2 = json_encode(['mes' => __('messages.meses'), 'dia' => __('messages.dias'), 'sem' => __('messages.semanas')]);
        $periodo3 = json_encode(['acum' => __('messages.acumulado'), 'mec' => __('messages.mec'), 3 => $meses1[date('n', strtotime(date('Y-m-d').' -1 month'))]]);
        $periodo4 = json_encode(['dia' => __('messages.dias'), 'sem'=> __('messages.semanas')]);
        $periodo5 = json_encode(['dia' => __('messages.dias')]);

        $salida_detalle = json_encode(['1' => 'Unidades', '2' => 'Kilos']);
        $salida_fillrate = json_encode(["emision"=> "Fecha de emisión", "recibo" => "Fecha de recibo"]);

        $salida = json_encode(['50' => __('messages.stock_u'), 'valor_stock' => 'Stock ($)', 'dias_inv' => __('messages.dias-de-inventario')]);
        $salida2 = json_encode(['50' => __('messages.stock_u')]);
        $salida_tablalevo = json_encode(['QNG' => 'Quiebre no gestionado: Persiste el quiebre de hace 7 dias', 'QR' => 'Quiebre recurrente: 3 o mas Quiebres - Ultimos 10 dias', 'QP' => 'Quiebre Persistentes: 10 o mas Quiebres - Ultimos 30 dias']);
        $salida_mult = json_encode(['stock' => 'Stock', 'valor_stock' => 'Stock Valorado']);
        $tipo_evomult = json_encode(['comp' => 'Comparativo']);

        $modificar_alertas = false;
        $filtro_comparaciones = ['>' => '>', '>=' => '>=', '=' => '=', '<=' => '<=', '<' => '<'];
        $filtro_comparaciones2 = ['<' => '<'];
        $filtro_comparaciones3 = ['>' => '>'];
        $filtro_doh_pre = ['0', '4', '7', '14', '28', '30', '60', '90', '120', '150', '180']; $filtro_doh_pre_aux = $filtro_posible_quiebre_pre_aux = $filtro_sobrestock_pre_aux = [];
        foreach($filtro_doh_pre as $filtro_doh_item){
            foreach($filtro_comparaciones as $fltr_comp){
                $filtro_doh_pre_aux[$fltr_comp.'#'.$filtro_doh_item] = $fltr_comp.' '.$filtro_doh_item;
            }
            foreach($filtro_comparaciones2 as $fltr_comp){
                $filtro_posible_quiebre_pre_aux[$fltr_comp.'#'.$filtro_doh_item] = $fltr_comp.' '.$filtro_doh_item;
            }
            foreach($filtro_comparaciones3 as $fltr_comp){
                $filtro_sobrestock_pre_aux[$fltr_comp.'#'.$filtro_doh_item] = $fltr_comp.' '.$filtro_doh_item;
            }
        }
        $filtro_doh = json_encode($filtro_doh_pre_aux);
        $filtro_posible_quiebre = json_encode($filtro_posible_quiebre_pre_aux);
        $filtro_sobrestock = json_encode($filtro_sobrestock_pre_aux);
        $filtro_cero_aux = [];
        foreach($filtro_comparaciones as $fltr_comp) $filtro_cero_aux[$fltr_comp.'#0'] = $fltr_comp.' 0';
        $filtro_cero = json_encode($filtro_cero_aux);
        $mesesComp = [];
        $yearAct = date('Y');
        $yearAnt = date('Y') - 1;
        $semanasComp = [];
        foreach ($meses as $value) {
            list($_mes, $_year) = explode(' ', $value->nombre);
            if($_year == $yearAct || $_year == $yearAnt) {
                $mesesComp []= $value;
            }
        }
        foreach ($semanas as $value) {
            $_year = substr($value->periodo, 0, 4);
            if($_year == $yearAct) {
                $semanasComp []= $value;
            }
        }
        // Cualquier nueva salida para la variable salidaDoh añadirla a Bd.php buscando comentario "Para DOH se excluye locales con formato_local = CD"
        if($cliente == 'siksa'){
            $salidaDoh = json_encode(["555"=>"Stock (Kg)","700" => __('messages.dias-de-inventario'), 'ven-stock-u' => __('messages.ventas-y-stock'), '50'=>__('messages.stock_u'), "dias_inv_kilos" => "DOH Kilos", "ven-stock-u-kg" => "Ventas (kg) y Stock (kg)"]);

            $salida = json_encode(['50' => __('messages.stock_u'), '60' => 'Stock (Kg)', '51' => 'Stock CD', '81' => 'Stock Total (Kg)', '82' => 'Stock Total (Und)', 'dias_inv' => __('messages.dias-de-inventario')]);
            $salida_tablevo = json_encode(['50'=>__('messages.stock_u'), '60' => 'Stock (Kg)', '51' => 'Stock CD', '81' => 'Stock Total (Kg)', '82' => 'Stock Total (Und)', 'dias_inv' => __('messages.dias-de-inventario'), '57' => __('messages.ventas_30'), 'dias_inv_desgl' => __('messages.ventas_30').', '.__('messages.stock_u').', '.__('messages.dias-de-inventario')]);
        }else if($cliente == 'unibag'){
            $salidaDoh = json_encode(["700" => "DOH", 'ven-stock-u' => __('messages.ventas-y-stock'), '101010' =>__('messages.stock_u')]);

            $salida = json_encode(['50'=>__('messages.stock_u'), '60' => 'Stock (Kg)', '51' => 'Stock CD', '81' => 'Stock Total (Kg)', '82' => 'Stock Total (Und)']);
        }else if($cliente == 'clorox'){
            $salida = json_encode(['50' => __('messages.stock_u'), '60' => __('messages.sc'), '66' => __('messages.ac'), 'valor_stock' => 'Stock ($)', 'dias_inv' => __('messages.dias-de-inventario'), 'sum-catalogado' => __('messages.catalogado')]);
            $salida_tablevo = $salida;
            $salidaDoh = json_encode(['700' => __('messages.dias-de-inventario'), 'ven-stock-u' => __('messages.ventas-y-stock'), '101010' =>__('messages.stock_u')]);
            $periodo4 = json_encode(['dia' => __('messages.dias'), 'sem'=> __('messages.semanas'), 'mes' => __('messages.meses')]);

            $modificar_alertas = true;
        }else if($cliente == 'mdlzchile'){
            $salida = json_encode(['50' => __('messages.stock_u'), 'valor_stock' => 'Stock ($)', 'dias_inv' => __('messages.dias-de-inventario'), '51' => __('messages.stock-cd'), '53' => __('messages.transito')]);
            $salidaDoh = json_encode(['700' => __('messages.dias-de-inventario'), 'ven-stock-u' => __('messages.ventas-30-y-stock'), '101010' =>__('messages.stock_u')]);
        }else if($cliente == 'ecovida'){
            $salidaDoh = json_encode(['700' => __('messages.dias-de-inventario'), 'ven-stock-u' => __('messages.ventas-30-y-stock'), '101010' =>__('messages.stock_u')]);
            $periodo4 = json_encode(['dia' => __('messages.dias')]);

            //$salidaDoh = json_encode(["700" => __('messages.dias-de-inventario'), 'ven-stock-u' => __('messages.ventas-y-stock'), '101010' =>__('messages.stock_u') , "555"=>"Peso Stock (Kg)"]);
        }else if($cliente == 'genomma'){
            $salidaDoh = json_encode(['700' => __('messages.dias-de-inventario'), 'ven-stock-u' => __('messages.ventas-30-y-stock'), 'ven-stock-u-7' => __('messages.ventas-7-y-stock'), 'ven-stock-u-14' => __('messages.ventas-14-y-stock'), '101010' =>__('messages.stock_u')]);
            $salida_tablevo = json_encode(['50' => __('messages.stock_u'), 'valor_stock' => 'Stock ($)', 'dias_inv' => __('messages.dias-de-inventario'),'inventario_fantasma' => 'Inventario Fantasma %']);

            //$salidaDoh = json_encode(["700" => __('messages.dias-de-inventario'), 'ven-stock-u' => __('messages.ventas-y-stock'), '101010' =>__('messages.stock_u') , "555"=>"Peso Stock (Kg)"]);
        }else if($cliente == 'fujicorp'){
            $salidaDoh = json_encode(['700' => __('messages.dias-de-inventario'), 'ven-stock-u' => __('messages.ventas-30-y-stock'), '101010' =>__('messages.stock_u'),'valorado_costo' => 'Stock Valorado Costo ($)']);
            $salida = json_encode(['50' => __('messages.stock_u'), 'valor_stock' => 'Stock ($)', 'dias_inv' => __('messages.dias-de-inventario'),'valorado_costo' => 'Stock Valorado Costo ($)']);

            //$salidaDoh = json_encode(["700" => __('messages.dias-de-inventario'), 'ven-stock-u' => __('messages.ventas-y-stock'), '101010' =>__('messages.stock_u') , "555"=>"Peso Stock (Kg)"]);
        }else{
            $salidaDoh = json_encode(['700' => __('messages.dias-de-inventario'), 'ven-stock-u' => __('messages.ventas-30-y-stock'), '101010' =>__('messages.stock_u')]);
            //$salidaDoh = json_encode(["700" => __('messages.dias-de-inventario'), 'ven-stock-u' => __('messages.ventas-y-stock'), '101010' =>__('messages.stock_u') , "555"=>"Peso Stock (Kg)"]);
        }

        if(!isset($salida_tablevo)) $salida_tablevo = $salida;

        $tipoStock = json_encode(['1' => __('messages.catalogado'), '0' => __('messages.no-catalogado'), '2' => __('messages.no-informado'), '' => __('messages.todos')]);
        $tipoStock2 = json_encode(['1' => __('messages.catalogado'), '0' => __('messages.no-catalogado')]);
        $agrupacionesAle = json_encode(['1-15' => __('messages.variable-producto'), '3-5' => __('messages.variable-local'),
                            '2-0' => __('messages.var-cadena'), '2-5' => __('messages.var-holding')]);
        $diasVentas = json_encode(['30' => '30 '.__('messages.dias'), '14' => '14 '.__('messages.dias'), '7' => '7 '.__('messages.dias')]);

        $tiposAlertas = json_encode(['cvss' => 'Quiebres (Con ventas y sin stock)','svss' => 'Crítico (Sin ventas y sin stock)', 'svcs' => 'Ajustes (Sin ventas y con stock)',
                         'posible_quiebre' => 'Posible quiebre (Días stock < 8)',
                        'sobrestock' => 'Sobrestock (Días stock > 180)',  'todo_alertas' => 'Todas las alertas','todo' => 'Todo el inventario']); 
        $tiposAlertas2= json_encode(['cvss' => 'Quiebres (Con ventas y sin stock)','svss' => 'Crítico (Sin ventas y sin stock)', 'svcs' => 'Ajustes (Sin ventas y con stock)',
                         'posible_quiebre' => 'Posible quiebre (Días stock < 8)',
                        'sobrestock' => 'Sobrestock (Días stock > 180)']);
        if($cliente == 'proximo'){
            $tiposAlertas = json_encode(['cvss' => 'Quiebres (Con ventas y sin stock)','svss' => 'Crítico (Sin ventas y sin stock)', 'svcs' => 'Ajustes (Sin ventas y con stock)',
                         'posible_quiebre' => 'Posible quiebre (Días stock < 4)',
                        'sobrestock' => 'Sobrestock (Días stock > 15)',  'todo' => 'Todo el inventario']); 
            $tiposAlertas2= json_encode(['cvss' => 'Quiebres (Con ventas y sin stock)','svss' => 'Crítico (Sin ventas y sin stock)', 'svcs' => 'Ajustes (Sin ventas y con stock)',
                         'posible_quiebre' => 'Posible quiebre (Días stock < 4)',
                        'sobrestock' => 'Sobrestock (Días stock > 15)']);
        }else if($cliente == 'gama'){
            $tiposAlertas = json_encode(['cvss' => 'Quiebres (Con ventas y sin stock)','svss' => 'Crítico (Sin ventas y sin stock)', 'svcs' => 'Ajustes (Sin ventas y con stock)',
                         'posible_quiebre' => 'Posible quiebre (Días stock < 15)',
                        'sobrestock' => 'Sobrestock (Días stock > 180)',  'sin_stock' => 'Sin Stock', 'con_transito' => 'Con Tránsito', 'todo' => 'Todo el inventario']); 
            $tiposAlertas2= json_encode(['cvss' => 'Quiebres (Con ventas y sin stock)','svss' => 'Crítico (Sin ventas y sin stock)', 'svcs' => 'Ajustes (Sin ventas y con stock)',
                         'posible_quiebre' => 'Posible quiebre (Días stock < 15)',
                        'sobrestock' => 'Sobrestock (Días stock > 180)', 'sin_stock' => 'Sin Stock', 'con_transito' => 'Con Tránsito']);
        }else if($cliente == 'canontex'){
            $tiposAlertas = json_encode(['cvss' => 'Quiebres (Con ventas y sin stock)','svss' => 'Crítico (Sin ventas y sin stock)', 'svcs' => 'Ajustes (Sin ventas y con stock)',
                         'posible_quiebre' => 'Posible quiebre (Días stock < 8)',
                        'sobrestock' => 'Sobrestock (Días stock > 180)', 'sin_stock' => 'Sin Stock', 'con_transito' => 'Con Tránsito', 'todo' => 'Todo el inventario']); 
            $tiposAlertas2= json_encode(['cvss' => 'Quiebres (Con ventas y sin stock)','svss' => 'Crítico (Sin ventas y sin stock)', 'svcs' => 'Ajustes (Sin ventas y con stock)',
                         'posible_quiebre' => 'Posible quiebre (Días stock < 8)',
                        'sobrestock' => 'Sobrestock (Días stock > 180)', 'sin_stock' => 'Sin Stock', 'con_transito' => 'Con Tránsito']);
        }else if($cliente == 'grupomor'){
            $tiposAlertas = json_encode(['cvss' => 'Quiebres (Con ventas y sin stock)','svss' => 'Crítico (Sin ventas y sin stock)', 'svcs' => 'Ajustes (Sin ventas y con stock)',
                         'posible_quiebre' => 'Posible quiebre (Días stock < 8)',
                        'sobrestock' => 'Sobrestock (Días stock > 360)', 'sin_stock' => 'Sin Stock', 'con_transito' => 'Con Tránsito', 'todo' => 'Todo el inventario']); 
            $tiposAlertas2= json_encode(['cvss' => 'Quiebres (Con ventas y sin stock)','svss' => 'Crítico (Sin ventas y sin stock)', 'svcs' => 'Ajustes (Sin ventas y con stock)',
                         'posible_quiebre' => 'Posible quiebre (Días stock < 15)',
                        'sobrestock' => 'Sobrestock (Días stock > 360)', 'sin_stock' => 'Sin Stock', 'con_transito' => 'Con Tránsito']);
        }else if($cliente == 'genomma'){
            $tiposAlertas = json_encode(['cvss' => 'Quiebres (Con ventas y sin stock)','svss' => 'Combinaciones Inactivas (Sin ventas y sin stock)', 'svcs' => 'Ajustes (Sin ventas y con stock)',
                         'posible_quiebre' => 'Posible quiebre (Días stock < 8)',
                        'sobrestock' => 'Sobrestock (Días stock > 180)',  'todo_alertas' => 'Todas las alertas','todo' => 'Todo el inventario']); 
        $tiposAlertas2= json_encode(['cvss' => 'Quiebres (Con ventas y sin stock)','svss' => 'Combinaciones Inactivas (Sin ventas y sin stock)', 'svcs' => 'Ajustes (Sin ventas y con stock)',
                         'posible_quiebre' => 'Posible quiebre (Días stock < 8)',
                        'sobrestock' => 'Sobrestock (Días stock > 180)']);
        }else if($cliente == 'afee'){
            $tiposAlertas = json_encode(['cvss' => 'Quiebre', 'svss' => 'Sin ventas y sin stock', 'svcs' => 'Sin ventas y con stock',
                         'posible_quiebre' => 'Po. quiebre',
                        //'sobrestock' => 'Sobrestock (Días stock > 90)',
                        'todo' => 'Todo el inventario',
                        'todo_alertas' => 'Todas las alertas',
                        'sin_alertas' => 'Sin Alertas',
                        ]); 
            $tiposAlertas2= json_encode(['cvss' => 'Quiebre', 'svss' => 'Sin ventas y sin stock', 'svcs' => 'Sin ventas y con stock',
                         'posible_quiebre' => 'Po. quiebre',
                        //'sobrestock' => 'Sobrestock (Días stock > 90)',
                    ]);
        }
        

                        
                        
                        //, 'sin_alerta' => 'Sin alerta'

        if($cliente == 'dona'){
            $tiposAlertas = json_encode(['cvss' => 'Quiebres (Con ventas y sin stock)','svss' => 'Crítico (Sin ventas y sin stock)', 'svcs' => 'Ajustes (Sin ventas y con stock)',
                         'posible_quiebre' => 'Posible quiebre (Días stock < 8)',
                        'sobrestock' => 'Sobrestock (Días stock > 30)', 'sin_alertas' => 'Sin Alertas', 'todo' => 'Todo el inventario']);

            
        }
        if($cliente == 'siksa'){
            $tiposAlertas2= json_encode(['cvss' => 'Quiebres (Con ventas y sin stock)','svss' => 'Crítico (Sin ventas y sin stock)', 'svcs' => 'Ajustes (Sin ventas y con stock)',
                         'posible_quiebre' => 'Posible quiebre (Días stock < 7)',
                        'sobrestock' => 'Sobrestock (Días stock > 180)']);
            
            $tiposAlertas = json_encode(['cvss' => 'Quiebres (Con ventas y sin stock)','svss' => 'Crítico (Sin ventas y sin stock)', 'svcs' => 'Ajustes (Sin ventas y con stock)',
                'posible_quiebre' => 'Posible quiebre (Días stock < 7)',
            'sobrestock' => 'Sobrestock (Días stock > 180)',  'todo' => 'Todo el inventario']);
        }
        if($cliente == 'maisa'){
            $tiposAlertas = json_encode(['cvss' => 'Quiebres (Con ventas y sin stock)','svss' => 'Crítico (Sin ventas y sin stock)', 'svcs' => 'Ajustes (Sin ventas y con stock)',
                         'posible_quiebre' => 'Posible quiebre (Días stock < 8)',
                        'sobrestock' => 'Sobrestock (Días stock > 180)',  'todo' => 'Todo el inventario', 'sin_alertas' => 'Sin Alertas']); 
        }else if($cliente == 'clorox'){
            $tiposAlertas = json_encode(['svss' => 'Crítico (Sin ventas y sin stock)', 'perso2' => 'Ajustes (Stock > 0 y Venta_30 > 0 y Venta_7 = 0)', 'perso1' => 'Quiebres (Sin Stock y menos de 4 DOH)',
                         'posible_quiebre' => 'Posible quiebre (Días stock < 7)',
                        'sobrestock' => 'Sobrestock (Días stock > 180)',  'todo' => 'Todo el inventario']); 
        }
        $unidades = json_encode(['1' => 'Unidades']);
        $tipos_graficos = json_encode([ "msline" => "Líneas", "stackedcolumn2d" => (__('messages.selector-tipo-grafico-columnas-apiladas')),"mscolumn2d" => "Columnas agrupadas", "stackedbar2d" => "Barras apiladas"]);
        $display_grafico = '';
        $display_tabla = '';
        if ($div_reportes != null) {
            $div = '<div style="padding: 5px 16px;overflow: hidden;background-color: lightblue;text-align: center;"><ul>';
            foreach ($div_reportes as $value) {
                $div.="<li>".$value->Descripcion."</li>";
            }
            $div.="</ul></div>";
        }else{
            $div='';
        }

        $variables_aleval[__('messages.variable-local')] = $variables[__('messages.variable-local')];
        $variables_locales = json_encode($variables[__('messages.variable-local')]);
        $variables_producto = $variables[__('messages.variable-producto')];
        $variables_producto_maisa2["Producto"] = $variables[__('messages.variable-producto')];
        
        if ($cliente != "demoqa") {
            $variables_producto["1-5"] = __('messages.variable-producto-unificado');
        }else{
            $variables_producto["1-16"] = __('messages.variable-producto-unificado');
        }

        $variables_producto_maisa = ['1-11'=>'Linea', '1-9'=>'Talla', '1-3'=>'Familia', '1-6'=>'Clase'];
        $variables_2 = $variables;
        //if(isset($variables_2['Local']) && isset($variables_2['Local']['3-5'])){
        //   unset($variables_2['Local']['3-5']);
        //}
        //if(isset($variables_2['Producto']) && isset($variables_2['Producto']['1-15'])){
         //  unset($variables_2['Producto']['1-15']);
        //}

        $ninguno = ['' => ['-1' => 'Sin Seleccionar']];
        $variables_2 = $ninguno + $variables_2;

        $producto_unico_selected = '';
        if(config('app.CLIENTE') == 'lesaffre') $producto_unico_selected = 48;

        $filtrosDisp = ['clientes' => []];
        $filtrosAleVal = $filtros;
        unset($filtrosAleVal['categorias']); unset($filtrosAleVal['subcategoria']); unset($filtrosAleVal['marca']); unset($filtrosAleVal['producto']); unset($filtrosAleVal['ean']); unset($filtrosAleVal['agrupacion']);

        $true=true;
    @endphp
@endsection

@section('div_reportes')
    @php echo $div; @endphp
@endsection

@if(count($selectores_grafico)>0)
@section('grafico')

    @if(isset($selectores_grafico['grafstockale']))
        <x-grafico id="grafstockale" style="height: 450px !important; {{$display_grafico}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-generico id="agrupacion_grafstockale2" idselect="agrupacion_grafstockale" :salida="$agrupacionesAle"  class="selector-generico" style="width: 120px" selected="2-0">
                <x-slot name="texto">
                    Desglosar Por
                </x-slot>
            </x-selector-generico>

            @if($cliente == "arenys")
                <x-selector-generico id="tipo_stock_grafstockale2" idselect="tipo_stock_grafstockale" :salida="$tipoStock" class="selector-generico" style="width: 120px" selected="">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-texto-stock')}}
                    </x-slot>
                </x-selector-generico>
            @else
                <x-selector-generico id="tipo_stock_grafstockale2" idselect="tipo_stock_grafstockale" :salida="$tipoStock" class="selector-generico" style="width: 120px">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-texto-stock')}}
                    </x-slot>
                </x-selector-generico>
            @endif

            <x-selector-generico id="f_pareto_grafstockale2" idselect="f_pareto_grafstockale" :salida="$paretos"  class="selector-generico" style="width: 120px" selected="">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-pareto')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="f_dias_ventas_grafstockale2" idselect="f_dias_ventas_grafstockale" :salida="$diasVentas"  class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.periodo_ventas')}}
                </x-slot>
            </x-selector-generico>

            <x-boton-actualizar onclick="getGrafStockAle('{{$cliente}}', 'alerta_stock');"/>
        </x-grafico>
        @php $display_grafico = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_grafico['grafevo']))
        <x-grafico id="grafevo" style="height: 450px !important; {{$display_grafico}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_grafevo" :lista='$variables' selected="2-0" />

            <x-selector-generico id="salida_grafevo2" idselect="salida_grafevo" :salida="$salida_tablevo" class="selector-generico" style="width: 120px;">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-texto-valor')}}
                    </x-slot>
            </x-selector-generico>

            <x-selector-generico id="tipo_stock_grafevo2" idselect="tipo_stock_grafevo" :salida="$tipoStock" class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-stock')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="f_tmp_grafevo2" idselect="f_tmp_grafevo" :salida="$periodo4"  class="selector-generico" style="width: 120px" selected="dia">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-dias idpadre="grafevo" />
            <x-selector-semanas id="fltr_sem_grafevo" idselect="f_sem_grafevo_ini" :semanas="$semanas"  class="fltr_periodo_grafevo" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_grafevo2" idselect="f_sem_grafevo_fin" :semanas="$semanas" class="fltr_periodo_grafevo" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>
            <!--EVOLUTVO MES-->
            <x-selector-meses id="fltr_mes_grafevo" idselect="f_mes_grafevo_ini" :meses="$meses" class="fltr_periodo_grafevo" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_grafevo2" idselect="f_mes_grafevo_fin" :meses="$meses" class="fltr_periodo_grafevo" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>

            <x-selector-generico id="f_type_grafevo2" idselect="f_type_grafevo" :salida="$tipos_graficos"  class="selector-generico" style="width: 160px" selected="msline">
                <x-slot name="texto">
                    {{__('messages.selector-tipo-grafico')}}
                </x-slot>
            </x-selector-generico>
            
            <x-boton-actualizar onclick="getGrafEvo('{{$cliente}}', 'stock');"/>
        </x-grafico>
        @php $display_grafico = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_grafico['grafdisp']))
        <x-grafico id="grafdisp" style="height: 450px !important; {{$display_grafico}}" :filtros="$filtrosDisp" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_grafdisp" :lista='$variables' selected="2-5" />

            <x-selector-generico id="salida_grafdisp2" idselect="salida_grafdisp" :salida="$salida" class="selector-generico" style="width: 120px;display:none">
                    {{-- <x-slot name="texto">
                        {{__('messages.selector-generico-texto-valor')}}
                    </x-slot> --}}
            </x-selector-generico>

            <x-selector-generico id="f_tmp_grafdisp2" idselect="f_tmp_grafdisp" :salida="$periodo_grafdisp"  class="selector-generico" style="width: 120px" selected="dia">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="catalogado_grafdisp2" idselect="catalogado_grafdisp    " :salida="$tipoStock2"  class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    Tipo Stock
                </x-slot>
            </x-selector-generico>

            <x-selector-dias idpadre="grafdisp" style="display: block"/>

            <x-selector-generico id="f_type_grafdisp2" idselect="f_type_grafdisp" :salida="$tipos_graficos"  class="selector-generico" style="width: 160px" selected="mscolumn2d">
                <x-slot name="texto">
                    {{__('messages.selector-tipo-grafico')}}
                </x-slot>
            </x-selector-generico>
            
            <x-boton-actualizar onclick="getGrafDisp('{{$cliente}}', 'stock');"/>

        </x-grafico>
        @php $display_grafico = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_grafico['grafalefecha']))
        <x-grafico id="grafalefecha" style="height: 450px !important; {{$display_grafico}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_grafalefecha" :lista='$variables' selected="2-5" />

            <x-selector-generico id="f_catalogado_grafalefecha2" idselect="f_catalogado_grafalefecha" :salida="$tipoStock2" class="selector-generico" style="width: 120px" selected="">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-stock')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="f_tmp_grafalefecha2" idselect="f_tmp_grafalefecha" :salida="$periodo2"  class="selector-generico" style="width: 80px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-dias idpadre="grafalefecha" style="display: none;"/>
            <!--EVOLUTVO SEMANA-->
            <x-selector-semanas id="fltr_sem_grafalefecha" idselect="f_sem_grafalefecha_ini" :semanas="$semanas"  class="fltr_periodo_grafalefecha" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_grafalefecha2" idselect="f_sem_grafalefecha_fin" :semanas="$semanas" class="fltr_periodo_grafalefecha" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>
            <!--EVOLUTVO MES-->
            <x-selector-meses id="fltr_mes_grafalefecha" idselect="f_mes_grafalefecha_ini" :meses="$meses" class="fltr_periodo_grafalefecha">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_grafalefecha2" idselect="f_mes_grafalefecha_fin" :meses="$meses" class="fltr_periodo_grafalefecha">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>

            <x-boton-actualizar onclick="getGrafAleFecha('{{$cliente}}', 'stock');"/>

        </x-grafico>
        @php $display_grafico = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_grafico['grafinstockdoh']))
        <x-grafico id="grafinstockdoh" style="height: 450px !important; {{$display_grafico}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-generico id="f_catalogado_grafinstockdoh2" idselect="f_catalogado_grafinstockdoh" :salida="$tipoStock2"  class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    Tipo Stock
                </x-slot>
            </x-selector-generico>

            {{-- <x-selector-generico selected="100" id="f_pareto_grafinstockdoh2" idselect="f_pareto_grafinstockdoh" :salida="$pareto" class="selector-generico" >
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-pareto')}}
                </x-slot>
            </x-selector-generico> --}}

            <x-selector-generico id="f_tmp_grafinstockdoh2" idselect="f_tmp_grafinstockdoh" :salida="$periodo2"  class="" style="width: 120px" selected="mes">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>

            <!--EVOLUTVO SEMANA-->
            <x-selector-semanas id="fltr_sem_grafinstockdoh" idselect="f_sem_grafinstockdoh_ini" :semanas="$semanas"  class="fltr_periodo_grafinstockdoh" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_grafinstockdoh2" idselect="f_sem_grafinstockdoh_fin" :semanas="$semanas" class="fltr_periodo_grafinstockdoh" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>
            <!--EVOLUTVO MES-->
            <x-selector-meses id="fltr_mes_grafinstockdoh" idselect="f_mes_grafinstockdoh_ini" :meses="$mesesComp" class="fltr_periodo_grafinstockdoh" selected="{{date('Y01')}}">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>

            </x-selector-meses>
            <x-selector-meses id="fltr_mes_grafinstockdoh2" idselect="f_mes_grafinstockdoh_fin" :meses="$mesesComp" class="fltr_periodo_grafinstockdoh">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>

            <x-selector-generico id="f_type_grafinstockdoh2" idselect="f_type_grafinstockdoh" :salida="$tipos_graficos"  class="selector-generico" style="width: 120px;" 
            selected="msline">
                <x-slot name="texto">
                    {{__('messages.selector-tipo-grafico')}}
                </x-slot>
            </x-selector-generico>

            <x-boton-actualizar onclick="getVentaDohGenomma('{{$cliente}}', 'ventas');"/>

        </x-grafico>
        @php $display_grafico = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_grafico['grafinstockCatalogado']))
        <x-grafico id="grafinstockCatalogado" style="height: 450px !important; {{$display_grafico}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            {{-- <x-selector-generico id="f_catalogado_grafinstockCatalogado" idselect="f_catalogado_grafinstockCatalogado" :salida="$tipoStock2"  class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    Tipo Stock
                </x-slot>
            </x-selector-generico> --}}

            {{-- <x-selector-generico selected="100" id="f_pareto_grafinstockCatalogado2" idselect="f_pareto_grafinstockCatalogado" :salida="$pareto" class="selector-generico" >
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-pareto')}}
                </x-slot>
            </x-selector-generico> --}}

            <x-selector-generico id="f_tmp_grafinstockCatalogado2" idselect="f_tmp_grafinstockCatalogado" :salida="$periodo2"  class="" style="width: 120px" selected="mes">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>

            <!--EVOLUTVO SEMANA-->
            <x-selector-semanas id="fltr_sem_grafinstockCatalogado" idselect="f_sem_grafinstockCatalogado_ini" :semanas="$semanas"  class="fltr_periodo_grafinstockCatalogado" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_grafinstockCatalogado2" idselect="f_sem_grafinstockCatalogado_fin" :semanas="$semanas" class="fltr_periodo_grafinstockCatalogado" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>
            <!--EVOLUTVO MES-->
            <x-selector-meses id="fltr_mes_grafinstockCatalogado" idselect="f_mes_grafinstockCatalogado_ini" :meses="$mesesComp" class="fltr_periodo_grafinstockCatalogado" selected="{{date('Y01')}}">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>

            </x-selector-meses>
            <x-selector-meses id="fltr_mes_grafinstockCatalogado2" idselect="f_mes_grafinstockCatalogado_fin" :meses="$mesesComp" class="fltr_periodo_grafinstockCatalogado">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>

            <x-selector-generico id="f_type_grafinstockCatalogado2" idselect="f_type_grafinstockCatalogado" :salida="$tipos_graficos"  class="selector-generico" style="width: 120px;" 
            selected="msline">
                <x-slot name="texto">
                    {{__('messages.selector-tipo-grafico')}}
                </x-slot>
            </x-selector-generico>

            <x-boton-actualizar onclick="getInstockCatalogado('{{$cliente}}', 'stock');"/>

        </x-grafico>
        @php $display_grafico = 'display: none;'; @endphp
    @endif

@endsection
@endif

@if(count($selectores_tabla)>0)
@section('tabla')
    @if($cliente == "siksa")
        <div style="padding: 5px 16px;overflow: hidden;background-color: lightblue;text-align: center;"><p>Para la descarga en excel el separador de decimal esta representado por una coma</p></div>
    @endif 

    @if(isset($selectores_tabla['matri']))
        <x-tabla id="matri" style="height: 600px !important; {{$display_tabla}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <select name="f_tmp_matri" id="f_tmp_matri" style="display: none;">
                <option value="none" selected></option>
            </select>
            <select name="f_none_matri_ini" id="f_none_matri_ini" style="display: none;">
                <option value="0" selected></option>
            </select>
            <select name="f_none_matri_fin" id="f_none_matri_fin" style="display: none;">
                <option value="0" selected></option>
            </select>
            @if(config('app.CLIENTE') == 'lesaffre')
            <x-selector-generico id="variables_matri12" idselect="variables_matri1" :salida="json_encode($variables[__('messages.variable-local')])" selected="3-5" class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto-fila')}}
                </x-slot>
            </x-selector-generico>
            @else
            <x-selector-generico id="variables_matri12" idselect="variables_matri1" :salida="json_encode($variables_producto)" selected="1-15" class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto-fila')}}
                </x-slot>
            </x-selector-generico>
            @endif
            @if (config('app.CLIENTE') == 'spes')
                <x-selector-generico id="variables_matri22" idselect="variables_matri2" :salida="json_encode($variables[__('messages.variable-local')])" selected="3-5" class="selector-generico" style="width: 120px">
                    <x-slot name="texto">
                        {{__('messages.selector-variable-texto-columna')}}
                    </x-slot>
                </x-selector-generico>
            @elseif(config('app.CLIENTE') == 'lesaffre')
                <x-selector-generico id="variables_matri22" idselect="variables_matri2" :salida="json_encode($variables_producto)" selected="1-15" class="selector-generico" style="width: 120px">
                    <x-slot name="texto">
                        {{__('messages.selector-variable-texto-columna')}}
                    </x-slot>
                </x-selector-generico>
            @else
                <x-selector-generico id="variables_matri22" idselect="variables_matri2" :salida="json_encode($variables[__('messages.variable-local')])" selected="2-0" class="selector-generico" style="width: 120px">
                    <x-slot name="texto">
                        {{__('messages.selector-variable-texto-columna')}}
                    </x-slot>
                </x-selector-generico>
            @endif
            @if (config('app.CLIENTE') == 'spes')
                <x-selector-generico id="salida_matri2" idselect="salida_matri" :salida="$salidaDoh" class="selector-generico" style="width: 160px">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-texto-valor')}}
                    </x-slot>
                </x-selector-generico>
            @else
                <x-selector-generico id="salida_matri2" idselect="salida_matri" :salida="$salidaDoh" selected='ven-stock-u' class="selector-generico" style="width: 160px">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-texto-valor')}}
                    </x-slot>
                </x-selector-generico>
            @endif

            @if($cliente == "arenys")
                <x-selector-generico id="tipo_stock_matri2" idselect="tipo_stock_matri" :salida="$tipoStock" class="selector-generico" style="width: 120px" selected="">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-texto-stock')}}
                    </x-slot>
                </x-selector-generico>
            @else
                <x-selector-generico id="tipo_stock_matri2" idselect="tipo_stock_matri" :salida="$tipoStock" class="selector-generico" style="width: 120px">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-texto-stock')}}
                    </x-slot>
                </x-selector-generico>
            @endif
            @if($cliente != 'tezaclean')
            <x-selector-generico id="f_orden_locales2" idselect="f_orden_locales" :salida="$locales" class="selector-generico d-none" style="max-width: 350px; min-width: 140px;">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-locales')}}
                </x-slot>
            </x-selector-generico>
            @endif

            <x-selector-generico id="f_matri_pareto2" idselect="f_matri_pareto" :salida="$paretos"  class="selector-generico" style="width: 120px" >
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-pareto')}}
                </x-slot>
            </x-selector-generico>

            @if ($cliente != "oriental" && $cliente != "gama" && $cliente != 'grupomor')
                <x-selector-generico id="f_marcar_alerta2" idselect="f_marcar_alerta" :salida="$tiposAlertas2" class="selector-generico" style="max-width: 350px; min-width: 140px;">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-marcar-alerta')}}
                    </x-slot>
                </x-selector-generico>
            @endif
            
            <x-boton-actualizar onclick="getMatri('{{$cliente}}', 'stock');"/>

            <x-infobox tamano="25px" texto="" modal="tabla_diasinventario_modal"/>
            <div class="modal fade bd-example-modal-lg" id="tabla_diasinventario_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Tabla Días de inventario</h5>     
                    </div>
                        <!-- Center a image from ../public/images/ventas_tabla_matriz.png -->
                        <div class="text-center">
                            <img src="{{asset('images/stock_tabla_inventario.png')}}" class="img-fluid" alt="Responsive image">
                        </div>
                        <!-- add div for text -->
                        <P>El periodo de la venta es de los últimos <b>30 días</b></P>
                        @if($cliente == 'genomma')
                        <P><b>Cadenas de Canal Tradicional no poseen STOCK</b></P>
                        @endif
                        <p><b>Consultas sobre la tabla:</b> Para utilizar la tabla; definir los parámetros en los selectores y presionar "Actualizar".</p>
                        <ul>
                            <li><b>Selector Variables fila:</b> Define variable a desplegar por fila.</li>
                            <li><b>Selector Variable Columna:</b> Define variable a desplegar por columna.</li>
                            <li><b>Selector Valor Salida:</b> Seleccionar valores a desplegar en tabla.</li>
                            <li><b>Selector Tipo Stock:</b> Seleccionar si desea ver productos catalogados.</li>
                            <li><b>Selector Marcar Alertas:</b> Seleccionar tipo de alerta que desea resaltar en la tabla.</li>
                        </ul>
                        <p><b>Ordenar:</b> Clickear en los encabezados de las columnas ordenará los registros de la tabla en orden descendiente según lo que representa esa columna. Clickear nuevamente ordenará los registros en orden ascendente.</p>
                        <p><b>Fila y Columna Total (Títulos de variables seleccionadas):</b> Valores calculados tomando todos los registros.</p>
                        <p><b>Filtros Rápidos:</b> Marcar las opciones a filtrar en cada selector.</p>
                        <ul>
                            <li><b>Selector Cliente:</b> Filtrar por cliente.</li>
                            <li><b>Selector Categoría:</b> Filtrar por Categoría    .</li>
                            <li><b>Selector KAM:</b> Filtrar por <i>Key Account Manager</i>.</li>
                        </ul>
                        <p><b>Exportar:</b> Descargar datos de las tabla.</p>
                    </div>
                </div>
            </div>
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif
    
    @if(isset($selectores_tabla['detallestock']))
        <x-tabla id="detallestock" style="height: 600px !important;  {{$display_tabla}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias"> 
            <x-selector-variable id="variables_detallestocks" :lista='$variables' selected='2-0' />
            <x-selector-generico id="selector_txt_valor2" idselect="selector_txt_valor" :salida="$valor_salida"  class="selector-generico d-none" style="width: 200px" >
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="tipo_stock_detallestocks2" idselect="tipo_stock_detallestocks" :salida="$tipoStock" class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-stock')}}
                </x-slot>
            </x-selector-generico>
        
            <x-selector-generico id="f_pareto2" idselect="f_pareto" :salida="$paretos"  class="selector-generico" style="width: 120px" >
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-pareto')}}
                </x-slot>
            </x-selector-generico>
            @if ($cliente == "siksa")
                <x-selector-generico id="f_salida2" idselect="f_salida" :salida="$salida_detalle "  class="selector-generico" style="width: 120px" >
                    <x-slot name="texto">
                        Salida
                    </x-slot>
                </x-selector-generico>
                @else
                <x-selector-generico id="f_salida2" idselect="f_salida" :salida="$salida_detalle "  class="selector-generico" style="width: 120px;display:none" >
                    <x-slot name="texto">
                    </x-slot>
                </x-selector-generico>
            @endif
            
            <x-boton-actualizar onclick="getDetalleStocks('{{$cliente}}', 'stocks')"/>

            @if($cliente == 'siksa')
            <x-infobox tamano="25px" texto="" modal="tabla_detalles_modal"/>
            <div class="modal fade bd-example-modal-lg" id="tabla_detalles_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Tabla Detalles</h5>     
                    </div>
                        <!-- Center a image from ../public/images/ventas_tabla_matriz.png -->
                        <div class="text-center">
                            <img src="{{asset('images/tabla_detalle_siksa.png')}}" class="img-fluid" alt="Responsive image">
                        </div>
                        <!-- add div for text -->
                        <p><b>Consultas sobre la tabla:</b> Para utilizar la tabla; definir los parámetros en los selectores y presionar "Actualizar".</p>
                        <ul>
                            <li><b>Selector Variable Filas:</b> Definir Variable en filas de la tabla.</li>
                            <li><b>Selector Pareto:</b> Selección de concentración de ventas según relacion 80/20 o 20/80.</li>
                            <li><b>Selector Salida:</b> Valor de salida a consultar en tabla.</li>
                        </ul>
                        <p><b>Ordenar:</b> Clickear en los encabezados de las columnas ordenará los registros de la tabla en orden descendiente según lo que representa esa columna. Clickear nuevamente ordenará los registros en orden ascendente.</p>
                        <p><b>Fila y Columna Total (Títulos de variables seleccionadas):</b> Valores calculados tomando todos los registros.</p>
                        <p><b>Filtros Rápidos:</b> Marcar las opciones a filtrar en cada selector.</p>
                        <ul>
                            <li><b>Selector Cliente:</b> Filtrar por cliente.</li>
                            <li><b>Selector Categoría:</b> Filtrar por Categoría    .</li>
                            <li><b>Selector KAM:</b> Filtrar por <i>Key Account Manager</i>.</li>
                        </ul>
                        <p><b>Exportar:</b> Descargar datos de las tabla.</p>
                        <ul>
                            <li><b>Columna Stock:</b>Valor de Stock en sala</li>
                            <li><b>Columna Stock CD:</b> Valor de Stock en Centros de Distribución.</li>
                            <li><b>Columna Transito:</b> Valor de stock en transito.</li>
                            <li><b>Columna Quiebre:</b> Cantidad de productos en Quiebre.</li>
                            <li><b>Columna InStock:</b> Cantidad de productos InStock.</li>
                            <li><b>Columna Catalogados:</b> Cantidad de productos en Catalogo.</li>
                            <li><b>Columna Venta últimas 12 semanas:</b> Cantidad de ventas últimos 90 días.</li>
                            <li><b>Columna Venta últimas 4 semanas:</b> Cantidad de ventas últimos 30 días.</li>
                            <li><b>Columna Venta última semana:</b> Cantidad de ventas últimos 7 días.</li>
                            <li><b>Columna DOH:</b> Formula: (STOCK*30) / Ventas ult. 30 dias</li>
                        </ul>
                    </div>
                </div>
            </div>
            @endif
            @if($cliente == 'oriental')
            <x-infobox tamano="25px" texto="" modal="tabla_detalles_modal"/>
            <div class="modal fade bd-example-modal-lg" id="tabla_detalles_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Tabla Detalles</h5>     
                    </div>
                        <!-- Center a image from ../public/images/ventas_tabla_matriz.png -->
                        <div class="text-center">
                            <img src="{{asset('images/tabla_detalle_siksa.png')}}" class="img-fluid" alt="Responsive image">
                        </div>
                        <!-- add div for text -->
                        <p><b>Consultas sobre la tabla:</b> Para utilizar la tabla; definir los parámetros en los selectores y presionar "Actualizar".</p>
                        <ul>
                            <li><b>Selector Variable Filas:</b> Definir Variable en filas de la tabla.</li>
                            <li><b>Selector Pareto:</b> Selección de concentración de ventas según relacion 80/20 o 20/80.</li>
                        </ul>
                        <p><b>Ordenar:</b> Clickear en los encabezados de las columnas ordenará los registros de la tabla en orden descendiente según lo que representa esa columna. Clickear nuevamente ordenará los registros en orden ascendente.</p>
                        <p><b>Fila y Columna Total (Títulos de variables seleccionadas):</b> Valores calculados tomando todos los registros.</p>
                        <p><b>Filtros Rápidos:</b> Marcar las opciones a filtrar en cada selector.</p>
                        <ul>
                            <li><b>Selector Cliente:</b> Filtrar por cliente.</li>
                            <li><b>Selector Categoría:</b> Filtrar por Categoría    .</li>
                            <li><b>Selector KAM:</b> Filtrar por <i>Key Account Manager</i>.</li>
                        </ul>
                        <p><b>Exportar:</b> Descargar datos de las tabla.</p>
                        <ul>
                            <li><b>Columna Stock:</b>Valor de Stock en sala</li>
                            <li><b>Columna Stock CD:</b> Valor de Stock en Centros de Distribución.</li>
                            <li><b>Columna Transito:</b> Valor de stock en transito.</li>
                            <li><b>Columna Quiebre:</b> Cantidad de productos en Quiebre.</li>
                            <li><b>Columna InStock:</b> Cantidad de productos InStock.</li>
                            <li><b>Columna Catalogados:</b> Cantidad de productos en Catalogo.</li>
                            <li><b>Columna Venta últimas 12 semanas:</b> Cantidad de ventas últimos 90 días.</li>
                            <li><b>Columna Venta últimas 4 semanas:</b> Cantidad de ventas últimos 30 días.</li>
                            <li><b>Columna Venta última semana:</b> Cantidad de ventas últimos 7 días.</li>
                            <li><b>Columna Stock Valorado:</b> Calculo en valor neto de stock disponible.</li>
                            <li><b>Columna Venta Valorada:</b>Ventas valoradas en base a las ventas del últimos 30 días. </li>
                        </ul>
                    </div>
                </div>
            </div>
            @endif
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['stockventasmaisa']))
        <x-tabla id="stockventasmaisa" style="height: 600px !important; {{$display_tabla}}"  :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias" :favoritosDisabled="$true"> 
            <x-selector-variable id="variables_stockventasmaisa" :lista='$variables_producto_maisa2' selected='1-6' />
            <x-selector-generico id="selector_txt_valor2" idselect="selector_txt_valor" :salida="$valor_salida"  class="selector-generico d-none" style="width: 200px" >
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="tipo_stock_stockventasmaisa2" idselect="tipo_stock_stockventasmaisa" :salida="$tipoStock" class="selector-generico d-none" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-stock')}}
                </x-slot>
            </x-selector-generico>
        
            <x-selector-generico id="f_pareto2" idselect="f_pareto" :salida="$paretos"  class="selector-generico d-none" style="width: 120px" >
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-pareto')}}
                </x-slot>
            </x-selector-generico>
            
            <x-selector-generico id="f_salida2" idselect="f_salida" :salida="$salida_detalle "  class="selector-generico" style="width: 120px;display:none" >
                <x-slot name="texto">
                </x-slot>
            </x-selector-generico>        
        
            <x-boton-actualizar onclick="getStockVentasMaisa('{{$cliente}}', 'stocks')"/>

        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['quiebresmaisa']))
        <x-tabla id="quiebresmaisa" style="height: 600px !important; {{$display_tabla}}" :filtros="$filtrosDisp" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias" :favoritosDisabled="$true">
            <select name="f_tmp_quiebresmaisa" id="f_tmp_quiebresmaisa" style="display: none;">
                <option value="none" selected></option>
            </select>
            <select name="f_none_quiebresmaisa_ini" id="f_none_quiebresmaisa_ini" style="display: none;">
                <option value="0" selected></option>
            </select>
            <select name="f_none_quiebresmaisa_fin" id="f_none_quiebresmaisa_fin" style="display: none;">
                <option value="0" selected></option>
            </select>
            <x-selector-generico id="variables_quiebresmaisa12" idselect="variables_quiebresmaisa1" :salida="json_encode($variables[__('messages.variable-local')])" selected="3-5" class="selector-generico" style="width: 120px"  disabled="true">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto-fila')}}
                </x-slot>
            </x-selector-generico>
           
            <x-selector-generico id="variables_quiebresmaisa22" idselect="variables_quiebresmaisa2" :salida="json_encode($variables_producto_maisa)" selected="1-6" class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto-columna')}}
                </x-slot>
            </x-selector-generico>
           
            <x-selector-generico id="salida_quiebresmaisa2" idselect="salida_quiebresmaisa" :salida="$salidaDoh" selected="ven-stock-u" class="selector-generico d-none" style="width: 160px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>
        
            <x-selector-generico id="tipo_stock_quiebresmaisa2" idselect="tipo_stock_quiebresmaisa" :salida="$tipoStock" class="selector-generico d-none" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-stock')}}
                </x-slot>
            </x-selector-generico>
            
            <x-boton-actualizar onclick="getQuiebresMaisa('{{$cliente}}', 'stock');"/>
          
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['detallestocksiksa']))
        <x-tabla id="detallestocksiksa" style="height: 600px !important;  {{$display_tabla}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias"> 
            <x-selector-variable id="variables_detallestocksiksa" :lista='$variables' selected='2-0' />
            <x-selector-generico id="selector_txt_valor2" idselect="selector_txt_valorsiksa" :salida="$valor_salida"  class="selector-generico d-none" style="width: 200px" >
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>
        
            <x-selector-generico id="f_salida2" idselect="f_salida_stocksiksa" :salida="$salida_detalle"  class="selector-generico" style="width: 120px" >
                <x-slot name="texto">
                    Salida
                </x-slot>
            </x-selector-generico>

            <x-boton-actualizar onclick="getDetalleStocksSiksa('{{$cliente}}', 'stocks')"/>

            @if($cliente == 'siksa')
            <x-infobox tamano="25px" texto="" modal="tabla_detalles_modal"/>
            <div class="modal fade bd-example-modal-lg" id="tabla_detalles_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Tabla Detalles</h5>     
                    </div>
                        <!-- Center a image from ../public/images/ventas_tabla_matriz.png -->
                        <div class="text-center">
                            <img src="{{asset('images/tabla_detalle_siksa.png')}}" class="img-fluid" alt="Responsive image">
                        </div>
                        <!-- add div for text -->
                        <p><b>Consultas sobre la tabla:</b> Para utilizar la tabla; definir los parámetros en los selectores y presionar "Actualizar".</p>
                        <ul>
                            <li><b>Selector Variable Filas:</b> Definir Variable en filas de la tabla.</li>
                            <li><b>Selector Pareto:</b> Selección de concentración de ventas según relacion 80/20 o 20/80.</li>
                            <li><b>Selector Salida:</b> Valor de salida a consultar en tabla.</li>
                        </ul>
                        <p><b>Ordenar:</b> Clickear en los encabezados de las columnas ordenará los registros de la tabla en orden descendiente según lo que representa esa columna. Clickear nuevamente ordenará los registros en orden ascendente.</p>
                        <p><b>Fila y Columna Total (Títulos de variables seleccionadas):</b> Valores calculados tomando todos los registros.</p>
                        <p><b>Filtros Rápidos:</b> Marcar las opciones a filtrar en cada selector.</p>
                        <ul>
                            <li><b>Selector Cliente:</b> Filtrar por cliente.</li>
                            <li><b>Selector Categoría:</b> Filtrar por Categoría    .</li>
                            <li><b>Selector KAM:</b> Filtrar por <i>Key Account Manager</i>.</li>
                        </ul>
                        <p><b>Exportar:</b> Descargar datos de las tabla.</p>
                        <ul>
                            <li><b>Columna Stock:</b>Valor de Stock en sala</li>
                            <li><b>Columna Stock CD:</b> Valor de Stock en Centros de Distribución.</li>
                            <li><b>Columna Transito:</b> Valor de stock en transito.</li>
                            <li><b>Columna Quiebre:</b> Cantidad de productos en Quiebre.</li>
                            <li><b>Columna InStock:</b> Cantidad de productos InStock.</li>
                            <li><b>Columna Catalogados:</b> Cantidad de productos en Catalogo.</li>
                            <li><b>Columna Venta últimas 12 semanas:</b> Cantidad de ventas últimos 90 días.</li>
                            <li><b>Columna Venta últimas 4 semanas:</b> Cantidad de ventas últimos 30 días.</li>
                            <li><b>Columna Venta última semana:</b> Cantidad de ventas últimos 7 días.</li>
                            <li><b>Columna DOH:</b> Formula: (STOCK*30) / Ventas ult. 30 dias</li>
                        </ul>
                    </div>
                </div>
            </div>
            @endif
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['stockale']))
        <x-tabla id="stockale" style="height: 600px !important; {{$display_tabla}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-generico id="var_stockale2" idselect="var_stockale" :salida="$tiposAlertas"  class="selector-generico" style="width: 160px" selected="cvss">
                <x-slot name="texto">
                    {{__('messages.alerta')}}
                </x-slot>
            </x-selector-generico>

            @if($cliente == "arenys")
                <x-selector-generico id="tipo_stock_stockale2" idselect="tipo_stock_stockale" :salida="$tipoStock"  class="selector-generico" style="width: 120px" selected="">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-texto-stock')}}
                    </x-slot>
                </x-selector-generico>
            @else
                <x-selector-generico id="tipo_stock_stockale2" idselect="tipo_stock_stockale" :salida="$tipoStock"  class="selector-generico" style="width: 120px">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-texto-stock')}}
                    </x-slot>
                </x-selector-generico>
            @endif

            <x-selector-generico id="salida_stockale2" idselect="salida_stockale" :salida="$unidades"  class="selector-generico @if($cliente=='siksa') d-none @endif" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="f_dias_ventas_stockale2" idselect="f_dias_ventas_stockale" :salida="$diasVentas"  class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.periodo_ventas')}}
                </x-slot>
            </x-selector-generico>

            @if($modificar_alertas)
                <div id="f_modificar_alertas_stockale" style="display:none;"></div>
                {{-- Quiebres: perso1 --}}
                <x-selector-generico id="f_perso1_stock_stockale2" idselect="f_perso1_stock_stockale" :salida="$filtro_cero" class="selector-generico fltr_mod_alertas_stockale" style="width: 120px" selected="<=#0">
                    <x-slot name="texto">
                        Stock
                    </x-slot>
                </x-selector-generico>

                <x-selector-generico id="f_perso1_doh_stockale2" idselect="f_perso1_doh_stockale" :salida="$filtro_doh" class="selector-generico fltr_mod_alertas_stockale" style="width: 120px" selected=">=#4">
                    <x-slot name="texto">
                        DOH
                    </x-slot>
                </x-selector-generico>

                {{-- Posible Quiebre: posible_quiebre --}}
                <x-selector-generico id="f_posible_quiebre_doh_stockale2" idselect="f_posible_quiebre_doh_stockale" :salida="$filtro_posible_quiebre" class="selector-generico fltr_mod_alertas_stockale" style="width: 120px" selected="<#7">
                    <x-slot name="texto">
                        DOH
                    </x-slot>
                </x-selector-generico>

                {{-- Sobrestock: sobrestock --}}
                <x-selector-generico id="f_sobrestock_doh_stockale2" idselect="f_sobrestock_doh_stockale" :salida="$filtro_sobrestock" class="selector-generico fltr_mod_alertas_stockale" style="width: 120px" selected=">#180">
                    <x-slot name="texto">
                        DOH
                    </x-slot>
                </x-selector-generico>
            @endif
            
            <x-boton-actualizar onclick="getStockAle('{{$cliente}}', 'alerta_stock');"/>

            <x-infobox tamano="25px" texto="" modal="tabla_alertas_modal"/>
            <div class="modal fade bd-example-modal-lg" id="tabla_alertas_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Tabla Alertas</h5>     
                    </div>
                        <!-- Center a image from ../public/images/ventas_tabla_matriz.png -->
                        <div class="text-center">
                            <img src="{{asset('images/stock_tabla_alertas.png')}}" class="img-fluid" alt="Responsive image">
                        </div>
                        <!-- add div for text -->
                        <p><b>Consultas sobre la tabla:</b> Para utilizar la tabla; definir los parámetros en los selectores y presionar "Actualizar".</p>
                        @if($cliente == 'genomma')
                        <P><b>Cadenas de Canal Tradicional no poseen STOCK</b></P>
                        @endif
                        <ul>
                            <li><b>Selector Alerta:</b> Define que tipo de alerta analizar.</li>
                            <li><b>Selector Tipo Stock:</b> Seleccionar si desea ver productos catalogados.</li>
                            <li><b>Selector Periodo:</b> Seleccionar Periodo a consultar.</li>
                        </ul>
                        <p><b>Ordenar:</b> Clickear en los encabezados de las columnas ordenará los registros de la tabla en orden descendiente según lo que representa esa columna. Clickear nuevamente ordenará los registros en orden ascendente.</p>
                        <p><b>Fila y Columna Total (Títulos de variables seleccionadas):</b> Valores calculados tomando todos los registros.</p>
                        <p><b>Filtros Rápidos:</b> Marcar las opciones a filtrar en cada selector.</p>
                        <ul>
                            <li><b>Selector Cliente:</b> Filtrar por cliente.</li>
                            <li><b>Selector Categoría:</b> Filtrar por Categoría    .</li>
                            <li><b>Selector KAM:</b> Filtrar por <i>Key Account Manager</i>.</li>
                        </ul>
                        <p><b>Exportar:</b> Descargar datos de las tabla.</p>
                        <ul>
                        </ul>
                    </div>
                </div>
            </div>
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['evo']))
        <x-tabla id="evo" style="height: 600px !important; {{$display_tabla}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_evo" :lista='$variables' selected="2-5" cliente='$cliente'/>
            <x-selector-variable id="variables_evo2" :lista='$variables_2' selected="-1" cliente='$cliente'/>

            <x-selector-generico id="salida_evo2" idselect="salida_evo" :salida="$salida_tablevo"  class="selector-generico" style="width: 120px;">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot> 
            </x-selector-generico>

            <x-selector-generico id="tipo_stock_evo2" idselect="tipo_stock_evo" :salida="$tipoStock" class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-stock')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="f_tmp_evo2" idselect="f_tmp_evo" :salida="$periodo4"  class="selector-generico" style="width: 120px" selected="dia">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-dias idpadre="evo" />
            <x-selector-semanas id="fltr_sem_evo" idselect="f_sem_evo_ini" :semanas="$semanas"  class="fltr_periodo_evo" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_evo2" idselect="f_sem_evo_fin" :semanas="$semanas" class="fltr_periodo_evo" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>
            <!--EVOLUTVO MES-->
            <x-selector-meses id="fltr_mes_evo" idselect="f_mes_evo_ini" :meses="$meses" class="fltr_periodo_evo" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_evo2" idselect="f_mes_evo_fin" :meses="$meses" class="fltr_periodo_evo" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>
            
            <x-boton-actualizar onclick="getEvo('{{$cliente}}', 'stock');"/>

            <x-infobox tamano="25px" texto="" modal="tabla_evolutivo_modal"/>
            <div class="modal fade bd-example-modal-lg" id="tabla_evolutivo_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Tabla Evolucion Stock</h5>     
                    </div>
                        <!-- Center a image from ../public/images/ventas_tabla_matriz.png -->
                        <div class="text-center">
                            <img src="{{asset('images/stock_tabla_evolutivo.png')}}" class="img-fluid" alt="Responsive image">
                        </div>
                        <!-- add div for text -->
                        <p><b>Consultas sobre la tabla:</b> Para utilizar la tabla; definir los parámetros en los selectores y presionar "Actualizar".</p>
                        @if($cliente == 'genomma')
                        <P><b>Cadenas de Canal Tradicional no poseen STOCK</b></P>
                        @endif
                        <ul>
                            <li><b>Selector Desglosar por:</b> Definir Variable en filas de la tabla.</li>
                            <li><b>Selector Salida:</b> Valor de salida a consultar en tabla. Stock Total corresponde a Stock en sala más Stock en centros de distribución.</li>
                            <li><b>Selector Periodo:</b> Seleccionar tipo de periódo para ver los datos.</li>
                        </ul>
                        <p><b>Ordenar:</b> Clickear en los encabezados de las columnas ordenará los registros de la tabla en orden descendiente según lo que representa esa columna. Clickear nuevamente ordenará los registros en orden ascendente.</p>
                        <p><b>Fila y Columna Total (Títulos de variables seleccionadas):</b> Valores calculados tomando todos los registros.</p>
                        <p><b>Filtros Rápidos:</b> Marcar las opciones a filtrar en cada selector.</p>
                        <ul>
                            <li><b>Selector Cliente:</b> Filtrar por cliente.</li>
                            <li><b>Selector Categoría:</b> Filtrar por Categoría    .</li>
                            <li><b>Selector KAM:</b> Filtrar por <i>Key Account Manager</i>.</li>
                        </ul>
                        <p><b>Exportar:</b> Descargar datos de las tabla.</p>

                    </div>
                </div>
            </div>
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif
    
    @if(isset($selectores_tabla['evomovil']))
        <x-tabla id="evomovil" style="height: 600px !important; {{$display_tabla}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_evomovil" :lista='$variables' selected="2-5" cliente='$cliente'/>
            {{-- <x-selector-variable id="variables_evomovil2" :lista='$variables_2' selected="-1" cliente='$cliente'/> --}}
    
            <x-selector-generico id="salida_evomovil2" idselect="salida_evomovil" :salida="$salida2"  class="selector-generico" style="width: 120px;">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot> 
            </x-selector-generico>
    
            <x-selector-generico id="f_tmp_evomovil2" idselect="f_tmp_evomovil" :salida="$periodo5"  class="selector-generico" style="width: 65px" selected="dia">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>
    
            <x-selector-dias idpadre="evomovil" />
            <x-selector-semanas id="fltr_sem_evomovil" idselect="f_sem_evomovil_ini" :semanas="$semanas"  class="fltr_periodo_grafevomovil" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_evomovil2" idselect="f_sem_evomovil_fin" :semanas="$semanas" class="fltr_periodo_grafevomovil" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>
            <!--evomovilLUTVO MES-->
            <x-selector-meses id="fltr_mes_grafevomovil" idselect="f_mes_evomovil_ini" :meses="$meses" class="fltr_periodo_grafevomovil" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_grafevomovil2" idselect="f_mes_evomovil_fin" :meses="$meses" class="fltr_periodo_grafevomovil" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>
            
            <x-boton-actualizar onclick="getevomovil('{{$cliente}}', 'movil');"/>

            <x-infobox tamano="25px" texto="" modal="tabla_evomovillutivo_modal"/>
            <div class="modal fade bd-example-modal-lg" id="tabla_evomovillutivo_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Tabla evolucion Stock</h5>     
                    </div>
                        <!-- Center a image from ../public/images/ventas_tabla_matriz.png -->
                        <div class="text-center">
                            <img src="{{asset('images/stock_tabla_evolutivo.png')}}" class="img-fluid" alt="Responsive image">
                        </div>
                        <!-- add div for text -->
                        <p><b>Consultas sobre la tabla:</b> Para utilizar la tabla; definir los parámetros en los selectores y presionar "Actualizar".</p>
                        <ul>
                            <li><b>Selector Desglosar por:</b> Definir Variable en filas de la tabla.</li>
                            <li><b>Selector Salida:</b> Valor de salida a consultar en tabla. Stock Total corresponde a Stock en sala más Stock en centros de distribución.</li>
                            <li><b>Selector Periodo:</b> Seleccionar tipo de periódo para ver los datos.</li>
                        </ul>
                        <p><b>Ordenar:</b> Clickear en los encabezados de las columnas ordenará los registros de la tabla en orden descendiente según lo que representa esa columna. Clickear nuevamente ordenará los registros en orden ascendente.</p>
                        <p><b>Fila y Columna Total (Títulos de variables seleccionadas):</b> Valores calculados tomando todos los registros.</p>
                        <p><b>Filtros Rápidos:</b> Marcar las opciones a filtrar en cada selector.</p>
                        <ul>
                            <li><b>Selector Cliente:</b> Filtrar por cliente.</li>
                            <li><b>Selector Categoría:</b> Filtrar por Categoría    .</li>
                            <li><b>Selector KAM:</b> Filtrar por <i>Key Account Manager</i>.</li>
                        </ul>
                        <p><b>Exportar:</b> Descargar datos de las tabla.</p>
    
                    </div>
                </div>
            </div>
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif
   
    @if(isset($selectores_tabla['alevo']))
        <x-tabla id="alevo" style="height: 600px !important; {{$display_tabla}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            {{-- <x-selector-generico id="alertas_alevo2" idselect="alertas_alevo" :salida="$salida_tablalevo"  class="selector-generico" style="width: 120px;display:none">
                <x-slot name="texto">
                    Tipos de Alertas
                </x-slot> 
            </x-selector-generico> --}}
            <x-selector-generico id="f_dias_ventas_alevo2" idselect="f_dias_ventas_alevo" :salida="$diasVentas"  class="selector-generico" style="width: 80px">
                <x-slot name="texto">
                    Dias 
                </x-slot>
            </x-selector-generico>
            <x-selector-generico id="cantidad_quiebres_alevo2" idselect="cantidad_quiebres_alevo" :salida="$cantidad_quiebres"  class="selector-generico" style="width: 80px">
                <x-slot name="texto">
                    Cantidad de Quiebres
                </x-slot>
            </x-selector-generico>
            {{-- <x-selector-generico id="catalogado_alevo2" idselect="catalogado_alevo" :salida="$tipoStock2"  class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    Tipo Stock
                </x-slot>
            </x-selector-generico> --}}
            
            <x-boton-actualizar onclick="getalevo('{{$cliente}}', 'stock');"/>

        </x-tabla>
     @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['aleval']))
        <x-tabla id="aleval" style="height: 600px !important;  {{$display_tabla}}" :filtros="$filtrosAleVal" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_aleval" :lista='$variables_aleval' selected="2-0" />

            <x-selector-generico id="tipo_stock_aleval2" idselect="tipo_stock_aleval" :salida="$tipoStock" class="selector-generico d-none" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-stock')}}
                </x-slot>
            </x-selector-generico>

            <x-boton-actualizar onclick="getAleVal('{{$cliente}}', 'alerta_stock');"/>

        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['venper']))
        <x-tabla id="venper" style="height: 600px !important;  {{$display_tabla}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_venper" :lista='$variables' selected="2-0">
                <x-slot name="titulo">
                    {{__('messages.selector-variable-texto')}}
                </x-slot>
            </x-selector-variable>

            <x-selector-generico id="tipo_stock_venper2" idselect="tipo_stock_venper" :salida="$tipoStock" class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-stock')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="f_tmp_venper2" idselect="f_tmp_venper" :salida="$periodo3"  class="selector-generico" style="width: 120px" selected="mec">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>
            <x-boton-actualizar onclick="getVentasPerdida('{{$cliente}}', 'stock');"/>

        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['disp']) && $cliente == "siksa")
        <x-tabla id="disp" :filtrosAv="$filtrosAv" :filtros="$filtros" :filtrosAvAlias="$filtrosAvAlias" style="height: 600px !important; display: none;">
            <x-selector-generico id="variables_disp2" idselect="variables_disp" :salida="$variable"  class="selector-generico d-none" style="width: 120px" disabled="">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="salida_disp2" idselect="salida_disp" :salida="$salida"  class="selector-generico d-none" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="catalogado_disp2" idselect="catalogado_disp" :salida="$tipoStock2"  class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    Tipo Stock
                </x-slot>
            </x-selector-generico>
           
            <x-selector-generico id="f_tmp_disp2" idselect="f_tmp_disp" :salida="$periodo_grafdisp"  class="selector-generico" style="width: 120px" selected="dia">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-dias idpadre="disp" style="display: block"/>

            <x-selector-meses id="fltr_mes_disp" idselect="f_mes_disp_ini" :meses="$meses" class="fltr_periodo_disp" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_disp2" idselect="f_mes_disp_fin" :meses="$meses" class="fltr_periodo_disp" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>
           
            <x-selector-semanas id="fltr_sem_disp" idselect="f_sem_disp_ini" :semanas="$semanas"  class="fltr_periodo_disp" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_disp2" idselect="f_sem_disp_fin" :semanas="$semanas" class="fltr_periodo_disp" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>
            
            <x-boton-actualizar onclick="getDisp('{{$cliente}}', 'ventas');" />

            <x-infobox tamano="25px" texto="" modal="tabla_disponibilidad_modal"/>
            <div class="modal fade bd-example-modal-lg" id="tabla_disponibilidad_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Tabla Disponibilidad</h5>     
                    </div>
                        <!-- Center a image from ../public/images/ventas_tabla_matriz.png -->
                        <div class="text-center">
                            <img src="{{asset('images/stock_tabla_disponibilidad.png')}}" class="img-fluid" alt="Responsive image">
                        </div>
                        <!-- add div for text -->
                        <p><b>Consultas sobre la tabla:</b> Para utilizar la tabla; definir los parámetros en los selectores y presionar "Actualizar".</p>
                        <ul>
                            <li><b>Selector Desglosar por:</b> La tabla se encuentra por defecto para combinación Productos - Local</li>
                            <li><b>Selector Catalogado:</b> Define si quiere ver productos catalogados o no.</li>
                            <li><b>Selector Periodo:</b> Seleccionar tipo de periódo para ver los datos.</li>
                        </ul>
                        <p><b>Ordenar:</b> Clickear en los encabezados de las columnas ordenará los registros de la tabla en orden descendiente según lo que representa esa columna. Clickear nuevamente ordenará los registros en orden ascendente.</p>
                        <p><b>Fila y Columna Total (Títulos de variables seleccionadas):</b> Valores calculados tomando todos los registros.</p>
                        <p><b>Filtros Rápidos:</b> Marcar las opciones a filtrar en cada selector.</p>
                        <ul>
                            <li><b>Selector Cliente:</b> Filtrar por cliente.</li>
                            <li><b>Selector Categoría:</b> Filtrar por Categoría    .</li>
                            <li><b>Selector KAM:</b> Filtrar por <i>Key Account Manager</i>.</li>
                        </ul>
                        <p><b>Exportar:</b> Descargar datos de las tabla.</p>
                        <ul>
                            <li><b>Columna Producto - Local:</b> Nombre del local más el nombre del producto.</li>
                            <li><b>Columnas por período:</b> Muestra valores 1 o 0, donde 1 indica que el producto se encontraba disponible en ese período y 0 indica producto no disponible.</li>
                            <li><b>Columna Promedio de Venta(Kg):</b>Indica el promedio de venta en Kilogramos para el período de tiempo establecido.</li>
                        </ul>
                    </div>
                </div>
            </div>
     
        </x-tabla>
    @endif

    @if(isset($selectores_tabla['displocal']) && $cliente == "siksa")
        <x-tabla id="displocal" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias" style="height: 600px !important; display: none;">
            <x-selector-generico id="variables_displocal2" idselect="variables_displocal" :salida="$variable"  class="selector-generico d-none" style="width: 120px" disabled="">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-generico id="salida_displocal2" idselect="salida_displocal" :salida="$variable_displocal"  class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>
           
            <x-selector-generico id="catalogado_displocal2" idselect="catalogado_displocal" :salida="$tipoStock2"  class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    Tipo Stock
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="f_tmp_displocal2" idselect="f_tmp_displocal" :salida="$periodo2"  class="selector-generico" style="width: 120px" selected="dia">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-dias idpadre="displocal" style="display: block"/>

            <x-selector-meses id="fltr_mes_displocal" idselect="f_mes_displocal_ini" :meses="$meses" class="fltr_periodo_displocal" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_displocal2" idselect="f_mes_displocal_fin" :meses="$meses" class="fltr_periodo_displocal" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>
           
            <x-selector-semanas id="fltr_sem_displocal" idselect="f_sem_displocal_ini" :semanas="$semanas"  class="fltr_periodo_displocal" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_displocal2" idselect="f_sem_displocal_fin" :semanas="$semanas" class="fltr_periodo_displocal" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>
            
            <x-boton-actualizar onclick="getDispLocal('{{$cliente}}', 'ventas');" />

            <x-infobox tamano="25px" texto="" modal="tabla_disponibilidad_local_modal"/>
            <div class="modal fade bd-example-modal-lg" id="tabla_disponibilidad_local_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Tabla Disponibilidad Local</h5>     
                    </div>
                        <!-- Center a image from ../public/images/ventas_tabla_matriz.png -->
                        <div class="text-center">
                            <img src="{{asset('images/stock_tabla_disponibilidad_local.png')}}" class="img-fluid" alt="Responsive image">
                        </div>
                        <!-- add div for text -->
                        <p><b>Consultas sobre la tabla:</b> Para utilizar la tabla; definir los parámetros en los selectores y presionar "Actualizar".</p>
                        <ul>
                            <li><b>Selector Desglosar por:</b>Seleccione variable disponible para desglosar tabla</li>
                            <li><b>Selector Catalogado:</b> Define si quiere ver productos catalogados o no.</li>
                            <li><b>Selector Periodo:</b> Seleccionar tipo de periódo para ver los datos.</li>
                        </ul>
                        <p><b>Ordenar:</b> Clickear en los encabezados de las columnas ordenará los registros de la tabla en orden descendiente según lo que representa esa columna. Clickear nuevamente ordenará los registros en orden ascendente.</p>
                        <p><b>Fila y Columna Total (Títulos de variables seleccionadas):</b> Valores calculados tomando todos los registros.</p>
                        <p><b>Filtros Rápidos:</b> Marcar las opciones a filtrar en cada selector.</p>
                        <ul>
                            <li><b>Selector Cliente:</b> Filtrar por cliente.</li>
                            <li><b>Selector Categoría:</b> Filtrar por Categoría    .</li>
                            <li><b>Selector KAM:</b> Filtrar por <i>Key Account Manager</i>.</li>
                        </ul>
                        <p><b>Exportar:</b> Descargar datos de las tabla.</p>
                        <ul>
                            <li><b>Columna Principal:</b> Nombre de variable seleccionada.</li>
                            <li><b>Columnas por período:</b> Muestra porcentajes de acuerdo a disponibilidad de productos en el local. Se considera disponible un producto cuando el DOH > 7.</li>
                            <li><b>Columna Total:</b>Porcentaje promedio de disponibilidad para el periodo de tiempo seleccionado.</li>
                            <li><b>Fila Total:</b>Porcentaje promedio de disponibilidad en la columna del periodo.</li>
                        </ul>
                    </div>
                </div>
            </div>
     
        </x-tabla>
    @endif

    @if(isset($selectores_tabla['prodEnSalas']))
        <x-tabla id="prodEnSalas" style="height: 600px !important; {{$display_tabla}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-filtro id="f_productounico_prodEnSalas" :lista="$presentacion">
                <x-slot name="texto">
                   Presentacion
                </x-slot>
            </x-filtro>

            <x-selector-generico id="tipo_stock_prodEnSalas2" idselect="tipo_stock_prodEnSalas" :salida="$tipoStock" class="selector-generico" style="width: 120px" selected="">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-stock')}}
                </x-slot>
            </x-selector-generico>

            <x-boton-actualizar onclick="getProdEnSalas('{{$cliente}}', 'stock');"/>

        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['psa']))
        <x-tabla id="psa" style="height: 600px !important; {{$display_tabla}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_psa" :lista='$variables' selected='2-5' />

            <x-selector-generico id="tipo_stock_psa2" idselect="tipo_stock_psa" :salida="$tipoStock" class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-stock')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="f_tmp_psa2" idselect="f_tmp_psa" :salida="$periodo4"  class="selector-generico" style="width: 120px" selected="dia">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-dias idpadre="psa" />
            <x-selector-semanas id="fltr_sem_psa" idselect="f_sem_psa_ini" :semanas="$semanas"  class="fltr_periodo_psa" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_psa2" idselect="f_sem_psa_fin" :semanas="$semanas" class="fltr_periodo_psa" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>
            <!--EVOLUTVO MES-->
            <x-selector-meses id="fltr_mes_psa" idselect="f_mes_psa_ini" :meses="$meses" class="fltr_periodo_psa" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_psa2" idselect="f_mes_psa_fin" :meses="$meses" class="fltr_periodo_psa" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>
            
            <x-boton-actualizar onclick="getPSA('{{$cliente}}', 'stock');"/>

            <x-infobox tamano="25px" texto="" modal="tabla_psa_modal"/>
            <div class="modal fade bd-example-modal-lg" id="tabla_psa_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Tabla PSA Stock</h5>
                    </div>
                        <!-- Center a image from ../public/images/ventas_tabla_matriz.png -->
                        <div class="text-center">
                            <img src="{{asset('images/stock_tabla_evolutivo.png')}}" class="img-fluid" alt="Responsive image">
                        </div>
                        <!-- add div for text -->
                        <p><b>Consultas sobre la tabla:</b> Para utilizar la tabla; definir los parámetros en los selectores y presionar "Actualizar".</p>
                        <ul>
                            <li><b>Selector Desglosar por:</b> Definir Variable en filas de la tabla.</li>
                            <li><b>Selector Salida:</b> Valor de salida a consultar en tabla. Stock Total corresponde a Stock en sala más Stock en centros de distribución.</li>
                            <li><b>Selector Periodo:</b> Seleccionar tipo de periódo para ver los datos.</li>
                        </ul>
                        <p><b>Ordenar:</b> Clickear en los encabezados de las columnas ordenará los registros de la tabla en orden descendiente según lo que representa esa columna. Clickear nuevamente ordenará los registros en orden ascendente.</p>
                        <p><b>Fila y Columna Total (Títulos de variables seleccionadas):</b> Valores calculados tomando todos los registros.</p>
                        <p><b>Filtros Rápidos:</b> Marcar las opciones a filtrar en cada selector.</p>
                        <ul>
                            <li><b>Selector Cliente:</b> Filtrar por cliente.</li>
                            <li><b>Selector Categoría:</b> Filtrar por Categoría    .</li>
                            <li><b>Selector KAM:</b> Filtrar por <i>Key Account Manager</i>.</li>
                        </ul>
                        <p><b>Exportar:</b> Descargar datos de las tabla.</p>

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

        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif
 
    @if(isset($selectores_tabla['instockDoh']))
        <x-tabla id="instockDoh" style="height: 600px !important;  {{$display_tabla}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias"> 
            <x-selector-variable id="variables_instockDoh" :lista='$variables' selected='2-0' />
            <x-selector-generico id="f_salida_instockDoh2" idselect="f_salida_instockDoh" :salida="$valor_salida_instockDoh"  class="selector-generico" style="width: 120px" >
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="tipo_stock_instockDoh2" idselect="tipo_stock_instockDoh" :salida="$tipoStock" class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-stock')}}
                </x-slot>
            </x-selector-generico>
        
            <x-selector-generico id="f_pareto_instockDoh2" idselect="f_pareto_instockDoh" :salida="$paretos"  class="selector-generico" style="width: 120px" >
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-pareto')}}
                </x-slot>
            </x-selector-generico>
            
            <x-boton-actualizar onclick="getInstockDoh('{{$cliente}}', 'stocks')"/>

        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['evomult']))
        <x-tabla id="evomult" style="height: 600px !important; {{$display_tabla}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_evomult" :lista='$variables' selected="2-5" cliente='$cliente'/>

            <x-selector-generico id="salida_evomult2" idselect="salida_evomult" :salida="$salida_mult" class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="f_tipo_evomult2" idselect="f_tipo_evomult" :salida="$tipo_evomult" class="selector-generico d-none" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>


            <x-selector-generico id="f_tmp_evomult2" idselect="f_tmp_evomult" :salida="$periodo5"  class="selector-generico" style="width: 120px" selected="mes">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-dias idpadre="evomult"/>

            <!--EVOLUTVO SEMANA-->
            <x-selector-semanas id="fltr_sem_evomult" idselect="f_sem_evomult_ini" :semanas="$semanas"  class="fltr_periodo_evomult" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_evomult2" idselect="f_sem_evomult_fin" :semanas="$semanas" class="fltr_periodo_evomult" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>

            <x-selector-semanas id="fltr_semx_evomult" idselect="f_semx_evomult_ini" :semanas="$semanas"  class="fltr_periodo_evomult" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_semx_evomult2" idselect="f_semx_evomult_fin" :semanas="$semanas" class="fltr_periodo_evomult" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>
            <!--EVOLUTVO MES-->
            <x-selector-meses id="fltr_mes_evomult" idselect="f_mes_evomult_ini" :meses="$meses" class="fltr_periodo_evomult" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_evomult2" idselect="f_mes_evomult_fin" :meses="$meses" class="fltr_periodo_evomult" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>

            <x-selector-meses id="fltr_mesx_evomult" idselect="f_mesx_evomult_ini" :meses="$meses" class="fltr_periodo_evomult" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mesx_evomult2" idselect="f_mesx_evomult_fin" :meses="$meses" class="fltr_periodo_evomult" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>
            <x-boton-actualizar onclick="getEvoMult('{{$cliente}}', 'stock');"/>
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['fillrate']))
        <x-tabla id="fillrate" style="height: 600px !important; {{$display_grafico}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            {{-- <x-filtro id="f_cliente" :lista="$clientes" style="max-width: 120px; min-width: 120px; width: 120px;">
                <x-slot name="texto">
                Cadena
                </x-slot>
            </x-filtro> --}}
            <x-selector-generico id="salida" idselect="salida" :salida="$salida_fillrate"  class="selector-generico" style="width: 160px">
                <x-slot name="texto">
                    Tipo de Emisión
                </x-slot>
            </x-selector-generico>

            <x-selector-dias idpadre="fillrate" style="" />
                        
            <!-- <div class="col col-md-auto obj_filtro form-group font-weight-normal d-flex align-items-center">
                <label class="align-items-center d-flex" style="padding-top: 15px">
                    <input type="text" id="n_orden" style="margin-right: 5px" placeholder="N° de Orden">
                </label>
            </div> -->
            <x-boton-actualizar onclick="getFillRateDetalle();"/>
        </x-tabla>
        @php $display_grafico = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['resumenAlertas']))
        <x-tabla id="resumenAlertas" style="height: 600px !important; {{$display_tabla}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">

            <x-selector-generico id="tipo_stock_resumenAlertas2" idselect="tipo_stock_resumenAlertas" :salida="$tipoStock"  class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-stock')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="salida_resumenAlertas2" idselect="salida_resumenAlertas" :salida="$unidades"  class="selector-generico @if($cliente=='siksa') d-none @endif" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="f_dias_ventas_resumenAlertas2" idselect="f_dias_ventas_resumenAlertas" :salida="$diasVentas"  class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.periodo_ventas')}}
                </x-slot>
            </x-selector-generico>
            
            <x-boton-actualizar onclick="getStockAleResumen('{{$cliente}}', 'alerta_stock');"/>
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif
@endsection
@endif

@section('js_aft')
<script src="{{asset('js\vendor\dataTables.natural.js')}}"></script>
<script>
    var cliente_ = "{{$cliente}}";
    let usuario_ = "{{Auth::user()->usuario}}";

    if(cliente_ == "colflex"){
        $("#agrupacion_grafstockale").val("3-5").change();
    }
    if(cliente_ == "proximo"){
            //add class d-none to all ids that start with f_categroias_
            $("[id^=f_categorias_]").addClass("d-none");
        }
    let ids = ['evo','grafalefecha', 'evomovil','grafevo', 'grafdisp','detallestock', 'detallestocksiksa','matri', 'grafstockale','grafinstockCatalogado', 'stockale', 'aleval', 'venper', 'disp', 'displocal', 'alevo', 'prodEnSalas', 'stockventasmaisa', 'psa', 'instockDoh', 'quiebresmaisa', 'evomult','fillrate','grafinstockdoh'];
    $(document).ready(() => {
        ids.forEach(function(item){
            if($('#'+item).length > 0 && $('#f_favoritos_'+item).length > 0) cargarFavoritos(item);
        });
        let filtros = ['clientes','categorias', 'kam', "subcategoria", "producto_sku_prov"];
        for(let filtro of filtros) {
            for(let id of ids) {
                multiSelect(filtro, id, "{{__('messages.seleccionar')}}");
            }
        }
        if(cliente_ == "gama" || cliente_ == "afee"){
                $("#btn-grafico").click();
            }
        let ahora = new Date();
        let dias = (cliente_ == 'siksa')? 7 : 30;
        let congifDate = {
            ...("{{config('app.locale')}}" == "es") && {
                locale: {
                    format: 'YYYY/MM/DD',
                    daysOfWeek: ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa"],
                    monthNames: ["Enero", "Febrero", "Marzo", "Abril",
                                "Mayo", "Junio", "Julio", "Agosto",
                                "Septiembre", "Octubre", "Noviembre", "Diciembre"],
                    applyLabel: "Aplicar",
                    cancelLabel: "Cancelar",
                    firstDay: 1
                }
            },
            maxDate: moment(ahora),
            startDate: moment((new Date()).setDate(ahora.getDate()-dias)),
            endDate: ahora
        };

        let congifDate2 = {
            ...("{{config('app.locale')}}" == "es") && {
                locale: {
                    format: 'YYYY/MM/DD',
                    daysOfWeek: ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa"],
                    monthNames: ["Enero", "Febrero", "Marzo", "Abril",
                                "Mayo", "Junio", "Julio", "Agosto",
                                "Septiembre", "Octubre", "Noviembre", "Diciembre"],
                    applyLabel: "Aplicar",
                    cancelLabel: "Cancelar",
                    firstDay: 1
                }
            },
            maxDate: moment(ahora),
            startDate: moment((new Date()).setDate(ahora.getDate()-15)),
            endDate: ahora
        };
        
        let congifDate3 = {
            ...("{{config('app.locale')}}" == "es") && {
                locale: {
                    format: 'YYYY/MM/DD',
                    daysOfWeek: ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa"],
                    monthNames: ["Enero", "Febrero", "Marzo", "Abril",
                                "Mayo", "Junio", "Julio", "Agosto",
                                "Septiembre", "Octubre", "Noviembre", "Diciembre"],
                    applyLabel: "Aplicar",
                    cancelLabel: "Cancelar",
                    firstDay: 1
                }
            },
            maxDate: moment(ahora),
            startDate: moment((new Date()).setDate(ahora.getDate()-10)),
            endDate: ahora
        };

        let congifDateSingle = {
            ...("{{config('app.locale')}}" == "es") && {
                locale: {
                    format: 'YYYY/MM/DD',
                    daysOfWeek: ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa"],
                    monthNames: ["Enero", "Febrero", "Marzo", "Abril",
                                "Mayo", "Junio", "Julio", "Agosto",
                                "Septiembre", "Octubre", "Noviembre", "Diciembre"],
                    applyLabel: "Aplicar",
                    cancelLabel: "Cancelar",
                    firstDay: 1
                }
            },
            maxDate: moment(ahora),
            startDate: moment((new Date()).setDate(ahora.getDate()-1)),
            endDate: ahora,
            singleDatePicker: true,
        };

        $("#f_dia_disp_ini").daterangepicker(congifDate3);
        $("#f_dia_displocal_ini").daterangepicker(congifDate3);
        $("#f_dia_grafdisp_ini").daterangepicker(congifDate2);
        $("#f_dia_grafdisploc_ini").daterangepicker(congifDate2);
        $("#f_dia_evo_ini").daterangepicker(congifDate);
        $("#f_dia_fillrate_ini").daterangepicker(congifDate);
        $("#f_dia_evomovil_ini").daterangepicker(congifDate);
        $("#f_dia_grafevo_ini").daterangepicker(congifDate);
        $("#f_dia_grafalefecha_ini").daterangepicker(congifDate);
        $("#f_dia_psa_ini").daterangepicker(congifDate);
        $("#f_dia_evomult_ini").daterangepicker(congifDateSingle);
        $('select[id^="f_tmp_"]').change(function(elem){
            let aux = elem.target.id.split("_");
            let macroTmp = aux[aux.length - 1];
            let tmp = $("#f_tmp_" + macroTmp).find('option:selected').val();
            $(".fltr_periodo_" + macroTmp).css("display","none");
            $("#fltr_"+tmp+"_" + macroTmp).css("display","inline-block");
            $("#fltr_"+tmp+"_" + macroTmp + "2").css("display","inline-block");
            $("#fltr_"+tmp+"_" + macroTmp + "3").css("display","inline-block");
        });

        if("{{$modificar_alertas}}" == 1){
            $('#var_stockale').on('change', function(){
                var valor = $('#var_stockale').val();
                $('.fltr_mod_alertas_stockale').css('display', 'none');
                $('#f_'+valor+'_ventas_stockale2').css('display', 'inline-block');
                $('#f_'+valor+'_stock_stockale2').css('display', 'inline-block');
                $('#f_'+valor+'_doh_stockale2').css('display', 'inline-block');
                leerDefinicionesAlertas();
            });
        }

        $('#variables_matri1').change(verificar_selectores);
        $('#variables_matri2').change(verificar_selectores);
            $("#objeto").css("visibility", "visible");
        
        $("#muestrafiltros").click(function(){
            console.log("click en AV");
        });
        $('#variables_detallestocks').select2MultiCheckboxes({
            placeholder: "{{__('messages.elegir-variables')}}",
            width: "auto",
            templateSelection: function(selected, total) {
                return selected.length + " de " + total + " total";
            }
        });
        $('#f_fillrate').select2MultiCheckboxes({
            placeholder: "{{__('messages.elegir-variables')}}",
            width: "auto",
            templateSelection: function(selected, total) {
                return selected.length + " de " + total + " total";
            }
        });

        
        $('#variables_stockventasmaisa').select2MultiCheckboxes({
            placeholder: "{{__('messages.elegir-variables')}}",
            width: "auto",
            templateSelection: function(selected, total) {
                return selected.length + " de " + total + " total";
            }
        });
        $('#variables_quiebresmaisa').select2MultiCheckboxes({
            placeholder: "{{__('messages.elegir-variables')}}",
            width: "auto",
            templateSelection: function(selected, total) {
                return selected.length + " de " + total + " total";
            }
        });
        $('#variables_detallestocksiksa').select2MultiCheckboxes({
            placeholder: "{{__('messages.elegir-variables')}}",
            width: "auto",
            templateSelection: function(selected, total) {
                return selected.length + " de " + total + " total";
            }
        });
        $('#variables_venper').select2MultiCheckboxes({
            placeholder: "{{__('messages.elegir-variables')}}",
            width: "auto",
            templateSelection: function(selected, total) {
                return selected.length + " de " + total + " total";
            }
        });
        $('#variables_psa').select2MultiCheckboxes({
            placeholder: "{{__('messages.elegir-variables')}}",
            width: "auto",
            templateSelection: function(selected, total) {
                return selected.length + " de " + total + " total";
            }
        });
        $('#variables_instockDoh').select2MultiCheckboxes({
            placeholder: "{{__('messages.elegir-variables')}}",
            width: "auto",
            templateSelection: function(selected, total) {
                return selected.length + " de " + total + " total";
            }
        });
        $('#variables_evomult').select2MultiCheckboxes({
            placeholder: "{{__('messages.elegir-variables')}}",
            width: "auto",
            templateSelection: function(selected, total) {
                return selected.length + " de " + total + " total";
            }
        });
        $('#salida_evomult').select2MultiCheckboxes({
            placeholder: "{{__('messages.elegir-variables')}}",
            width: "auto",
            templateSelection: function(selected, total) {
                return selected.length + " de " + total + " total";
            }
        });

        function cargandoDatos(modo){
            contador_filtros = 0;
            var arr = new Array();
            var cad = new String();
            $(".obj_filtro button").removeClass('f_seleccionado');
            $(".obj_filtro i").removeClass('fa-filter');
            if(modo==1){
                try {
                    if(objetos){
                        for(i=0;i<objetos.length;i++){
                            cad = leerLista("f_"+objetos[i]);
                            if(cad != ''){
                                contador_filtros++;
                                $("#bt_f_"+objetos[i]).addClass("f_seleccionado");
                                $("#bt_f_"+objetos[i]).remove('i');
                                $("#bt_f_"+objetos[i]).append('<i class="fa fa-filter"></i>');
                            }
                        }
                    }
                    cad = leerLista("f_holding");
                    if(cad != ''){
                        contador_filtros++;
                        $("#bt_f_holding").addClass("f_seleccionado");
                        $("#bt_f_holding").remove('i');
                        $("#bt_f_holding").append('<i class="fa fa-filter"></i>');
                    }
                } catch (e) {
                    if (e instanceof ReferenceError) {
                        //alert(e, true);
                    } else {
                    //alert(e, false);
                    }
                }
                $(".loader2").fadeOut("slow");
                $("#enviadatos").prop("disabled",false);
                $("#muestrafiltros").prop("disabled",false);
                $("#limpiafiltros").prop("disabled",false);
                $("#exportar").prop("disabled",false);
                if(contador_filtros>0){
                    $("#muestrafiltros").css("width","200px");
                    $("#muestrafiltros").html(contenido_botom+' ('+contador_filtros+')');
                }else{
                    $("#muestrafiltros").css("width","auto");
                    $("#muestrafiltros").html(contenido_botom);
                }
            }else{
                $(".loader2").show();
                $('#tbl_report').html('<div class="loader2" style="height:650px;"><p><img src="img/Preloader_21.gif" width="64" height="64"/></p></div>');
                $("#enviadatos").prop("disabled",true);
                $("#muestrafiltros").prop("disabled",true);
                //$("#muestrafiltros").html(contenido_botom);
                $("#limpiafiltros").prop("disabled",true);
                $("#exportar").prop("disabled",true);
                //if ($("#chart_show").is(':visible')) $(".chart").loading({overlay: $(".custom-overlay")});	
            }
        }

        if(['maisa'].includes(cliente_)){
            // Tabla Evolución
            $('#f_tmp_evo').val('sem').change(); // Periodo por semana
        }else if(['juanvaldez','afee'].includes(cliente_)){
            $('#variables_matri1').val('1-5').change(); // Primer Desglose Producto Unificado
            $('#variables_matri2').val('2-0').change(); // Segundo Desglose Cadena
        }else if(['comarsa'].includes(cliente_)){
            $('#variables_matri1').val('1-18').change(); // Primer Desglose Producto Unificado
            $('#variables_matri2').val('2-0').change(); // Segundo Desglose Cadena
        }else if(['clorox'].includes(cliente_)){
            // Matriz días de inventario
            $('#variables_matri1').val('1-5').change(); // Primer Desglose Producto Unificado
            $('#variables_matri2').val('2-0').change(); // Segundo Desglose Cadena
            // Alertas
            $('#var_stockale').val('svss').change();
            // Alertas Valorado
            $('#variables_aleval').val('2-5').change();
            // Tabla Evolutiva
            $('#f_tmp_evo').val('mes').change();
            // Tabla PSA
            $('#f_tmp_psa').val('sem').change();
            // Tabla Instock Doh
            $('#variables_instockDoh').val(['3-4', '1-3']).change();
        }else if(['mdlzchile'].includes(cliente_)){
            // Gráfico Evolución
            $('#variables_grafevo').val('2-5').change(); // Desglose por Holding
            $('#f_tmp_grafevo').val('sem').change(); // Periodo por semana
            // Tabla Evolución
            $('#f_tmp_evo').val('sem').change(); // Periodo por semana
            // Tabla Detalle
            $('#tipo_stock_detallestocks').val('').change(); // Mostrar todos
            // Tabla DOH
            $('#variables_matri1').val('1-5').change(); // Mostrar por defecto el Producto Unificado
        }else if(cliente_ == 'canontex'){
            $('#salida_matri').val('700').change();

            $('#f_dias_ventas_stockale').val('7').change();
            if(usuario_ == 'cannon.talca'){
                $('#variables_detallestocks').val(['1-15',]).change();
                $('#agrupacion_grafstockale').val('1-15').change();

            }

            // Tabla DOH
            $('#variables_matri1').val('1-5').change(); // Mostrar por defecto el Producto Unificado
        }else if(cliente_ == 'gama'){
            $('#variables_matri1').val('1-18').change(); // Primer Desglose Producto Unificado
            $('#salida_evomult').val(['stock', 'valor_stock']).change();
            $('#variables_evomult').val(['1-6', '1-1']).change(); // Marca, Subcategoría
            //tabla detalle
            $('#tipo_stock_detallestocks').val('').change(); // Mostrar todos
        }else if(cliente_ == 'cintaazul'){
            $('#variables_detallestocks').val(['3-5', '2-0', '1-5', '1-15', '1-1']).change();
        }else if(cliente_ == 'demo' || cliente_ == 'demo2'){
            $('#f_tmp_grafevo').val('sem').change();
        }else if(cliente_ == 'kunafoods'){
            $('#variables_detallestocks').val('3-4').change();
            $('#variables_grafevo').val('3-4').change();
            $('#agrupacion_grafstockale').val('2-5').change();
            $('#variables_matri2').val('3-4').change();
        }
    });
    var filtrosPromise = getFiltrosAv('{{$cliente}}', '{{$codigo}}');
    filtrosPromise.then(function(resp){
        ponerFiltrosAv(resp);
    });

    function getDisp(cliente, tipo) {
        var tmp = document.getElementById("f_tmp_disp").value;
        var [ini, fin] = getDate(tmp, "#f_"+tmp+"_disp_ini");
        let salida = document.getElementById("salida_disp").value;

        changeStateFiltrosAv("disp", false);
        document.getElementById("f_carga_disp").style.display = "flex";
        $("#disp_cont").addClass("d-none");
        $("#disp").find("#aplicarfiltrosparent").hide();
        return $.ajax({
            url: "/tabla/dispsiksa",
            method: "post",
            dataType: "html",
            crossDomain: false,
            headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: {
                variables: document.getElementById("variables_disp").value,
                salida: salida,
                nombreVar: document.getElementById("variables_disp").selectedOptions[0].textContent,
                tmp: tmp,
                rangoTmp: [ini,fin],
                tipo: tipo,
                is_table : 1,
                filtros: getFiltros("disp"),
                cliente: cliente,
                catalogado: document.getElementById("catalogado_disp").value,
            },
        }).done(function(data, textStatus, jqXHR) {
            let cont = document.getElementById("disp_cont");
            cont.innerHTML = data;
            let tabla = document.querySelector("#disp_cont table");
            tabla.id = "disp_tabla";
            document.getElementById("f_carga_disp").style.display = "none";
            changeStateFiltrosAv("disp", true);
            $("#disp_cont").removeClass("d-none");
            $("#disp").find("#aplicarfiltrosparent").hide();
            var tab = $('#disp_tabla').DataTable({
            ...(userLanguage == 'es') && {
                    language: configLocale,
                },
                pageLength: 25,
                lengthMenu: [[25, 50, 100], [25, 50, 100]],
                autoWidth: true,
                responsive: false,
                scrollY: "500px",
                scrollX: true,
                scrollCollapse: true,
                fixedColumns: true,
                order: [[ 1, "asc" ]],
                buttons: [
                    { extend: 'excel', className: 'boton btn btn-sm', title: '' },
                    { extend: 'copy', className: 'boton btn btn-sm' },
                    { extend: 'csv', className: 'boton btn btn-sm' }
                ],
                dom: "<'row'<'col-sm-12 col-md-4'f><'col-sm-12 col-md-4'<'text-center bg-body-light py-2 mb-2'l>>"+
                "<'col-sm-12 col-md-4 align-items-center d-flex justify-content-end'B>><'row'<'col-sm-12 tables'tr>><'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>"
            });
            tab.on('buttons-action', function ( e, buttonApi, dataTable, node, config ) {
                
            });
        })
        .fail(function( jqXHR, textStatus, errorThrown ) {
            //console.log(jqXHR);
            document.getElementById("f_carga_disp").style.display = "none";
            $("#disp_cont").removeClass("d-none");
            $("#disp").find("#aplicarfiltrosparent").hide();
            changeStateFiltrosAv("disp", true);
            $( "#progress_container" ).fadeOut( "slow" );
        });
    }

    function getDispLocal(cliente, tipo) {
        var tmp = document.getElementById("f_tmp_displocal").value;
        var [ini, fin] = getDate(tmp, "#f_"+tmp+"_displocal_ini");
        let salida = document.getElementById("salida_displocal").value;

        changeStateFiltrosAv("displocal", false);
        document.getElementById("f_carga_displocal").style.display = "flex";
        $("#displocal_cont").addClass("d-none");
        $("#displocal").find("#aplicarfiltrosparent").hide();
        return $.ajax({
            url: "/tabla/displocalsiksa",
            method: "post",
            dataType: "html",
            crossDomain: false,
            headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: {
                variables: document.getElementById("salida_displocal").value,
                salida: salida,
                nombreVar: document.getElementById("variables_displocal").selectedOptions[0].textContent,
                tmp: tmp,
                rangoTmp: [ini,fin],
                tipo: tipo,
                filtros: getFiltros("displocal"),
                cliente: cliente,
                catalogado: document.getElementById("catalogado_displocal").value
            },
        }).done(function(data, textStatus, jqXHR) {
            let cont = document.getElementById("displocal_cont");
            cont.innerHTML = data;
            let tabla = document.querySelector("#displocal_cont table");
            tabla.id = "displocal_tabla";
            document.getElementById("f_carga_displocal").style.display = "none";
            changeStateFiltrosAv("displocal", true);
            $("#displocal_cont").removeClass("d-none");
            $("#displocal").find("#aplicarfiltrosparent").hide();
            var tab = $('#displocal_tabla').DataTable({
            ...(userLanguage == 'es') && {
                    language: configLocale,
                },
                pageLength: 25,
                lengthMenu: [[25, 50, 100], [25, 50, 100]],
                autoWidth: true,
                responsive: false,
                scrollY: "500px",
                scrollX: true,
                scrollCollapse: true,
                fixedColumns: true,
                order: [[ 1, "asc" ]],
                buttons: [
                    { extend: 'excel', className: 'boton btn btn-sm', title: '' },
                    { extend: 'copy', className: 'boton btn btn-sm' },
                    { extend: 'csv', className: 'boton btn btn-sm' }
                ],
                dom: "<'row'<'col-sm-12 col-md-4'f><'col-sm-12 col-md-4'<'text-center bg-body-light py-2 mb-2'l>>"+
                "<'col-sm-12 col-md-4 align-items-center d-flex justify-content-end'B>><'row'<'col-sm-12 tables'tr>><'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>"
            });
            tab.on('buttons-action', function ( e, buttonApi, dataTable, node, config ) {
                
            });
        })
        .fail(function( jqXHR, textStatus, errorThrown ) {
            //console.log(jqXHR);
            document.getElementById("f_carga_displocal").style.display = "none";
            $("#displocal_cont").removeClass("d-none");
            $("#displocal").find("#aplicarfiltrosparent").hide();
            changeStateFiltrosAv("displocal", true);
            $( "#progress_container" ).fadeOut( "slow" );
        });
    }

    function getGrafDisp(cliente, tipo) {
        var tmp = document.getElementById("f_tmp_grafdisp").value;
        var [ini, fin] = getDate(tmp, "#f_"+tmp+"_grafdisp_ini");
        document.getElementById("f_carga_grafdisp").style.display = "flex";
        var variables = document.getElementById("variables_grafdisp").value;
        var nombreVar = document.getElementById("variables_grafdisp").selectedOptions[0].textContent;
        $("#grafdisp_cont").addClass("d-none");
        $("#grafdisp").find("#aplicarfiltrosparent").hide();
        let filtros = getFiltros("grafdisp");
        return $.ajax({
            url: "/grafico/disp",
            method: "post",
            dataType: "json",
            crossDomain: false,
            headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: {
                salida: document.getElementById("salida_grafdisp").value,
                nombreSalida: document.getElementById("salida_grafdisp").selectedOptions[0].textContent,
                tmp: tmp,
                variables: variables,
                nombreVar: nombreVar,
                rangoTmp: [ini,fin],
                tipo: tipo,
                is_table: 0,
                filtros: getFiltros("grafdisp"),
                cliente: cliente,
                vista: 'stock',
                catalogado: document.getElementById("catalogado_grafdisp").value,
            },
        })
        .done(function(data, textStatus, jqXHR) {
            document.getElementById("f_carga_grafdisp").style.display = "none";
            $("#grafdisp_cont").removeClass("d-none");
            $("#grafdisp").find("#aplicarfiltrosparent").show();
            let tipoGrafico = document.getElementById('f_type_grafdisp').value;//tipo=='stock'?'stackedcolumn2d':'msline';
            var modal = document.getElementById("myModal");
           
                const chartConfig = {
                    id: 'grafdisp_co',
                    type: tipoGrafico,
                    renderAt: 'grafdisp_cont',
                    width: '100%',
                    height: '400',
                    dataFormat: 'json',
                    dataSource: data,
                    ...(userLanguage == 'es') && {
                        dataLoadStartMessage: 'Recuperando datos. Por favor, espere.',
                        dataLoadErrorMessage: 'Error al cargar los datos.',
                        dataInvalidMessage: 'Datos no válidos.',
                        dataEmptyMessage: 'No hay datos para mostrar',
                        typeNotSupportedMessage: 'Tipo de gráfico no soportado.',
                        loadMessage: 'Cargando gráfico. Por favor, espere.',
                        renderErrorMessage: 'No se puede representar el gráfico.',
                        decimalSeparator: ',',
                        // thousandSeparator: '.',
                        percentValueSufix: '%',
                    },
                };
                FusionCharts.ready(function(){
                    var fusioncharts = new FusionCharts(chartConfig);
                    fusioncharts.render();
                    fusioncharts.setChartAttribute("per", ".");
                });
           
        })
        .fail(function( jqXHR, textStatus, errorThrown ) {
            //console.log(jqXHR);
            document.getElementById("f_carga_grafdisp").style.display = "none";
            $("#grafdisp_cont").removeClass("d-none");
            $("#grafdisp").find("#aplicarfiltrosparent").show();
        });
    }

    function openModal(modal){
        $("#"+modal).modal("show");
    }
</script>

@endsection