@extends('layouts.reporte')

@section('php')
    @php
        $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);

        $locales = json_encode($locales);
        $cliente = config('app.CLIENTE');

        if($cliente == 'bless'){
            $tipo_periodo = 'mes';
            $tipo_periodo_ = 'mes';

            $display = 'block';
            $display_ = 'block';

        }

            $tipo_periodo = 'mec';
            $tipo_periodo_ = 'mes';

            $display = 'block';
            $display_ = 'none';

        
            $salida_siksa = 2;

        if($cliente == 'oriental'){

            $salida = json_encode(["2"=> __('messages.ventas'), "1" => __('messages.unidades'), "3" => __('messages.costo'), "10" => __('messages.unidadespack')]);
        $salida_matri = json_encode(["2"=> __('messages.ventas'), "1" => __('messages.unidades'), "10" => __('messages.unidadespack')]);
        } if($cliente == 'siksa'){
            $salida_siksa = 10;

            $salida = json_encode(["60" => "Kilos (Kg)", "2"=> __('messages.ventas'), "61" => "Ventas + IVA ($)", "1" => __('messages.unidades'), "3" => __('messages.costo')]);
             $salida_matri = json_encode(["1001" => "Kilos (Kg)", "2"=> __('messages.ventas'), "1" => __('messages.unidades') ]);
        }else if($cliente == "manares"){
            $salida = json_encode(["2"=> __('messages.ventas'), "1" => __('messages.unidades'), "3" => __('messages.costo'),"800"=> __('messages.margen'),
            "600"=> __('messages.contribucion')]);
            $salida_matri = json_encode(["2"=> __('messages.ventas'), "1" => __('messages.unidades'),"800"=> __('messages.margen'),"600"=> __('messages.contribucion')]);
        }else{
            $salida = json_encode(["2"=> __('messages.ventas'), "1" => __('messages.unidades'), "3" => __('messages.costo')]);
            $salida_matri = json_encode(["2"=> __('messages.ventas'), "1" => __('messages.unidades')]);
        }
        $salida_inout = json_encode(["13"=> __('messages.ventas'), "12" => __('messages.unidades')]);
        $tipo_var = json_encode(["2"=> __('messages.dinero'), "1" => __('messages.porcentaje')]);
        $periodo = json_encode(["dia"=> __('messages.dias'), "sem" => __('messages.semanas'), "mes" => __('messages.meses')]);
        $periodo_crec = json_encode(["sem" => __('messages.semanas'), "mes" => __('messages.meses')]);
        $periodo_grafcomp = json_encode(["dia"=> __('messages.dias'), "sem" => __('messages.semanas'), "mes" => __('messages.meses'), "ytd" => __('messages.ytd')]);
        if($cliente == "southwind"){
            $periodo_grafcomp = json_encode(["dia"=> __('messages.dias'), "sem" => __('messages.semanas'), "sem_wd" => "Semanas (Por días)", 
            "mes" => __('messages.meses'), "ytd" => __('messages.ytd')]);
        }
        $periodo_comp = json_encode(["dia"=> __('messages.dias'),"ytd"=> __('messages.ytd'), "mec" => __('messages.mec'), "sem" => __('messages.semanas'), 
        "mes" => __('messages.meses')]);
        $periodo_comparativo = json_encode(["ytd"=> __('messages.ytd'), "mec" => __('messages.mec'), 
        "mes" => __('messages.meses')]);
        $periodo_matri = json_encode(["ytd"=> __('messages.ytd'), "mec" => __('messages.mec'), "mes" => __('messages.meses'), "sem" => __('messages.semanas'), 
        'dia' => __('messages.dias')]);
        $periodo_grafmatri = json_encode(["ytd"=> __('messages.ytd'), "mec" => __('messages.mec'), 'dia' => __('messages.dias')]);
        $periodo_var = json_encode(["dia"=> __('messages.dias')]);
        $periodo_perdi = json_encode(["1"=> __('messages.acomulado'),"mec" => __('messages.mec'),"3" => __('messages.mesanterior')]);
        $mesesComp = [];
        $mesesTree = [];

        $semanasComp = [];
        $yearAct = date("Y");
        $yearAnt = date("Y") - 1;
        $yearAnt2 = date("Y") - 2;

        $tipo = json_encode(["year" => (__('messages.año'))."-".(__('messages.meses'))."-".(__('messages.dias')), 
        "local" => __('messages.var-cadena')."-Formato-".(__('messages.variable-local')),
        "marca"=>__('messages.marca')."-".(__('messages.filtro-texto-categoria'))."-".(__('messages.variable-producto'))]);
        $tipo_var = json_encode(["dinero"=>__('messages.dinero'), "porcentaje" =>__('messages.porcentaje')]);
        $lim_inf = json_encode(["-100"=>"-100%", "-50" =>"-50%", "-25"=>"-25%", "-10"=>"-10%"]);
        $lim_sup = json_encode(["100"=>"100%", "50" =>"50%", "25"=>"25%", "10"=>"10%"]);
        $participacion = json_encode(["1"=>"Total Consulta", "2" =>"Total ".__('messages.participacion')]);
        $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 ($meses as $value) {
            list($_mes, $_year) = explode(' ', $value->nombre);
            if($_year == $yearAct ) {
                $mesesTree []= $value;
            }
        }
        foreach ($semanas as $value) {
            $_year = substr($value->periodo, 0, 4);
            if($_year == $yearAct) {
                $semanasComp []= $value;
            }
        }
        if ($cliente == 'colgate') {
            $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_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;
        $variables_inout = ["" => []];
        if(array_key_exists('Local',$variables)){
            if (array_key_exists('2-0',$variables['Local'])) {
                $variables_inout[""]["2-0"] = $variables['Local']['2-0'];
            }
        }
        if(array_key_exists('Producto',$variables)){
            if (array_key_exists('1-3',$variables['Producto'])) {
                $variables_inout[""]["1-3"] = $variables['Producto']['1-3'];
            }
            if (array_key_exists('1-15',$variables['Producto'])) {
                $variables_inout[""]["1-15"] = $variables['Producto']['1-15'];
            }
        }
        $variables_inout[""]["total"] = __('messages.compañia');
        $display_grafico = '';
        $display_tabla = '';
        $warning = "Se compara Costo Sell Out vs Venta Sell In";
    @endphp
@endsection
@section('div_reportes')
    @php echo $div; @endphp
@endsection

@if(count($selectores_grafico)>0)
@section('grafico')
    @if(isset($selectores_grafico['grafcomp']))
        <x-grafico id="grafcomp" style="height: 450px !important; {{$display_grafico}}" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_grafcomp" :lista='$variables' selected="2-0" cliente='$cliente'/>
            <x-selector-generico id="salida_grafcomp2" idselect="salida_grafcomp" :salida="$salida"  class="selector-generico" style="width: 90px;">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>

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

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

            <!--EVOLUTVO SEMANA-->
            <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>
            <!--EVOLUTVO SEMANA-->
            <x-selector-semanas id="fltr_sem_wd_grafcomp" idselect="f_sem_wd_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_wd_grafcomp2" idselect="f_sem_wd_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>
            <!--EVOLUTVO MES-->
            <x-selector-meses id="fltr_mes_grafcomp" idselect="f_mes_grafcomp_ini" :meses="$mesesComp" class="fltr_periodo_grafcomp">
                <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-generico id="f_type_grafcomp2" idselect="f_type_grafcomp" :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="getGrafComp('{{$cliente}}', 'smu');"/>

            <x-filtro id="f_clientes_grafcomp" :lista="$clientes" style="max-width: 120px; min-width: 120px; width: 120px;" class="ms-auto">
                <x-slot name="texto">
                    @if($cliente != 'siksa'){{__('messages.filtro-texto-cliente')}}@else Cadena @endif    
                </x-slot>
            </x-filtro>
            @if ($cliente == "colgate")
            <x-filtro id="f_subcategoria_grafcomp" :lista="$subcategoria" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.campo-pr-subcategoria')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_categorias_grafcomp" :lista="$categorias" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-categoria')}}
                </x-slot>
            </x-filtro>
            @endif
            @if ($cliente == "colgate")
            <x-filtro id="f_producto_sku_prov_grafcomp" :lista="$producto_sku_prov" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.variable-producto-unificado')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_kam_grafcomp" :lista="$kam" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-kam')}}
                </x-slot>
            </x-filtro>
            @endif
            <!--
            <div class="notification-list col-md-auto obj_filtro form-group ms-auto">
                <div class="nav-link end-bar-toggle d-flex align-items-center" href="javascript: void(0);" 
                style="padding: 0rem 1rem; color: #566573; height: 48px;" onclick="filtrosCubo(this, 'grafcomp')">
                    <i class="fas fa-filter"></i>
                </div>
            </div>
            -->
        </x-grafico>
        @php $display_grafico = 'display: none;'; @endphp
    @endif
    @if(isset($selectores_grafico['grafcrec']))
        <x-grafico id="grafcrec" style="height: 450px !important; {{$display_grafico}}" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_grafcrec" :lista='$variables' selected="2-0" cliente='$cliente'/>
            <x-selector-generico id="salida_grafcrec2" idselect="salida_grafcrec" :salida="$salida"  class="selector-generico" style="width: 110px;">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>

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

            <!--EVOLUTVO SEMANA-->
            <x-selector-semanas id="fltr_sem_grafcrec" idselect="f_sem_grafcrec_ini" :semanas="$semanas"  class="fltr_periodo_grafcrec" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_grafcrec2" idselect="f_sem_grafcrec_fin" :semanas="$semanas" class="fltr_periodo_grafcrec" 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_grafcrec" idselect="f_mes_grafcrec_ini" :meses="$mesesComp" class="fltr_periodo_grafcrec" >
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_grafcrec2" idselect="f_mes_grafcrec_fin" :meses="$mesesComp" class="fltr_periodo_grafcrec">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>

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

            <x-filtro id="f_clientes_grafcrec" :lista="$clientes" style="max-width: 120px; min-width: 120px; width: 120px;" class="ms-auto">
                <x-slot name="texto">
                    @if($cliente != 'siksa'){{__('messages.filtro-texto-cliente')}}@else Cadena @endif
                </x-slot>
            </x-filtro>
            @if ($cliente == "colgate")
            <x-filtro id="f_subcategoria_grafcrec" :lista="$subcategoria" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.campo-pr-subcategoria')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_categorias_grafcrec" :lista="$categorias" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-categoria')}}
                </x-slot>
            </x-filtro>
            @endif
            @if ($cliente == "colgate")
            <x-filtro id="f_producto_sku_prov_grafcrec" :lista="$producto_sku_prov" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.variable-producto-unificado')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_kam_grafcrec" :lista="$kam" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-kam')}}
                </x-slot>
            </x-filtro>
            @endif
            <!--
            <div class="notification-list col-md-auto obj_filtro form-group ms-auto">
                <div class="nav-link end-bar-toggle d-flex align-items-center" href="javascript: void(0);" 
                style="padding: 0rem 1rem; color: #566573; height: 48px;" onclick="filtrosCubo(this, 'grafcomp')">
                    <i class="fas fa-filter"></i>
                </div>
            </div>
            -->
        </x-grafico>
        @php $display_grafico = 'display: none;'; @endphp
    @endif

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

            <x-selector-generico id="salida_grafevo2" idselect="salida_grafevo" :salida="$salida"  class="selector-generico" style="width: 110px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>
            @if ($cliente == 'colgate' || $cliente == 'bless')
                <x-selector-generico id="f_tmp_grafevo2" idselect="f_tmp_grafevo" :salida="$periodo"  class="selector-generico" style="width: 90px" selected="mes">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-texto-periodo')}}
                    </x-slot>
                </x-selector-generico>
            @else
                <x-selector-generico id="f_tmp_grafevo2" idselect="f_tmp_grafevo" :salida="$periodo"  class="selector-generico" style="width: 90px" selected="dia">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-texto-periodo')}}
                    </x-slot>
                </x-selector-generico>
            @endif
            @if ($cliente == 'colgate' || $cliente == 'bless')
            <x-selector-dias idpadre="grafevo" style="display: none;"/>
            <!--EVOLUTVO MES-->
            <x-selector-meses id="fltr_mes_grafevo" idselect="f_mes_grafevo_ini" :meses="$meses" class="fltr_periodo_grafevo">
                <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">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>
            @else
            <x-selector-dias idpadre="grafevo"/>
            <!--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>
            @endif
            <!--EVOLUTVO SEMANA-->
            <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>
            <!--AÑO-->
            <div id="fltr_year_grafevo" style="width:100px;display:none;" class="fltr_periodo_grafevo col-lg-2 col-md-4 col-sm-6 col-xs-12 obj_filtro form-group">
                <div style="text-align:center; font-size: 1.0em;color:#566573">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </div>
                <label class="w-100">
                    <select id="f_year_grafevo_ini" name="f_year_grafevo_ini" class="flt form-control select2 " data-toggle="select2" width="100%">
                        <option value="202001">2020</option>
                        <option value="202101">2021</option>
                    </select>
                </label>
            </div>
            <div id="fltr_year_grafevo2" style="width:100px;display:none;" class="fltr_periodo_grafevo col-lg-2 col-md-4 col-sm-6 col-xs-12 obj_filtro form-group">
                <div style="text-align:center; font-size: 1.0em;color:#566573">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </div>
                <label class="w-100">
                    <select id="f_year_grafevo_fin" name="f_year_grafevo_fin" class="flt form-control select2 " data-toggle="select2" width="100%">
                        <option value="202053">2020</option>
                        <option value="202153">2021</option>
                    </select>
                </label>
            </div>

            <x-selector-generico id="f_type_grafevo2" idselect="f_type_grafevo" :salida="$tipos_graficos"  class="selector-generico" style="width: 120px;" 
            selected="stackedcolumn2d">
                <x-slot name="texto">
                    {{__('messages.selector-tipo-grafico')}}
                </x-slot>
            </x-selector-generico>
        
            <x-boton-actualizar onclick="getGrafEvo('{{$cliente}}', 'smu');"/> 
            <!--
            <div class="notification-list col-md-auto obj_filtro form-group ms-auto">
                <div class="nav-link end-bar-toggle d-flex align-items-center" href="javascript: void(0);" 
                style="padding: 0rem 1rem; color: #566573; height: 48px;" onclick="filtrosCubo(this, 'grafevo')">
                    <i class="fas fa-filter"></i>
                </div>
            </div>
            -->
            <x-filtro id="f_clientes_grafevo" :lista="$clientes" style="max-width: 120px; min-width: 120px; width: 120px;" class="ms-auto">
                <x-slot name="texto">
                    @if($cliente != 'siksa'){{__('messages.filtro-texto-cliente')}}@else Cadena @endif
                </x-slot>
            </x-filtro>
            @if ($cliente == "colgate")
            <x-filtro id="f_subcategoria_grafevo" :lista="$subcategoria" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.campo-pr-subcategoria')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_categorias_grafevo" :lista="$categorias" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-categoria')}}
                </x-slot>
            </x-filtro>
            @endif
            @if ($cliente == "colgate")
            <x-filtro id="f_producto_sku_prov_grafevo" :lista="$producto_sku_prov" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.variable-producto-unificado')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_kam_grafevo" :lista="$kam" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-kam')}}
                </x-slot>
            </x-filtro>
            @endif

            
            <div class="w-100 justify-content-center" id="f_carga_grafevo" style="height: 450px; display: none;">
                <img src="{{asset('images/preloader_pie.gif')}}" style="width: 60px; height: 60px;" class="align-self-center">
            </div>
        </x-grafico>
        @php $display_grafico = 'display: none;'; @endphp
    @endif
    
    @if(isset($selectores_grafico['grafdri']))
        <x-grafico id="grafdri" style="height: 450px !important; {{$display_grafico}}" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-generico id="tipo_grafdri2" idselect="tipo_grafdri" :salida="$tipo" class="" selected="local">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto-fila')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-generico id="f_tmp_grafdri2" idselect="f_tmp_grafdri" :salida="$periodo"  class="" style="width: 90px" selected="mes">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>

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

            <!--EVOLUTVO SEMANA-->
            <x-selector-semanas id="fltr_sem_grafdri" idselect="f_sem_grafdri_ini" :semanas="$semanas"  class="fltr_periodo_grafdri" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_grafdri2" idselect="f_sem_grafdri_fin" :semanas="$semanas" class="fltr_periodo_grafdri" 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_grafdri" idselect="f_mes_grafdri_ini" :meses="$meses" class="fltr_periodo_grafdri">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_grafdri2" idselect="f_mes_grafdri_fin" :meses="$meses" class="fltr_periodo_grafdri">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>
            <x-boton-actualizar onclick="getGrafDri('{{$cliente}}', 'smu');"/>
            <x-filtro id="f_clientes_grafdri" :lista="$clientes" style="max-width: 120px; min-width: 120px; width: 120px;" class="ms-auto">
                <x-slot name="texto">
                    @if($cliente != 'siksa'){{__('messages.filtro-texto-cliente')}}@else Cadena @endif
                </x-slot>
            </x-filtro>
            @if ($cliente == "colgate")
            <x-filtro id="f_subcategoria_grafdri" :lista="$subcategoria" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.campo-pr-subcategoria')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_categorias_grafdri" :lista="$categorias" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-categoria')}}
                </x-slot>
            </x-filtro>
            @endif
            @if ($cliente == "colgate")
            <x-filtro id="f_producto_sku_prov_grafdri" :lista="$producto_sku_prov" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.variable-producto-unificado')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_kam_grafdri" :lista="$kam" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-kam')}}
                </x-slot>
            </x-filtro>
            @endif
        </x-grafico>
        @php $display_grafico = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_grafico['graftree']))
        <x-grafico id="graftree" style="height: 450px !important; {{$display_grafico}}" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_graftree" :lista='$variabletree' selected="2-0" cliente='$cliente'/>
            <x-selector-generico id="inf_graftree2" idselect="inf_graftree" :salida="$lim_inf" class="" style="width: 100%">
                <x-slot name="texto">
                    Límite Inferior
                </x-slot>
            </x-selector-generico>
            <x-selector-generico id="sup_graftree2" idselect="sup_graftree" :salida="$lim_sup" class="" style="width: 100%">
                <x-slot name="texto">
                    Límite Superior
                </x-slot>
            </x-selector-generico>

            <x-selector-dias idpadre="graftree" style="display:none;" />
            <x-selector-generico id="f_tmp_graftree2" idselect="f_tmp_graftree" :salida="$periodo_comp"  class="" style="width: 90px" selected="{{$tipo_periodo_}}">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>
            <!--EVOLUTVO SEMANA-->
            <x-selector-semanas id="fltr_sem_graftree" idselect="f_sem_graftree_ini" :semanas="$semanasComp"  class="fltr_periodo_graftree" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_graftree2" idselect="f_sem_graftree_fin" :semanas="$semanasComp" class="fltr_periodo_graftree" 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_graftree" idselect="f_mes_graftree_ini" :meses="$mesesTree" class="fltr_periodo_graftree" style="display: {{$display}}">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_graftree2" idselect="f_mes_graftree_fin" :meses="$mesesTree" class="fltr_periodo_graftree" style="display: {{$display}}">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>
            <x-boton-actualizar onclick="getGrafTree('{{$cliente}}', 'smu');"/>

            <x-filtro id="f_clientes_graftree" :lista="$clientes" style="max-width: 120px; min-width: 120px; width: 120px;" class="ms-auto">
                <x-slot name="texto">
                    @if($cliente != 'siksa'){{__('messages.filtro-texto-cliente')}}@else Cadena @endif
                </x-slot>
            </x-filtro>
            @if ($cliente == "colgate")
            <x-filtro id="f_subcategoria_graftree" :lista="$subcategoria" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.campo-pr-subcategoria')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_categorias_graftree" :lista="$categorias" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-categoria')}}
                </x-slot>
            </x-filtro>
            @endif
            @if ($cliente == "colgate")
            <x-filtro id="f_producto_sku_prov_graftree" :lista="$producto_sku_prov" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.variable-producto-unificado')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_kam_graftree" :lista="$kam" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-kam')}}
                </x-slot>
            </x-filtro>
            @endif
        </x-grafico>
        @php $display_grafico = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_grafico['grafvar']))
        {{-- <x-grafico id="grafvar" style="height: 450px !important; {{$display_grafico}}"  :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-generico id="tipo_grafvar2" idselect="tipo_grafvar" :salida="$tipo_var" class="" selected="dinero">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-generico id="f_tmp_grafvar2" idselect="f_tmp_grafvar" :salida="$periodo_var"  class="" style="width: 90px" selected="dia" disabled="">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-dias idpadre="grafvar"/>

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

            <x-filtro id="f_clientes_grafvar" :lista="$clientes" style="max-width: 120px; min-width: 120px; width: 120px;" class="ms-auto">
                <x-slot name="texto">
                    @if($cliente != 'siksa'){{__('messages.filtro-texto-cliente')}}@else Cadena @endif
                </x-slot>
            </x-filtro>
            <x-filtro id="f_categorias_grafvar" :lista="$categorias" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-categoria')}}
                </x-slot>
            </x-filtro>
            <x-filtro id="f_kam_grafvar" :lista="$kam" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-kam')}}
                </x-slot>
            </x-filtro>
        </x-grafico> --}}
        @php $display_grafico = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_grafico['grafmatri']))
        <x-grafico id="grafmatri" style="height: 450px !important; {{$display_grafico}}" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_grafmatri" :lista='$variables' selected="2-0" cliente='$cliente'/>
            <x-selector-generico id="salida_grafmatri2" idselect="salida_grafmatri" :salida="$salida_matri"  class="selector-generico" style="width: 110px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-generico id="f_participacion_grafmatri2" idselect="f_participacion_grafmatri" :salida="$participacion"  class="" style="width: 120px">
                <x-slot name="texto">
                    {{__('messages.participacion')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-generico id="f_tmp_grafmatri2" idselect="f_tmp_grafmatri" :salida="$periodo_grafmatri"  class="" style="width: 120px" selected="mes">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>

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

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

            <x-filtro id="f_clientes_grafmatri" :lista="$clientes" style="max-width: 120px; min-width: 120px; width: 120px;" class="ms-auto">
                <x-slot name="texto">
                    @if($cliente != 'siksa'){{__('messages.filtro-texto-cliente')}}@else Cadena @endif
                </x-slot>
            </x-filtro>
            @if ($cliente == "colgate")
            <x-filtro id="f_subcategoria_grafmatri" :lista="$subcategoria" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.campo-pr-subcategoria')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_categorias_grafmatri" :lista="$categorias" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-categoria')}}
                </x-slot>
            </x-filtro>
            @endif
            @if ($cliente == "colgate")
            <x-filtro id="f_producto_sku_prov_grafmatri" :lista="$producto_sku_prov" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.variable-producto-unificado')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_kam_grafmatri" :lista="$kam" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-kam')}}
                </x-slot>
            </x-filtro>
            @endif
        </x-grafico>
        @php $display_grafico = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_grafico['grafvar']))
        <x-grafico id="grafvar" style="height: 450px !important; {{$display_grafico}}" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-generico id="salida_grafvar2" idselect="salida_grafvar" :salida="$tipo_var"  class="selector-generico" style="width: 110px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>

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

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

            <x-filtro id="f_clientes_grafvar" :lista="$clientes" style="max-width: 120px; min-width: 120px; width: 120px;" class="ms-auto">
                <x-slot name="texto">
                    @if($cliente != 'siksa'){{__('messages.filtro-texto-cliente')}}@else Cadena @endif
                </x-slot>
            </x-filtro>
            @if ($cliente == "colgate")
            <x-filtro id="f_subcategoria_grafvar" :lista="$subcategoria" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.campo-pr-subcategoria')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_categorias_grafvar" :lista="$categorias" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-categoria')}}
                </x-slot>
            </x-filtro>
            @endif
            @if ($cliente == "colgate")
            <x-filtro id="f_producto_sku_prov_grafvar" :lista="$producto_sku_prov" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.variable-producto-unificado')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_kam_grafvar" :lista="$kam" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-kam')}}
                </x-slot>
            </x-filtro>
            @endif
        </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: 600px !important; {{$display_tabla}}" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_comp" :lista='$variables' selected='2-0' cliente='$cliente'/>
            
            <x-selector-generico id="f_tmp_comp2" idselect="f_tmp_comp" :salida="$periodo_comp"  class="selector-generico" style="width: 100px;" selected="{{$tipo_periodo}}">
                <x-slot name="texto" >
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-generico id="salida_comp2" idselect="salida_comp" :salida="$salida"  class="selector-generico" style="width: 110px;display:none" selected="{{$salida_siksa}}">
            
            </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-generico-texto-periodo')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_comp2" idselect="f_sem_comp_fin" :semanas="$semanasComp" class="fltr_periodo_comp" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-meses id="fltr_mes_comp" idselect="f_mes_comp_ini" :meses="$mesesComp" class="fltr_periodo_comp" style="display: {{$display_}};">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_comp2" idselect="f_mes_comp_fin" :meses="$mesesComp" class="fltr_periodo_comp" style="display: {{$display_}};">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-dias idpadre="comp" style="display: none;"/>
            @if ($cliente == "oriental")
                <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="height: 600px; padding-top: 15px">
                        <input type="checkbox" id="f_agru_comp" value="first_checkbox" style="margin-right: 5px"> Agrupar
                    </label>
                </div>
            @endif

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


            <x-filtro id="f_clientes_comp" :lista="$clientes" style="max-width: 120px;min-width: 120px;width: 120px;" class="ms-auto">
                <x-slot name="texto">
                    @if($cliente != 'siksa'){{__('messages.filtro-texto-cliente')}}@else Cadena @endif
                </x-slot>
            </x-filtro>
            @if ($cliente == "colgate")
            <x-filtro id="f_subcategoria_comp" :lista="$subcategoria" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.campo-pr-subcategoria')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_categorias_comp" :lista="$categorias" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-categoria')}}
                </x-slot>
            </x-filtro>
            @endif
            @if ($cliente == "colgate")
            <x-filtro id="f_producto_sku_prov_comp" :lista="$producto_sku_prov" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.variable-producto-unificado')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_kam_comp" :lista="$kam" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-kam')}}
                </x-slot>
            </x-filtro>
            @endif
        </x-tabla>
        @php $display_tabla = ' display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['comparativo']))
        <x-tabla id="comparativo" style="height: 600px !important; {{$display_tabla}}" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_comparativo" :lista='$variables' selected='2-0' cliente='$cliente'/>
            
            <x-selector-generico id="f_tmp_comparativo2" idselect="f_tmp_comparativo" :salida="$periodo_comparativo"  class="selector-generico" style="width: 100px" selected="{{$tipo_periodo}}">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-generico id="salida_comparativo2" idselect="salida_comparativo" :salida="$salida"  class="selector-generico" style="width: 110px;display:none">
            
            </x-selector-generico>

            <x-selector-semanas id="fltr_sem_comparativo" idselect="f_sem_comparativo_ini" :semanas="$semanasComp" class="fltr_periodo_comparativo" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_comparativo2" idselect="f_sem_comparativo_fin" :semanas="$semanasComp" class="fltr_periodo_comparativo" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-meses id="fltr_mes_comparativo" idselect="f_mes_comparativo_ini" :meses="$mesesComp" class="fltr_periodo_comparativo" style="display: {{$display_}};">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_comparativo2" idselect="f_mes_comparativo_fin" :meses="$mesesComp" class="fltr_periodo_comparativo" style="display: {{$display_}};">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-dias idpadre="comparativo" style="display: none;"/>
          

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

            <x-filtro id="f_clientes_comparativo" :lista="$clientes" style="max-width: 120px;min-width: 120px;width: 120px;" class="ms-auto">
                <x-slot name="texto">
                    @if($cliente != 'siksa'){{__('messages.filtro-texto-cliente')}}@else Cadena @endif
                </x-slot>
            </x-filtro>
            @if ($cliente == "colgate")
            <x-filtro id="f_subcategoria_comparativo" :lista="$subcategoria" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.campo-pr-subcategoria')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_categorias_comparativo" :lista="$categorias" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-categoria')}}
                </x-slot>
            </x-filtro>
            @endif
            @if ($cliente == "colgate")
            <x-filtro id="f_producto_sku_prov_comparativo" :lista="$producto_sku_prov" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.variable-producto-unificado')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_kam_comparativo" :lista="$kam" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-kam')}}
                </x-slot>
            </x-filtro>
            @endif
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['evo']))
        <x-tabla id="evo" style="height: 600px !important; {{$display_tabla}}" :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="" cliente='$cliente'/>

            <x-selector-generico id="salida_evo2" idselect="salida_evo" :salida="$salida"  class="selector-generico" style="width: 110px">
                <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"  class="selector-generico" style="width: 100px" selected="{{$tipo_periodo_}}">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-dias style="display: none;" idpadre="evo"/>

            
            <!--EVOLUTVO SEMANA-->
            <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: {{$display}};">
                <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: {{$display}};">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>
            <!--AÑO-->
            <div id="fltr_year_evo" style="width:100px; display:none;" class="fltr_periodo_evo col-md-auto obj_filtro form-group">
                <div style="text-align:center; font-size: 1.0em;color:#566573">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </div>
                <label class="w-100">
                    <select id="f_year_evo_ini" name="f_year_evo_ini" class="flt form-control select2 " data-toggle="select2" width="100%">
                        <option value="202001">2020</option>
                        <option value="202101">2021</option>
                    </select>
                </label>
            </div>
            <div id="fltr_year_evo2" style="width:100px; display:none;" class="fltr_periodo_evo col-md-auto obj_filtro form-group">
                <div style="text-align:center; font-size: 1.0em;color:#566573">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </div>
                <label class="w-100">
                    <select id="f_year_evo_fin" name="f_year_evo_fin" class="flt form-control select2 " data-toggle="select2" width="100%">
                        <option value="202053">2020</option>
                        <option value="202153">2021</option>
                    </select>
                </label>
            </div>
            <x-boton-actualizar onclick="getEvo('{{$cliente}}', 'smu');"/>

            <x-filtro id="f_clientes_evo" :lista="$clientes" style="max-width: 120px;min-width: 120px;width: 120px;" class="ms-auto">
                <x-slot name="texto">
                    @if($cliente != 'siksa'){{__('messages.filtro-texto-cliente')}}@else Cadena @endif
                </x-slot>
            </x-filtro>
            @if ($cliente == "colgate")
            <x-filtro id="f_subcategoria_evo" :lista="$subcategoria" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.campo-pr-subcategoria')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_categorias_evo" :lista="$categorias" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-categoria')}}
                </x-slot>
            </x-filtro>
            @endif
            @if ($cliente == "colgate")
            <x-filtro id="f_producto_sku_prov_evo" :lista="$producto_sku_prov" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.variable-producto-unificado')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_kam_evo" :lista="$kam" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-kam')}}
                </x-slot>
            </x-filtro>
            @endif
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

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

            <x-selector-generico id="salida_evo2_sell_in" idselect="salida_evo_sell_in" :salida="$salida"  class="selector-generico" style="width: 110px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-generico id="f_tmp_evo2_sell_in" idselect="f_tmp_evo_sell_in" :salida="$periodo"  class="selector-generico" style="width: 100px" selected="{{$tipo_periodo_}}">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-dias style="display: none;" idpadre="evo_sell_in"/>

            
            <!--EVOLUTVO SEMANA-->
            <x-selector-semanas id="fltr_sem_evo_sell_in" idselect="f_sem_evo_sell_in_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_sell_in" idselect="f_sem_evo_sell_in_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_sell_in" idselect="f_mes_evo_sell_in_ini" :meses="$meses" class="fltr_periodo_evo" style="display: {{$display}};">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_evo_sell_in" idselect="f_mes_evo_sell_in_fin" :meses="$meses" class="fltr_periodo_evo" style="display: {{$display}};">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>
            <!--AÑO-->
            <div id="fltr_year_evo_sell_in" style="width:100px; display:none;" class="fltr_periodo_evo col-md-auto obj_filtro form-group">
                <div style="text-align:center; font-size: 1.0em;color:#566573">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </div>
                <label class="w-100">
                    <select id="f_year_evo_ini_sell_in" name="f_year_evo_sell_in_ini" class="flt form-control select2 " data-toggle="select2" width="100%">
                        <option value="202001">2020</option>
                        <option value="202101">2021</option>
                    </select>
                </label>
            </div>
            <div id="fltr_year_evo2_sell_in" style="width:100px; display:none;" class="fltr_periodo_evo col-md-auto obj_filtro form-group">
                <div style="text-align:center; font-size: 1.0em;color:#566573">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </div>
                <label class="w-100">
                    <select id="f_year_evo_fin_sell_in" name="f_year_evo_sell_in_fin" class="flt form-control select2 " data-toggle="select2" width="100%">
                        <option value="202053">2020</option>
                        <option value="202153">2021</option>
                    </select>
                </label>
            </div>
            <x-boton-actualizar onclick="getEvo_sell_in('{{$cliente}}', 'ventas');"/>
        

            <x-filtro id="f_clientes_evo_sell_in" :lista="$clientes" style="max-width: 120px;min-width: 120px;width: 120px;" class="ms-auto">
                <x-slot name="texto">
                    @if($cliente != 'siksa'){{__('messages.filtro-texto-cliente')}}@else Cadena @endif
                </x-slot>
            </x-filtro>
            @if ($cliente == "colgate")
            <x-filtro id="f_subcategoria_evo_sell_in" :lista="$subcategoria" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.campo-pr-subcategoria')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_categorias_evo_sell_in" :lista="$categorias" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-categoria')}}
                </x-slot>
            </x-filtro>
            @endif
            @if ($cliente == "colgate")
            <x-filtro id="f_producto_sku_prov_evo_sell_in" :lista="$producto_sku_prov" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.variable-producto-unificado')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_kam_evo_sell_in" :lista="$kam" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-kam')}}
                </x-slot>
            </x-filtro>
            @endif
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['matri']))
        <x-tabla id="matri" style="height: 600px !important; {{$display_tabla}}" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_matri1" :lista='$variables' selected="1-5" cliente='$cliente'>
                <x-slot name="titulo">
                    {{__('messages.selector-variable-texto-fila')}}
                </x-slot>
            </x-selector-variable>
            <x-selector-variable id="variables_matri2" :lista='$variables' selected="2-5" cliente='$cliente'>
                <x-slot name="titulo">
                    {{__('messages.selector-variable-texto-columna')}}
                </x-slot>
            </x-selector-variable>
            
            <x-selector-generico id="salida_matri2" idselect="salida_matri" :salida="$salida_matri"  class="selector-generico" style="width: 110px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-generico id="f_tmp_matri2" idselect="f_tmp_matri" :salida="$periodo_matri"  class="selector-generico" style="width: 100px" selected="{{$tipo_periodo}}">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>

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

            <!--EVOLUTVO SEMANA-->
            <x-selector-semanas id="fltr_sem_matri" idselect="f_sem_matri_ini" :semanas="$semanas"  class="fltr_periodo_matri" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_matri2" idselect="f_sem_matri_fin" :semanas="$semanas" class="fltr_periodo_matri" 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_matri" idselect="f_mes_matri_ini" :meses="$meses" class="fltr_periodo_matri" style="display: {{$display_}};">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_matri2" idselect="f_mes_matri_fin" :meses="$meses" class="fltr_periodo_matri" style="display: {{$display_}};">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>
            <!--AÑO-->
            <div id="fltr_year_matri" style="width:100px;display:none;" class="fltr_periodo_matri col-lg-2 col-md-4 col-sm-6 col-xs-12 obj_filtro form-group">
                <div style="text-align:center; font-size: 1.0em;color:#566573">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </div>
                <label class="w-100">
                    <select id="f_year_matri_ini" name="f_year_matri_ini" class="flt form-control select2 " data-toggle="select2" width="100%">
                        <option value="{{date("Y")."01"-100}}">{{date("Y")-1}}</option>
                        <option value="{{date("Y")."01"}}">{{date("Y")}}</option>
                    </select>
                </label>
            </div>
            <div id="fltr_year_matri2" style="width:100px;display:none;" class="fltr_periodo_matri col-lg-2 col-md-4 col-sm-6 col-xs-12 obj_filtro form-group">
                <div style="text-align:center; font-size: 1.0em;color:#566573">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </div>
                <label class="w-100">
                    <select id="f_year_matri_fin" name="f_year_matri_fin" class="flt form-control select2 " data-toggle="select2" width="100%">
                        <option value="{{date("Y")-1}}53">{{date("Y")-1}}</option>
                        <option value="{{date("Y")}}53">{{date("Y")}}</option>
                    </select>
                </label>
            </div>
            {{-- Este selector solo aparece cuando se seleciona tienda/store en la tabla matriz --}}
            <x-selector-generico2 id="f_orden_locales2" idselect="f_orden_locales" :salida="$locales" class="selector-generico d-none" style="max-width: 200px; min-width: 100px;">
                <x-slot name="texto">
                    Rango de Locales por Ventas
                </x-slot>
            </x-selector-generico>
            <x-boton-actualizar onclick="getMatri('{{$cliente}}', 'smu');"/>
            <x-infobox tamano="25px" texto="{{__('messages.texto-infobox')}}"/>

            <x-filtro id="f_clientes_matri" :lista="$clientes" style="max-width: 120px;min-width: 120px;width: 120px;" class="ms-auto">
                <x-slot name="texto">
                    @if($cliente != 'siksa'){{__('messages.filtro-texto-cliente')}}@else Cadena @endif
                </x-slot>
            </x-filtro>
            @if ($cliente == "colgate")
            <x-filtro id="f_subcategoria_matri" :lista="$subcategoria" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.campo-pr-subcategoria')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_categorias_matri" :lista="$categorias" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-categoria')}}
                </x-slot>
            </x-filtro>
            @endif
            @if ($cliente == "colgate")
            <x-filtro id="f_producto_sku_prov_matri" :lista="$producto_sku_prov" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.variable-producto-unificado')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_kam_matri" :lista="$kam" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-kam')}}
                </x-slot>
            </x-filtro>
            @endif
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

