@extends('layouts.reporte')

@section('php')
    @php
        // dd($filtrosAvAlias);
        use Illuminate\Support\Facades\DB;
        use App\Bd\Bd;
        $cliente = config('app.CLIENTE');
        $campo_inv = 'cadena';
        if($cliente == 'lesaffre'){
            $campo_inv = 'holding';
        }
        $filrounico_data = DB::table('data_inventario')->select($campo_inv)->groupBy($campo_inv)->get()->all();
        $arr = [];
        for($i=0;$i<sizeof($filrounico_data);$i++){
            $arr[$filrounico_data[$i]->$campo_inv] = $filrounico_data[$i]->$campo_inv;
        }

        $locales = [];
        $cantidad = 100;
        while ($cantidad <= $cantidad_locales) {
            $locales[(($cantidad-99).' - '.$cantidad)] = $cantidad;
            $cantidad = $cantidad + 100;
        }
        if ($cantidad % 100 == 0) {
            $locales[(($cantidad-99).' - '.$cantidad_locales)] = $cantidad_locales;
        }

            //dd($locales);
        $max = $maxfecha[0]->fecha;
        
        $locales = json_encode($locales);

        $warning = "Consultas sobre la tabla: Para utilizar la tabla; definir los parámetros en los selectores y presionar.
                    Selector Tipo Periodo: Definir el tipo de periodo que se consulta.
                    
                    Variacion: precio actual - precio anterior ($)\
                    ( precio actual - precio anterior ) / precio anterior * 100

                    Ordenar: 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.\n

                    Fila Total: Valores calculados tomando todos los registros.

                    Filtros Rápidos: Marcar las opciones a filtrar en cada selector.

                    Selector Cliente: Filtrar por cliente.
                    Selector Categoría: Filtrar por categoría.
                    Selector KAM: Filtrar por Key Account Manager.

                    Exportar (EXCEL COPIAR CSV): Descargar o copiar datos de las tabla.\n\n El Calculo de Precios es el siguiente: Para este reporte, se calculan las ventas totales sin IVA del período seleccionado y se dividen por la cantidad de unidades vendidas en el período. (Ventas Totales Sin IVA / Unidades Vendidas).";
        $variable = json_encode(['1-15' => __('messages.variable-sku_b2b')]);
        $variable2 = $variable;
        $variable3 = $variable;

        if($cliente == 'ducasse'){
            $variable2 = json_encode(['2-0' => __('messages.variable-cadena')]);
            $variable3 = json_encode(['3-5' => __('messages.variable-local')]);

        }
        
        $variablecmp = json_encode(['1-15' => __('messages.variable-producto'),'2-5' => __('messages.variable-cliente'),'1-18' => __('messages.variable-nombre'),'1-5' => __('messages.variable-sku_prov'),'1-1' => __('messages.variable-marca'),'1-2' => __('messages.variable-categoria'),'1-6' => __('messages.variable-subcategoria'),'1-3' => __('messages.variable-familia'),'3-5' => __('messages.variable-local'),'3-9' => __('messages.variable-cod_local'),'2-7' => __('messages.variable-formato_local'),'2-6' => __('messages.variable-cliente'),'2-5' => __('messages.variable-holding'),'3-3' => __('messages.variable-comuna'),'3-2' => __('messages.variable-ciudad'),'3-1' => __('messages.variable-region'),'4-4' => __('messages.variable-reponedor'),'4-3' => __('messages.variable-vendedor'),'4-2' => __('messages.variable-supervisor'),'4-1' => __('messages.variable-kam')]);
        $variableFila = json_encode(['1-15' => __('messages.variable-producto'),]);
        $variableCols = json_encode(['3-5' => __('messages.variable-local')]);
        $salida = json_encode(['precio' => __('messages.precios')]);
        $periodo_grafevo = json_encode(['dia'=> __('messages.dias'), 'sem'=> __('messages.semanas')]);
        $periodo_prom = json_encode(['mec' => __('messages.mec'), 'dia' => __('messages.dias'), 'sem' => __('messages.semanas'), 'mes' => __('messages.meses')]);
        $periodo_comp = json_encode(['ytd' => __('messages.ytd'), 'mec' => __('messages.mec'), 'sem' => __('messages.semanas'), 'mes' => __('messages.meses')]);
        $periodo_variac = json_encode(['dia' => __('messages.dias'), 'sem' => __('messages.semanas'), 'mes' => __('messages.meses')]);

        $mesesComp = [];
        $semanasComp = [];
        $yearAct = date("Y");
        $yearAnt = date("Y") - 1;
        $yearAnt2 = date("Y") - 2;
        
        $cadenas = [];
        $tipos_graficos = json_encode([ "msline" => "Líneas", "stackedcolumn2d" => (__('messages.selector-tipo-grafico-columnas-apiladas')),"mscolumn2d" => "Columnas agrupadas", "stackedbar2d" => "Barras apiladas"]);
        foreach ($meses as $value) {
            list($_mes, $_year) = explode(' ', $value->nombre);
            if($_year == $yearAct || $_year == $yearAnt || $_year == $yearAnt2) {
                $mesesComp []= $value;
            }
        }
        foreach ($semanas as $value) {
            $_year = substr($value->periodo, 0, 4);
            if($_year == $yearAct || $_year == $yearAnt ) {
                $semanasComp []= $value;
            }
        }
        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='';
        }

        if($cliente == 'lesaffre'){
            $div = '<div style="padding: 5px 16px;overflow: hidden;background-color: lightblue;text-align: center;"><ul>';
            $div.="<li>Para este reporte, se calculan las ventas totales sin IVA del período seleccionado y se dividen por la cantidad de unidades vendidas en el período. (Ventas Totales Sin IVA / Unidades Vendidas).</li>";
            $div.="</ul></div>";
        }
       


        $filtrosAvGrafEvo = $filtrosAv;
        unset($filtrosAvGrafEvo['producto']);

        $filtrosAvProm = $filtrosAv;
        unset($filtrosAvProm['cadena']);
        $ncadena = "Cadena";

        $display_grafico = '';
        $display_tabla = '';

        $salida_d_none = 'd-none';
        if($cliente == 'empresaspolar'){
            $salida = json_encode(['precio' =>__('messages.precios_con_iva'), 'precio_sin_iva'=>__('messages.precios_sin_iva')]);
            $salida_d_none = '';
        }else if($cliente == 'clorox'){
            $salida = json_encode(['precio_con_iva' =>__('messages.precios_con_iva'), 'precio'=>__('messages.precios_sin_iva')]);
            $salida_d_none = '';
        }else if($cliente == 'mdlzchile'){
            $salida = json_encode(['precio_con_iva' =>__('messages.precios_con_iva'), 'precio'=>__('messages.precios_sin_iva')]);
            $salida_d_none = '';
        }else if($cliente == 'becookies'){
            $salida = json_encode(['precio_con_iva' =>__('messages.precios_con_iva'), 'precio'=>__('messages.precios_sin_iva')]);
            $salida_d_none = '';
        }else if($cliente == 'granolin'){
            $salida = json_encode(['precio' => 'Precio Ventas', 'precio_costo' => 'Precio Costo']);
            $salida_d_none = '';
        }

        $ultdispTransponer = '';
        if(in_array($cliente, ['lesaffre'])) $ultdispTransponer = 'checked';
    @endphp
