@extends('layouts.reporte')

@section('php')
    @php
        // dd($filtrosAvAlias);
        use Illuminate\Support\Facades\DB;
        use App\Bd\Bd;
        $cadenass = DB::table('data_inventario')->select('cadena')->groupBy('cadena')->get()->all();
        $arr = [];
        for($i=0;$i<sizeof($cadenass);$i++){
            $arr[$cadenass[$i]->cadena] = $cadenass[$i]->cadena;
        }

        $cliente = config('app.CLIENTE');
        $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";
        $variable = json_encode(["1-15"=>__('messages.variable-producto')]);
        $variablecmp = json_encode(['1-15' => __('messages.variable-producto'),'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_ecom'=>__('messages.precios')]);
        $periodo_grafevo = json_encode(["dia"=> __('messages.dias'), "sem"=> __('messages.semanas')]);
        $periodo_prom = json_encode(["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='';
        }

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

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

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

        $salida_d_none = 'd-none';
        if($cliente == 'clorox'){
            $salida = json_encode(['precio_ecom_con_iva' => __('messages.precios_con_iva'), 'precio_ecom'=> __('messages.precios_sin_iva')]);
            $salida_d_none = '';
        }
    @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: 90px" disabled="">--}}
            {{--<x-selector-generico id="variables_grafevo" idselect="variables_grafevo" :salida="$variableSalida"  class="selector-generico" style="width: 90px">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto')}}
                </x-slot>
            </x-selector-generico>--}}

            <x-filtro id="f_productos_grafevo" :lista="$productos">
                <x-slot name="texto">
                    {{__('messages.filtro-texto-producto')}}
                </x-slot>
            </x-filtro>
            <x-selector-generico id="variables_grafevo2" idselect="variables_grafevo" :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="salida_grafevo2" idselect="salida_grafevo" :salida="$salida"  class="selector-generico {{$salida_d_none}}" style="width: 135px">
                <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: 90px" 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: 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" />
            <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="$variable"  class="selector-generico d-none" disabled="">
                <x-slot name="texto">
                    {{__('messages.selector-variable-texto')}}
                </x-slot>
            </x-selector-generico>
            @if ($cliente == 'bless')
                <x-selector-generico id="f_tmp_comp2" idselect="f_tmp_comp" :salida="$periodo_comp"  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_comp2" idselect="f_tmp_comp" :salida="$periodo_comp"  class="selector-generico" style="width: 90px" selected="ytd">
                    <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: 110px">
                <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-infobox tamano="25px" :texto="$warning"/>
            <x-boton-actualizar onclick="getComp('{{$cliente}}', 'precio');"/>

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

            <x-selector-generico id="salida_evo2" idselect="salida_evo" :salida="$salida"  class="selector-generico {{$salida_d_none}}" style="width: 135px">
                <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: 90px" 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-infobox tamano="25px" :texto="$warning"/>

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

        </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="cadena_matri2" idselect="f_cadena2_prom" :salida="json_encode($arr)"  class="selector-generico" style="width: 135px">
                <x-slot name="texto">
                    {{$ncadena}}
                </x-slot>
            </x-selector-generico>
            <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: 90px" selected="mes">
                <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">
                <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">
                <x-slot name="texto">
                    {{__('messages.selector-semanas-meses-texto-hasta')}}
                </x-slot>
            </x-selector-meses>
            <x-infobox tamano="25px" :texto="$warning"/>

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

        </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: 135px">
                <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: 135px" selected="OXXO">
                    <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: 135px">
                    <x-slot name="texto">
                    @if($cliente == 'siksa') Sub Cadena @else  {{$ncadena}} @endif
                    </x-slot>
                </x-selector-generico>
            @endif
            <x-infobox tamano="25px" :texto="$warning"/>
            <x-boton-actualizar onclick="getUltimoDisponible('{{$cliente}}')"/>
            
        </x-tabla>
        @php $display_tabla = 'display: none;'; @endphp
    @endif

    @if(isset($selectores_tabla['variac']))
    <x-tabla id="variac" style="height: 600px !important; {{$display_tabla}}" :filtros="$filtros" :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: 135px">
            <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: 90px" 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-infobox tamano="25px" :texto="$warning"/>

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

    </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"]);
        });
        let filtros = ['clientes','categorias', 'kam', "subcategoria", "producto"];
        for(let filtro of filtros) {
            for(let id of ids) {
                multiSelect(filtro, id, "{{__('messages.seleccionar')}}");
            }
        }

        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");

        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
        }

        filtrosPromise.then(function(resp){
            ponerFiltrosAv(resp);
        });
    });

</script>

@endsection