{{--    @if(isset($selectores_tabla['res_general']))
        <x-tabla id="res_general" style="{{$display_tabla}}">
            <x-boton-actualizar onclick="getResumenGeneral('{{$cliente}}', 'ventas');"/>
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif  --}}

    @if(isset($selectores_tabla['venper']))
        <x-tabla id="venper" style="height: 600px !important; {{$display_tabla}}">
            <x-selector-variable id="variables_venper" :lista='$variables_2' selected="2-0" cliente='$cliente'>
                <x-slot name="titulo">
                    {{__('messages.selector-variable-texto-fila')}}
                </x-slot>
            </x-selector-variable>
            <x-selector-generico id="f_tmp_venper2" idselect="f_tmp_venper" :salida="$periodo_perdi"  class="selector-generico" style="width: 100px" selected="dia">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>
            <x-boton-actualizar onclick="getVentasPerdida('{{$cliente}}', 'ventas');"/>
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['perdidas']))
        <x-tabla id="perdidas" style="height: 600px !important; {{$display_tabla}}" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_perdidas" :lista='$variables_2' selected="2-0" cliente='$cliente'>
                <x-slot name="titulo">
                    {{__('messages.selector-variable-texto-fila')}}
                </x-slot>
            </x-selector-variable>
            <x-selector-generico id="f_tmp_perdidas2" idselect="f_tmp_perdidas" :salida="$periodo_perdi"  class="selector-generico" style="width: 100px" selected="dia">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>
            <x-boton-actualizar onclick="getPerdidasVentas('{{$cliente}}', 'ventas');"/>
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['inout']))
        <x-tabla id="inout" style="height: 600px !important; {{$display_tabla}}" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">
            <x-selector-variable id="variables_inout" :lista='$variables_inout' selected="total" cliente='$cliente'/>
            @if ($cliente != "oriental")
            <x-selector-generico id="salida_inout2" idselect="salida_inout" :salida="$salida_inout"  class="selector-generico" style="width: 110px">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-valor')}}
                </x-slot>
            </x-selector-generico>
            @endif
            <x-selector-generico id="f_tmp_inout2" idselect="f_tmp_inout" :salida="$periodo"  class="selector-generico" style="width: 100px" selected="dia">
                <x-slot name="texto">
                    {{__('messages.selector-generico-texto-periodo')}}
                </x-slot>
            </x-selector-generico>
            <x-selector-dias idpadre="inout"/>

            
            <!--SEMANA-->
            <x-selector-semanas id="fltr_sem_inout" idselect="f_sem_inout_ini" :semanas="$semanas"  class="fltr_periodo_inout" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-semanas>
            <x-selector-semanas id="fltr_sem_inout2" idselect="f_sem_inout_fin" :semanas="$semanas" class="fltr_periodo_inout" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-semanas>
            <!--MES-->
            <x-selector-meses id="fltr_mes_inout" idselect="f_mes_inout_ini" :meses="$meses" class="fltr_periodo_inout" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </x-slot>
            </x-selector-meses>
            <x-selector-meses id="fltr_mes_inout2" idselect="f_mes_inout_fin" :meses="$meses" class="fltr_periodo_inout" style="display: none;">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>
            <!--AÑO-->
            <div id="fltr_year_inout" style="width:100px; display:none;" class="fltr_periodo_inout col-md-auto obj_filtro form-group">
                <div style="text-align:center; font-size: 1.0em;color:#566573">
                    {{__('messages.selector-semanas-meses-texto-desde')}}
                </div>
                <label class="w-100">
                    <select id="f_year_inout_ini" name="f_year_inout_ini" class="flt form-control select2 " data-toggle="select2" width="100%">
                        <option value="{{date("Y")-1}}01">{{date("Y")-1}}</option>
                        <option value="{{date("Y")}}01">{{date("Y")}}</option>
                    </select>
                </label>
            </div>
            <div id="fltr_year_inout2" style="width:100px; display:none;" class="fltr_periodo_inout col-md-auto obj_filtro form-group">
                <div style="text-align:center; font-size: 1.0em;color:#566573">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </div>
                <label class="w-100">
                    <select id="f_year_inout_fin" name="f_year_inout_fin" class="flt form-control select2 " data-toggle="select2" width="100%">
                        <option value="{{date("Y")-1}}53">{{date("Y")-1}}</option>
                        <option value="{{date("Y")}}53">{{date("Y")}}</option>
                    </select>
                </label>
            </div>
            <x-boton-actualizar onclick="getSellinSellout('{{$cliente}}', 'ventas');"/>
            @if ($cliente == "oriental")
                <x-infobox tamano="25px" :texto="$warning"/>
            @endif
            
            <x-filtro id="f_clientes_inout" :lista="$clientes" style="max-width: 120px;min-width: 120px;width: 120px;" class="ms-auto">
                <x-slot name="texto">
                    @if($cliente != 'siksa'){{__('messages.filtro-texto-cliente')}}@else Cadena @endif
                </x-slot>
            </x-filtro>
            @if ($cliente == "colgate")
            <x-filtro id="f_subcategoria_inout" :lista="$subcategoria" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.campo-pr-subcategoria')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_categorias_inout" :lista="$categorias" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-categoria')}}
                </x-slot>
            </x-filtro>
            @endif
            @if ($cliente == "colgate")
            <x-filtro id="f_producto_sku_prov_inout" :lista="$producto_sku_prov" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.variable-producto-unificado')}}
                </x-slot>
            </x-filtro>
            @else
            <x-filtro id="f_kam_inout" :lista="$kam" style="max-width: 120px;min-width: 120px;width: 120px;">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-kam')}}
                </x-slot>
            </x-filtro>
            @endif
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif
@endsection
@endif