@endsection
@section('div_reportes')
    @php echo $div; @endphp
@endsection
@if(count($selectores_grafico)>0)
@section('grafico')
    @if(isset($selectores_grafico['grafevo']))
        <x-grafico id="grafevo" style="height: 450px !important; {{$display_grafico}}" :filtros="$filtros" :filtrosAv="$filtrosAvGrafEvo" :filtrosAvAlias="$filtrosAvAlias">
            {{--<x-selector-generico id="variables_dist2" idselect="variables_dist" :salida="$variable"  class="selector-generico d-none" style="width: 120px" disabled="">--}}
            {{--<x-selector-generico id="variables_grafevo" idselect="variables_grafevo" :salida="$variableSalida"  class="selector-generico" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto')}}
                </x-slot>
            </x-selector-generico>--}}
            @if($cliente == 'ducasse')
            <x-filtro id="f_sku_prov_grafevo" :lista="$sku_prov" style="max-width: 120px;min-width: 120px;width: 120px;" class="selector-generico">
                    <x-slot name="texto">
                        Producto Unificado
                    </x-slot>
                </x-filtro>
            @else
                <x-filtro id="f_productos_grafevo" :lista="$productos">
                    <x-slot name="texto">
                        @if($filtrosAvAlias['producto']) {{__('messages.'.$filtrosAvAlias['producto'])}} @else {{__('messages.filtro-texto-producto')}} @endif
                    </x-slot>
                </x-filtro>
            @endif
            <x-selector-generico id="variables_grafevo2" idselect="variables_grafevo" :salida="$variable2"  class="selector-generico d-none" disabled="">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-generico id="salida_grafevo2" idselect="salida_grafevo" :salida="$salida"  class="selector-generico {{$salida_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_grafevo2" idselect="f_tmp_grafevo" :salida="$periodo_grafevo"  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>

            <x-selector-generico id="f_type_grafevo2" idselect="f_type_grafevo" :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="getGrafEvo('{{$cliente}}', 'precio');" />

        </x-grafico>
        @php $display_grafico = 'display: none;'; @endphp
    @endif
    @if(isset($selectores_grafico['grafcomp']))
        <x-grafico id="grafcomp" style="height: 450px !important; {{$display_grafico}}">
            <x-filtro id="f_cadena_grafcomp" :lista="$cadenas">
                <x-slot name="texto">
                    {{__('messages.var-cadena')}}
                </x-slot>
            </x-filtro>
            <x-filtro id="f_productos_grafcomp" :lista="$productos">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-producto')}}
                </x-slot>
            </x-filtro>
            <x-selector-generico id="variables_grafcomp2" idselect="variables_grafcomp" :salida="$variable"  class="selector-generico d-none" disabled="">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-generico id="f_tmp_grafcomp2" idselect="f_tmp_grafcomp" :salida="$periodo_prom"  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="grafcomp" style="display: none" />
            <x-selector-meses id="fltr_mes_grafcomp" idselect="f_mes_grafcomp_ini" :meses="$mesesComp" class="fltr_periodo_grafcomp" selected="{{date('Y')}}01">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_grafcomp2" idselect="f_mes_grafcomp_fin" :meses="$mesesComp" class="fltr_periodo_grafcomp">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>

            <x-selector-semanas id="fltr_sem_grafcomp" idselect="f_sem_grafcomp_ini" :semanas="$semanas"  class="fltr_periodo_grafcomp" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_grafcomp2" idselect="f_sem_grafcomp_fin" :semanas="$semanas" class="fltr_periodo_grafcomp" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>

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

