@extends('layouts.reporte_analytics')

@section('php')
    @php
        $locales = [];
        $cantidad = 100;
        while ($cantidad <= $cantidad_locales) {
            $locales[$cantidad] = $cantidad;
            $cantidad = $cantidad + 100;
        }
        if ($cantidad % 100 == 0) {
            $locales[$cantidad_locales] = $cantidad_locales;
        }
        $locales = json_encode($locales);
        $anhos = [];
        $semestres = [];
        foreach ($anos as $value) {
            if(property_exists($value, "ano")){
                $anhos[$value->ano] = $value->ano;
                $semestres[$value->ano."-1"] = $value->ano."-1";
                $semestres[$value->ano."-2"] = $value->ano."-2";
            }else{
                $anhos[$value->ANO] = $value->ANO;
                $semestres[$value->ANO."-1"] = $value->ANO."-1";
                $semestres[$value->ANO."-2"] = $value->ANO."-2";
            }
        }
        $cliente = config('app.CLIENTE');
        
        $salida = json_encode(["2"=> __('messages.ventas'), "1" => __('messages.unidades'), "3" => __('messages.costo')]);
        $salida_matri = json_encode(["2"=> __('messages.ventas'), "1" => __('messages.unidades')]);
        $tipo_var = json_encode(["2"=> __('messages.dinero'), "1" => __('messages.porcentaje')]);
        $periodo = json_encode(["sem" => __('messages.semanas'), "mes" => __('messages.meses')]);
        $periodo_grafcomp = json_encode([date("Y")-1 => date("Y")-1, date("Y") => date("Y")]);
        $periodo_grafcomp2 = json_encode([date("Y") => date("Y") , date("Y")-1 =>date("Y")-1]);
        $periodo_comp = json_encode(["dia"=> __('messages.dias'),"ytd"=> __('messages.ytd'), "mec" => __('messages.mec'), "sem" => __('messages.semanas'), "mes" => __('messages.meses')]);
        $periodo_matri = json_encode(["ytd"=> __('messages.ytd'), "mec" => __('messages.mec'), "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')]);
        $mesesComp = [];
        $semanasComp = [];
        $yearAct = date("Y");
        $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%"]);
        foreach ($meses as $value) {
            list($_mes, $_year) = explode(' ', $value->nombre);
            if($_year == $yearAct) {
                $mesesComp []= $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;

        // dd($filtrosAv);
        $display_grafico = '';
        $display_tabla = '';
        $variables_agrupacion = json_encode(["1"=>"Cadena", "2-5"=>"Holding", "2-0"=>"Compañía"]);
        $predi_mes = json_encode(["3"=>"Predecir 3 Meses", "6"=>"Predecir 6 Meses", "12"=>"Predecir 12 Meses"]);
        $predi_sem = json_encode(["12"=>"Predecir 12 Semanas"]);
        $texto = "Se debe tener un mínimo de dos años de datos para poder realizar la predicción de
ventas.
Por esta misma razón, al utilizar filtros avanzados puede que no se tengan datos
suficientes para realizar una buena predicción.
Debajo del gráfico se muestra una tabla con los datos de las ventas reales, las ventas
según la predicción y la diferencia porcentual entre ambos campos. Adicionalmente
se muestra el promedio de este error.
";
    @endphp
    <style>
    table th {
        background-color: #7F7F7F;
        color: #ffffff;
        border: 2px solid #D1D1D1;
        padding: 10px;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
    }
    table tr:nth-child(odd) {
        background: #f4f4f4;
    }
    table tr td {
    border: 2px solid #D1D1D1;
    padding: 10px;

    
}
        path { 
            stroke-opacity: 1 !important;
            fill-opacity: 1 !important;
        }
    </style>
@endsection

@section('div_reportes')
    @php echo $div; @endphp
    <style>
        table tr td {
            border: 2px solid #D1D1D1;
            padding: 10px;
        }
        table tr:nth-child(odd) {
            background: #f4f4f4;
        }
    </style>
@endsection
@if(count($selectores_grafico)>0)
    @section('grafico')
        @if(isset($selectores_grafico['grafmulti']))
            <x-grafico id="grafmulti" style="{{$display_grafico}}" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">

                <x-selector-generico id="f_periodo_grafmulti2" idselect="f_periodo_grafmulti" :salida="$periodo" class="selector-generico" style='width: 120px' selected="mes">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-texto-periodo')}}
                    </x-slot>
                </x-selector-generico>
                
                <x-selector-generico id="f_agru_grafmulti2" idselect="f_agru_grafmulti" :salida="$salida_matri"  class="" style="width: 120px" >
                    <x-slot name="texto">
                        {{__('messages.agrupacion')}}
                    </x-slot>
                </x-selector-generico>

                <x-selector-generico id="f_predi_mes_grafmulti2" idselect="f_predi_mes_grafmulti" :salida="$predi_mes"  class="" style="width: 160px" >
                    <x-slot name="texto">
                        Predicción
                    </x-slot>
                </x-selector-generico>

                <x-selector-generico id="f_predi_sem_grafmulti2" idselect="f_predi_sem_grafmulti" :salida="$predi_sem"  class="d-none" style="width: 160px" >
                    <x-slot name="texto">
                        Predicción
                    </x-slot>
                </x-selector-generico>
                
                <x-boton-actualizar onclick="getGrafForeMult('{{$cliente}}', 'ventas');"/>
                <x-infobox tamano="25px" texto="{{$texto}}"/>
            </x-grafico>
            @php $display_grafico = 'display: none;'; @endphp
        @endif
        @if(isset($selectores_grafico['grafaditivo']))
            <x-grafico id="grafaditivo" style="{{$display_grafico}}" :filtrosAv="$filtrosAv" :filtrosAvAlias="$filtrosAvAlias">

                <x-selector-generico id="f_periodo_grafaditivo2" idselect="f_periodo_grafaditivo" :salida="$periodo" class="selector-generico" style='width: 120px' selected="mes">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-texto-periodo')}}
                    </x-slot>
                </x-selector-generico>
                
                <x-selector-generico id="f_agru_grafaditivo2" idselect="f_agru_grafaditivo" :salida="$salida_matri"  class="" style="width: 120px" >
                    <x-slot name="texto">
                        {{__('messages.agrupacion')}}
                    </x-slot>
                </x-selector-generico>

                <x-selector-generico id="f_predi_mes_grafaditivo2" idselect="f_predi_mes_grafaditivo" :salida="$predi_mes"  class="" style="width: 160px" >
                    <x-slot name="texto">
                        Predicción
                    </x-slot>
                </x-selector-generico>

                <x-selector-generico id="f_predi_sem_grafaditivo2" idselect="f_predi_sem_grafaditivo" :salida="$predi_sem"  class="d-none" style="width: 160px" >
                    <x-slot name="texto">
                        Predicción
                    </x-slot>
                </x-selector-generico>
                
                <x-boton-actualizar onclick="getGrafForeAdit('{{$cliente}}', 'ventas');"/>
                <x-infobox tamano="25px" texto="{{$texto}}"/>
            </x-grafico>
            @php $display_grafico = 'display: none;'; @endphp
        @endif
    @endsection
@endif

@section('js_aft')
    <script>
         let ids = ['grafmulti','grafaditivo'];
        
        //var filtrosPromise = getFiltrosAv('{{$cliente}}', '{{$codigo}}');
        // console.log('sleep');
        var filtrosPromise = getFiltrosAv('{{$cliente}}', '{{$codigo}}');
        console.log(filtrosPromise);
        $(document).ready(() => {
            ids.forEach(function(item){
                if($('#'+item).length > 0 && $('#f_favoritos_'+item).length > 0) cargarFavoritos(item);
            });
            
            $('#f_periodo_grafaditivo').on('select2:select', function (e) {
                var data = e.params.data;
                if(data["id"] == "mes"){
                    $("#f_predi_sem_grafaditivo2").addClass("d-none");
                    $("#f_predi_mes_grafaditivo2").removeClass("d-none");
                }else{
                    $("#f_predi_mes_grafaditivo2").addClass("d-none");
                    $("#f_predi_sem_grafaditivo2").removeClass("d-none");

                }
            });
            $('#f_periodo_grafmulti').on('select2:select', function (e) {
                var data = e.params.data;
                if(data["id"] == "mes"){
                    $("#f_predi_sem_grafmulti2").addClass("d-none");
                    $("#f_predi_mes_grafmulti2").removeClass("d-none");
                }else{
                    $("#f_predi_mes_grafmulti2").addClass("d-none");
                    $("#f_predi_sem_grafmulti2").removeClass("d-none");

                }
            });
            //getGrafEstadPrecios();
        $('[data-toggle="infobox"]').tooltip();

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

      
    </script>
@endsection