@section('right-bar')
    <div class="p-3 align-items-center flex-column d-none" id="f_grafcomp">
        
    </div>
    <div class="p-3 align-items-center flex-column d-none" id="f_grafevo">
    </div>
@endsection
@section('js_aft')
    <script>
        var cliente_ = "{{$cliente}}";
         $("#f_mes_grafcomp_ini").val("202212").change();
         $("#f_mes_graftree_ini").val("202301").change();
         $("#f_mes_evo_ini").val("202301").change();
         $("#f_mes_evo_sell_in_ini").val("202301").change();
        if(cliente_ == "siksa"){
            $("#variables_evo2").val("2-5").change();
            $("#variables_evo").val("1-15").change();
            $("#variables_evo2_sell_in").val("2-5").change();
            $("#variables_evo_sell_in").val("1-15").change();
        }
        if(cliente_ == "colflex"){
            $("#variables_comp").val("2-8").change();
            $("#variables_evo").val("2-8").change();
            $("#variables_matri1").val("2-8").change();
            $("#variables_grafcomp").val("2-8").change();
            $("#variables_grafevo").val("2-8").change();
            $("#variables_grafmatri").val("2-8").change();
        }
        let ids = ['evo', 'matri', 'comp','comparativo', 'inout', 'grafdri', 'graftree', 'grafvar', 'grafmatri', 'grafcrec', 'grafevo', 'grafcomp','perdidas', 'evo_sell_in'];
        
        $(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')}}");
                }
            }

            // $("#f_clientes_comp").select2({closeOnSelect:false, multiple: true, placeholder: "Seleccionar Cliente", width: "auto"});
            $('#variables_comp').select2MultiCheckboxes({
                placeholder: "{{__('messages.elegir-variables')}}",
                width: "auto",
                templateSelection: function(selected, total) {
                    return selected.length + " de " + total + " total";
                }
            });

            $('#variables_comparativo').select2MultiCheckboxes({
                placeholder: "{{__('messages.elegir-variables')}}",
                width: "auto",
                templateSelection: function(selected, total) {
                    return selected.length + " de " + total + " total";
                }
            });
            
            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()-21)),
                    endDate: ahora
            };
            ["#f_dia_inout_ini","#f_dia_comp_ini", "#f_dia_comparativo_ini", "#f_dia_matri_ini","#f_dia_grafdri_ini","#f_dia_graftree_ini", "#f_dia_grafcrec_ini"].forEach((selector, i) => {
                $(selector).daterangepicker(congifDate);
            });
            congifDate2 = congifDate;
            congifDate2.startDate = moment((new Date()).setDate(ahora.getDate()-15));
            ["#f_dia_grafevo_ini", "#f_dia_grafevo_fin","#f_dia_evo_ini", "#f_dia_evo_fin", ,"#f_dia_evo_sell_in_ini", "#f_dia_evo_sell_in_fin"].forEach((selector, i) => {
                $(selector).daterangepicker(congifDate2);
            });

            congifDate["minDate"] = moment(new Date(ahora.getFullYear(), 0, 1));
            [ "#f_dia_grafcomp_fin"].forEach((selector, i) => {
                $(selector).daterangepicker(congifDate);
            });
            congifDate["minDate"] = moment((new Date()).setDate(ahora.getDate()-730));
            [ "#f_dia_grafcomp_ini"].forEach((selector, i) => {
                $(selector).daterangepicker(congifDate);
            });
            congifDate["minDate"] = moment((new Date()).setDate(ahora.getDate()-365));
            [ "#f_dia_grafmatri_ini"].forEach((selector, i) => {
                $(selector).daterangepicker(congifDate);
            });
            $("#tipo_grafdri").change(function(elem){
                if(elem.target.value=="year"){
                    $("#f_tmp_grafdri2").hide();
                    $(".fltr_periodo_grafdri").hide();
                }else{
                    $("#f_tmp_grafdri2").show();
                    $("#f_tmp_grafdri").change();
                }
            });
            let fechaMin = new Date(new Date().setFullYear(new Date().getFullYear() - 1));
            congifDate["minDate"] = moment(fechaMin);
            [ "#f_dia_grafvar_ini"].forEach((selector, i) => {
                $(selector).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");
            });
            $('#f_mes_grafcomp_ini').change(function(elem){
                let date = new Date();
                    $('#f_mes_grafcomp_fin').find("option").prop("disabled", false);
               
                    $('#f_mes_grafcomp_fin').val(parseInt(elem.target.value) + 100);

                $('#f_mes_grafcomp_fin').trigger('change');
            });
            $(".navbar-402").css("border-style","solid");
            $(".navbar-402").css("border-left","0px");
            $(".navbar-402").css("border-color","#57775F");
            $(".navbar-402").css("background-color","#57775F");

            $('#variables_matri1').change(verificar_selectores);

            $('#variables_matri2').change(verificar_selectores);
            $('[data-toggle="infobox"]').tooltip();

            // clickActualizar(['grafcomp', 'comp', 'grafevo', 'evo', 'matri', 'grafdri', 'graftree', 'grafvar']);
            // (async _ => {
            //     await getGrafComp('', 'ventas');
            //     await getComp('', 'ventas');
            //     await getGrafEvo('', 'ventas');
            //     await getEvo('', 'ventas');
            //     await getMatri('', 'ventas');
            //     await getGrafDri('', 'ventas');
            //     await getGrafTree('', 'ventas');
            // })();
        });
        var filtrosPromise = getFiltrosAv('{{$cliente}}', '{{$codigo}}');

        filtrosPromise.then(function(resp){
            ponerFiltrosAv(resp);
        });
    </script>
@endsection