@if(count($selectores_tabla)>0)
@section('tabla')
    @if(isset($selectores_tabla['comp']))
        <x-tabla id="comp" style="height: auto; {{$display_tabla}}" :filtros="$filtros" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-generico id="variables_comp2" idselect="variables_comp" :salida="$variable2"  class="selector-generico d-none" style="display:none">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto')}}
                </x-slot>
            </x-selector-generico>

            @if ($cliente == 'ducasse')

                <x-filtro id="f_sku_prov_comp" :lista="$sku_prov" style="max-width: 120px;min-width: 120px;width: 120px;" class="selector-generico">
                    <x-slot name="texto">
                        Producto Unificado
                    </x-slot>
                </x-filtro>
            @endif    

            @if ($cliente == 'bless')
                <x-selector-generico id="f_tmp_comp2" idselect="f_tmp_comp" :salida="$periodo_comp"  class="selector-generico" style="width: 120px" selected="mes">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-texto-periodo')}}
                    </x-slot>
                </x-selector-generico>
            @else
                <x-selector-generico id="f_tmp_comp2" idselect="f_tmp_comp" :salida="$periodo_comp"  class="selector-generico" style="width: 120px" selected="mec">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-texto-periodo')}}
                    </x-slot>
                </x-selector-generico>
            @endif
            @if ($cliente == 'bless')
                <x-selector-meses id="fltr_mes_comp" idselect="f_mes_comp_ini" :meses="$mesesComp" class="fltr_periodo_comp" selected="{{date('Ym', strtotime('-1 month'))}}">
                    <x-slot name="texto">
                        {{__('messages.selector-semanas-meses-texto-periodo')}}
                    </x-slot>
                </x-selector-meses>
            @else
                <x-selector-meses id="fltr_mes_comp" idselect="f_mes_comp_ini" :meses="$mesesComp" class="fltr_periodo_comp" style="display: none;">
                    <x-slot name="texto">
                        {{__('messages.selector-semanas-meses-texto-periodo')}}
                    </x-slot>
                </x-selector-meses>
            @endif
            <x-selector-generico id="salida_comp2" idselect="salida_comp" :salida="$salida"  class="selector-generico {{$salida_d_none}}" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-semanas id="fltr_sem_comp" idselect="f_sem_comp_ini" :semanas="$semanasComp" class="fltr_periodo_comp" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-periodo')}}
                </x-slot>
            </x-selector-semanas>
            
            <x-boton-actualizar onclick="getComp('{{$cliente}}', 'precio');"/>

            <x-infobox tamano="25px" :texto="$warning"/>

        </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-generico id="variables_evo2" idselect="variables_evo" :salida="$variable3"  class="selector-generico d-none" disabled="">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto')}}
                </x-slot>
            </x-selector-generico>

            @if ($cliente == 'ducasse')

                <x-filtro id="f_sku_prov_evo" :lista="$sku_prov" style="max-width: 120px;min-width: 120px;width: 120px;" class="selector-generico">
                    <x-slot name="texto">
                        Producto Unificado
                    </x-slot>
                </x-filtro>

                <x-filtro id="f_cadena_evo" :lista="$clientes" style="max-width: 120px;min-width: 120px;width: 120px;" class="selector-generico">
                    <x-slot name="texto">
                        Cadena
                    </x-slot>
                </x-filtro>
            @endif    

            <x-selector-generico id="salida_evo2" idselect="salida_evo" :salida="$salida"  class="selector-generico {{$salida_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_evo2" idselect="f_tmp_evo" :salida="$periodo_grafevo"  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>

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

            <x-infobox tamano="25px" :texto="$warning"/>

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

    @if(isset($selectores_tabla['prom']))
        <x-tabla id="prom" style="height: 600px !important; {{$display_tabla}}" :filtros="$filtros" :filtrosAv="$filtrosAvProm" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-generico id="salida_prom2" idselect="salida_prom" :salida="$salida"  class="selector-generico {{$salida_d_none}}" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>

            @if(in_array($cliente, ['lesaffre']))
                <x-selector-generico id="holding_matri2" idselect="f_holding2_prom" :salida="json_encode($arr)"  class="selector-generico" style="width: 120px">
                    <x-slot name="texto">
                        Holding
                    </x-slot>
                </x-selector-generico>
            @else
                <x-selector-generico id="cadena_matri2" idselect="f_cadena2_prom" :salida="json_encode($arr)"  class="selector-generico" style="width: 120px">
                    <x-slot name="texto">
                        {{$ncadena}}
                    </x-slot>
                </x-selector-generico>
            @endif

            <x-selector-generico id="variables_prom_fila2" idselect="variables_prom_fila" :salida="$variableFila" class="selector-generico d-none" disabled="" selected="1-15">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto-fila')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="variables_prom_columna2" idselect="variables_prom_columna" :salida="$variableCols" class="selector-generico d-none" disabled="" selected="3-5">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto-columna')}}
                </x-slot>
            </x-selector-generico>

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

            <x-selector-dias idpadre="prom" style="display: none;"/>

            <x-selector-semanas id="fltr_sem_prom" idselect="f_sem_prom_ini" :semanas="$semanas"  class="fltr_periodo_prom" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_prom2" idselect="f_sem_prom_fin" :semanas="$semanas" class="fltr_periodo_prom" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-meses id="fltr_mes_prom" idselect="f_mes_prom_ini" :meses="$mesesComp" class="fltr_periodo_prom" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_prom2" idselect="f_mes_prom_fin" :meses="$mesesComp" class="fltr_periodo_prom" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>

            <x-selector-generico2 id="f_orden_locales_prom2" idselect="f_orden_locales_prom" :salida="$locales" class="selector-generico" style="max-width: 200px; min-width: 100px;">
                <x-slot name="texto">
                    Rango de Locales
                </x-slot>
            </x-selector-generico>

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

            <x-infobox tamano="25px" :texto="$warning"/>

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

    @if(isset($selectores_tabla['ultdisp']))
        <x-tabla id="ultdisp" style="height: 600px !important; {{$display_tabla}}" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-generico id="salida_matri2" idselect="salida_matri" :salida="$salida"  class="selector-generico {{$salida_d_none}}" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>
            @if ($cliente == "bless")
                <x-selector-generico id="cadena_matri2" idselect="f_selectcadena_ultdisp" :salida="json_encode($arr)"  class="selector-generico" style="width: 120px" selected="OXXO">
                    <x-slot name="texto">
                        {{$ncadena}}
                    </x-slot>
                </x-selector-generico>
            @elseif($cliente == 'lesaffre')
                <x-selector-generico id="cadena_matri2" idselect="f_selectholding_ultdisp" :salida="json_encode($arr)"  class="selector-generico" style="width: 120px">
                    <x-slot name="texto">
                        {{$ncadena}}
                    </x-slot>
                </x-selector-generico>
            @else
                <x-selector-generico id="cadena_matri2" idselect="f_selectcadena_ultdisp" :salida="json_encode($arr)"  class="selector-generico" style="width: 120px">
                    <x-slot name="texto">
                        {{$ncadena}}
                    </x-slot>
                </x-selector-generico>
            @endif

            <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 id="f_transponer_ultdisp" type="checkbox" style="margin-right: 5px" {{$ultdispTransponer}}> Transponer
                </label>
            </div>
            
            <x-boton-actualizar onclick="getUltimoDisponible('{{$cliente}}')"/>

            <x-infobox tamano="25px" :texto="$warning"/>
            
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['variac']))
        <x-tabla id="variac" style="height: 600px !important; {{$display_tabla}}" :filtrosAv="$filtrosAvProm" :filtrosAvAlias="$filtrosAvAlias">
            {{-- <x-filtro id="f_cadena2_variac" :lista="$cadenas" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.var-cadena')}}
                </x-slot>
            </x-filtro> --}}

            <x-selector-generico id="salida_variac2" idselect="salida_variac" :salida="$salida"  class="selector-generico {{$salida_d_none}}" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-generico id="variables_variac_fila2" idselect="variables_variac_fila" :salida="$variableFila" class="selector-generico d-none" disabled="" selected="1-15">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto-fila')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="variables_variac_columna2" idselect="variables_variac_columna" :salida="$variableCols" class="selector-generico d-none" disabled="" selected="3-5">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto-columna')}}
                </x-slot>
            </x-selector-generico>

            <x-selector-generico id="f_tmp_variac2" idselect="f_tmp_variac" :salida="$periodo_variac"  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="variac" style="display: none;"/>

            <x-selector-semanas id="fltr_sem_variac" idselect="f_sem_variac_ini" :semanas="$semanas"  class="fltr_periodo_variac" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_variac2" idselect="f_sem_variac_fin" :semanas="$semanas" class="fltr_periodo_variac" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-meses id="fltr_mes_variac" idselect="f_mes_variac_ini" :meses="$mesesComp" class="fltr_periodo_variac">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_variac2" idselect="f_mes_variac_fin" :meses="$mesesComp" class="fltr_periodo_variac">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>

            {{--<x-selector-generico2 id="f_orden_locales_variac2" idselect="f_orden_locales_variac" :salida="$locales" class="selector-generico" style="max-width: 200px; min-width: 100px;">
                <x-slot name="texto">
                    Rango de Locales
                </x-slot>
            </x-selector-generico>--}}

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

            <x-infobox tamano="25px" :texto="$warning"/>

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

@endsection
@endif

@section('js_aft')

<script>
    let ids = ['comp','evo', 'grafevo',  'prom','ultdisp','variac', 'grafcomp'];
    var filtrosPromise = getFiltrosAv('{{$cliente}}', '{{$codigo}}');
    var cliente_ = "{{$cliente}}";
    $(document).ready(() => {
        filtrosPromise.then(function(resp){
            ponerFiltrosAvExcept(resp, ["grafcomp"]);
        });

        jQuery.extend( jQuery.fn.dataTableExt.oSort, {
                "percent-pre": function ( a ) {
                    var x = (a == "--%") ? 0 : a.replace( /%/, "" );
                    return parseFloat( x );
                },

                "percent-asc": function ( a, b ) {
                    return ((a < b) ? -1 : ((a > b) ? 1 : 0));
                },

                "percent-desc": function ( a, b ) {
                    return ((a < b) ? 1 : ((a > b) ? -1 : 0));
                }
            } );

            
        let filtros = ['clientes','categorias', 'kam', "subcategoria", "producto"];
        for(let filtro of filtros) {
            for(let id of ids) {
                multiSelect(filtro, id, "{{__('messages.seleccionar')}}");
            }
        }
        $('#variables_comp').val(['2-5', '1-15','1-18']).change(); // Desglose por Cliente y Cadena

        ids.forEach(function(item){
            if($('#'+item).length > 0 && $('#f_favoritos_'+item).length > 0) cargarFavoritos(item);
        });

        $("#f_productos_grafevo").select2MultiCheckboxes({closeOnSelect:false, multiple: true, placeholder: "{{__('messages.seleccionar-producto')}}",
            maximumSelectionLength: 6,
            templateSelection: function(selected, total) {
                return selected.length + " de " + total + " total";
            }
        });

        $("#f_productos_grafevo").find('option').slice(0,10).prop("selected", true);
        $("#f_productos_grafevo").trigger('change');
        let ahora = new Date();
        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()-30)),
            endDate: ahora
        };
        $("#f_dia_evo_ini").daterangepicker(congifDate);
        $("#f_dia_prom_ini").daterangepicker(congifDate);
        $("#f_dia_grafcomp_ini").daterangepicker(congifDate);
        $("#f_dia_grafevo_ini").daterangepicker(congifDate);
        $("#f_dia_variac_ini").daterangepicker(congifDate);
        $('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");
        });
        $(".navbar-404").css("border-style","solid");
        $(".navbar-404").css("border-left","0px");
        $(".navbar-404").css("border-color","#57775F");
        $(".navbar-404").css("background-color","#57775F");
        filtrosPromise.then(function(resp){
            ponerFiltrosAv(resp);
        });

        if(['clorox'].includes(cliente_)){
            // Gráfico Evolutivo
            $("#f_tmp_grafevo").val('sem').change(); // Desglose por semana

            // Tabla Evolución
            $("#f_tmp_evo").val('sem').change(); // Desglose por semana
            // Tabla Comparación
            $('#f_tmp_comp').val('mec').change(); // Por defecto el Mes en Curso
            // Tabla Último Disponible
            $('#f_selectcadena_ultdisp').val('JUMBO').change(); // Jumbo por defecto
            // Tabla Promedio
            $('#f_tmp_prom').val('dia').change(); // Precio en días
            $('#f_cadena2_prom').val('JUMBO').change(); // Por defecto Jumbo
            // Tabla Variación
            //$('#f_tmp_variac').val('dia').change();
        }else if(['mdlzchile'].includes(cliente_)){
            // Gráfico Evolutivo
            $("#f_tmp_grafevo").val('sem').change(); // Desglose por semana

            // Tabla Evolución
            $("#f_tmp_evo").val('sem').change(); // Desglose por semana
            // Tabla Comparación
            $('#f_tmp_comp').val('mec').change(); // Por defecto el Mes en Curso
            // Tabla Último Disponible
            $('#f_selectcadena_ultdisp').val('JUMBO').change(); // Jumbo por defecto
            // Tabla Promedio
            $('#f_tmp_prom').val('dia').change(); // Precio en días
            $('#f_cadena2_prom').val('JUMBO').change(); // Por defecto Jumbo
            // Tabla Variación
            $('#f_tmp_variac').val('dia').change();
        }else if(['genomma'].includes(cliente_)){
            // Gráfico Evolutivo
            $("#f_tmp_grafevo").val('sem').change(); // Desglose por semana

            // Tabla Evolución
            $("#f_tmp_evo").val('sem').change(); // Desglose por semana
            // Tabla Comparación
            $('#f_tmp_comp').val('mec').change(); // Por defecto el Mes en Curso
            // Tabla Último Disponible
            $('#f_selectcadena_ultdisp').val('JUMBO').change(); // Jumbo por defecto
            // Tabla Promedio
            $('#f_tmp_prom').val('dia').change(); // Precio en días
            $('#f_cadena2_prom').val('JUMBO').change(); // Por defecto Jumbo
            // Tabla Variación
            $('#f_tmp_variac').val('mes').change();
        }else if(['gama'].includes(cliente_)){
            // Gráfico Evolutivo
            $("#f_tmp_grafevo").val('sem').change(); // Desglose por semana
            $("#f_tmp_evo").val('sem').change(); // Desglose por semana

        }else if(['ducasse'].includes(cliente_)){
            $('#variables_comp').val(['2-0']).change();
            $('#variables_evo').val(['3-5']).change();

            $('#variables_grafevo').val(['2-0']).change(); // Desglose por Cliente y Cadena

        }else if(cliente_ == 'demo' || cliente_ == 'demo2'){
            $('#f_tmp_grafevo').val('sem').change();
        }
    });

</script>

@endsection