@extends('layouts.backend')

@section('css_after')
    <link rel="stylesheet" href="{{asset('css\vendor\dataTables.bootstrap5.css') }}">
    <link rel="stylesheet" href="{{asset('css\vendor\buttons.bootstrap5.css') }}">

    <link rel="stylesheet" href="{{asset('css/fixedColumns.bootstrap5.min.css')}}">
    <link rel="stylesheet" href="{{asset('css/fixedHeader.bootstrap5.min.css')}}">
    @php
        $filtro = [];
        foreach ($filtros as $key => $value) {
            $filtro[$value->codigo] = $value->nombre_cliente;
        }
        $vista = [];
        foreach ($vistas as $key => $value) {
            if ($value->habilitado == 1) {
                $vista[$value->codigo] = $value->nombre_archivo;
            }
        }
        $subseccion = [];
        foreach ($subsecciones as $key => $value) {
            if ($value->habilitado == 1) {
                $subseccion[$value->codigo." ".$value->subseccion] = $value->alias.' - '.$value->codigo;
            }
        }
        $users = [];
        foreach ($usuarios as $key => $value) {
            $users[$value->id] = $value->nombre;
        }
        $perfilado = [];
        foreach ($perfilados as $key => $value) {
            $perfilado[$value->id] = $value->id;
        }
        $perfilado = json_encode($perfilado);
        $users = json_encode($users);
        $subseccion = json_encode($subseccion);
        $salida = json_encode($filtro);
        $vista = json_encode($vista);
        $id = "salida";
    @endphp
@endsection

@section('content')
<div class="bg-white d-flex align-items-center flex-column" style="height: 160px; margin-top: 10px">
    <div class="row w-100 h-50" style="margin-left: 15px">
        <x-selector-generico id="salida_perfil2" idselect="salida_perfil" :salida="$salida"  class="selector-generico d-flex flex-column justify-content-center" style="width: 110px">
            <x-slot name="texto">
                Filtro
            </x-slot>
        </x-selector-generico>
        <x-selector-generico id="salida_vista2" idselect="salida_vista" :salida="$vista"  class="selector-generico d-flex flex-column justify-content-center" style="width: 110px">
            <x-slot name="texto">
                Reporte
            </x-slot>
        </x-selector-generico>
        <x-selector-generico id="salida_subseccion2" idselect="salida_subseccion" :salida="$subseccion"  class="selector-generico d-flex flex-column justify-content-center" style="width: 110px">
            <x-slot name="texto">
                Subsecciones
            </x-slot>
        </x-selector-generico>
        <div class="col-md-auto d-flex flex-column justify-content-center" style="align-items: center;">     
            <button class="btn boton btn-sm align-middle lh-1 actualizar" onclick="setPerfil()" >
                <i class="fas fa-sync-alt"></i>
                Guardar
            </button>
        </div>
        <div class="col">
            <div class="row">
                @if (array_key_exists("local", $filtrosAv))
                    @php
                        $local = $filtrosAv["local"];
                    @endphp
                    <x-filtro id="f_local_{{$id}}" :lista="$local" style="max-width: 120px; min-width: 120px; width: 120px; margin-top:10px; display: none">
                        <x-slot name="texto">
                            {{__('messages.'.$filtrosAvAlias['local'])}}
                        </x-slot>
                    </x-filtro>
                @endif
                @if (array_key_exists("cod_local", $filtrosAv))
                    @php
                        $cod_local = $filtrosAv["cod_local"];
                    @endphp
                    <x-filtro id="f_cod_local_{{$id}}" :lista="$cod_local" style="max-width: 120px; min-width: 120px; width: 120px; margin-top:10px; display: none">
                        <x-slot name="texto">
                            {{__('messages.'.$filtrosAvAlias['cod_local'])}}
                        </x-slot>
                    </x-filtro>
                @endif
                @if (array_key_exists("region", $filtrosAv))
                    @php
                        $region = $filtrosAv["region"];
                    @endphp
                    <x-filtro id="f_region_{{$id}}" :lista="$region" style="max-width: 120px; min-width: 120px; width: 120px; margin-top:10px; display: none">
                        <x-slot name="texto">
                            {{__('messages.'.$filtrosAvAlias['region'])}}
                        </x-slot>
                    </x-filtro>
                @endif
                @if (array_key_exists("ciudad", $filtrosAv))
                    @php
                        $ciudad = $filtrosAv["ciudad"];
                    @endphp
                    <x-filtro id="f_ciudad_{{$id}}" :lista="$ciudad" style="max-width: 120px; min-width: 120px; width: 120px; margin-top:10px; display: none">
                        <x-slot name="texto">
                            {{__('messages.'.$filtrosAvAlias['ciudad'])}}
                        </x-slot>
                    </x-filtro>
                @endif
                @if (array_key_exists("comuna", $filtrosAv))
                    @php
                        $comuna = $filtrosAv["comuna"];
                    @endphp
                    <x-filtro id="f_comuna_{{$id}}" :lista="$comuna" style="max-width: 120px; min-width: 120px; width: 120px; margin-top:10px; display: none">
                        <x-slot name="texto">
                            {{__('messages.'.$filtrosAvAlias['comuna'])}}
                        </x-slot>
                    </x-filtro>
                @endif
                @if (array_key_exists("zona", $filtrosAv))
                    @php
                        $zona = $filtrosAv["zona"];
                    @endphp
                    <x-filtro id="f_zona_{{$id}}" :lista="$zona" style="max-width: 120px; min-width: 120px; width: 120px; margin-top:10px; display: none">
                        <x-slot name="texto">
                            {{__('messages.'.$filtrosAvAlias['zona'])}}
                        </x-slot>
                    </x-filtro>
                @endif
                @if (array_key_exists("supervisor", $filtrosAv))
                    @php
                        $supervisor = $filtrosAv["supervisor"];
                    @endphp
                    <x-filtro id="f_supervisor_{{$id}}" :lista="$supervisor" style="max-width: 120px; min-width: 120px; width: 120px; margin-top:10px; display: none">
                        <x-slot name="texto">
                            {{__('messages.'.$filtrosAvAlias['supervisor'])}}
                        </x-slot>
                    </x-filtro>
                @endif
                @if (array_key_exists("reponedor", $filtrosAv))
                    @php
                        $reponedor = $filtrosAv["reponedor"];
                    @endphp
                    <x-filtro id="f_reponedor_{{$id}}" :lista="$reponedor" style="max-width: 120px; min-width: 120px; width: 120px; margin-top:10px; display: none">
                        <x-slot name="texto">
                            {{__('messages.'.$filtrosAvAlias['reponedor'])}}
                        </x-slot>
                    </x-filtro>
                @endif
                @if (array_key_exists("vendedor", $filtrosAv))
                    @php
                        $vendedor = $filtrosAv["vendedor"];
                    @endphp
                    <x-filtro id="f_vendedor_{{$id}}" :lista="$vendedor" style="max-width: 120px; min-width: 120px; width: 120px; margin-top:10px; display: none">
                        <x-slot name="texto">
                            {{__('messages.'.$filtrosAvAlias['vendedor'])}}
                        </x-slot>
                    </x-filtro>
                @endif
                @if (array_key_exists("producto", $filtrosAv))
                    @php
                        $marca = $filtrosAv["marca"];
                    @endphp
                    <x-filtro id="f_marca_{{$id}}" :lista="$marca" style="max-width: 120px; min-width: 120px; width: 120px; margin-top:10px; display: none">
                        <x-slot name="texto">
                            {{__('messages.'.$filtrosAvAlias['marca'])}}
                        </x-slot>
                    </x-filtro>
                @endif
                @if (array_key_exists("familia", $filtrosAv))
                    @php
                        $familia = $filtrosAv["familia"];
                    @endphp
                    <x-filtro id="f_familia_{{$id}}" :lista="$familia" style="max-width: 120px; min-width: 120px; width: 120px; margin-top:10px; display: none">
                        <x-slot name="texto">
                            {{__('messages.'.$filtrosAvAlias['familia'])}}
                        </x-slot>
                </x-filtro>
                @endif
                @if (array_key_exists("producto", $filtrosAv))
                    @php
                        $producto = $filtrosAv["producto"];
                    @endphp
                    <x-filtro id="f_producto_{{$id}}" :lista="$producto" style="max-width: 120px; min-width: 120px; width: 120px; margin-top:10px; display: none">
                        <x-slot name="texto">
                            {{__('messages.'.$filtrosAvAlias['producto'])}}
                        </x-slot>
                    </x-filtro>
                @endif
                @if (array_key_exists("subcategoria", $filtrosAv))
                    @php
                        $subcategoria = $filtrosAv["subcategoria"];
                    @endphp
                    <x-filtro id="f_subcategoria_{{$id}}" :lista="$subcategoria" style="max-width: 120px; min-width: 120px; width: 120px; margin-top:10px; display: none">
                        <x-slot name="texto">
                            {{__('messages.'.$filtrosAvAlias['subcategoria'])}}
                        </x-slot>
                    </x-filtro>
                @endif
                @if (array_key_exists("kam", $filtrosAv))
                    @php
                        $kam = $filtrosAv["kam"];
                    @endphp
                    <x-filtro id="f_kam_{{$id}}" :lista="$kam" style="max-width: 120px; min-width: 120px; width: 120px; margin-top:10px; display: none">
                        <x-slot name="texto">
                            {{__('messages.'.$filtrosAvAlias['kam'])}}
                        </x-slot>
                    </x-filtro>
                @endif
            </div>
        </div>
    </div>
    <div class="row w-100 h-50" style="margin-left: 15px">
        <x-selector-generico id="salida_usuario2" idselect="salida_usuario" :salida="$users"  class="selector-generico d-flex flex-column justify-content-center" style="width: 110px">
            <x-slot name="texto">
                Usuario
            </x-slot>
        </x-selector-generico>
        <x-selector-generico id="salida_perfilado2" idselect="salida_perfilado" :salida="$perfilado"  class="selector-generico d-flex flex-column justify-content-center" style="width: 110px">
            <x-slot name="texto">
                Perfil
            </x-slot>
        </x-selector-generico>
        <div class="col-md-auto d-flex flex-column justify-content-center" style="align-items: center;">     
            <button class="btn boton btn-sm align-middle lh-1 actualizar" onclick="savePerfil()" >
                <i class="fas fa-sync-alt"></i>
                Guardar
            </button>
        </div>
    </div>
</div>
@endsection
@section('after_wrapper')

<!-- /End-bar -->
@endsection
@section('js_after')
    <!-- END Hero -->
    <script src="{{asset('config/datatables.locale.spanish.js')}}"></script>
    <script src="{{asset('config/modal.languege.js')}}"></script>
    <script src="{{asset("js/custom/utilidades.js")}}"></script>
    <script src="{{asset("js/custom/reporteriaGetter.js")}}"></script>
    <script>
        filtrosPromise = getFiltrosAv('{{$cliente}}', '');
        let ids = ["salida"];
        filtrosPromise.then(function(resp){
            ponerFiltrosAv(resp);
        });
        $(document).ready(() => {
            aux = ["perfil", "vista", "subseccion"];
            for (var i = 0; i < aux.length; i++) {
                $('#salida_'+aux[i]).select2MultiCheckboxes({
                    placeholder: "{{__('messages.elegir-variables')}}",
                    width: "auto",
                    templateSelection: function(selected, total) {
                        return selected.length + " de " + total + " total";
                    }
                });
                $('#salida_'+aux[i]).find("option").prop("selected", false);
                $('#salida_'+aux[i]).trigger('change');
            }
            let filtros = ['clientes', 'categorias', 'kam'];
        });
        $("#salida_perfil").on('select2:select', function (e) {
            var data = e.params.data;
            console.log(data["id"]);
            if (data["id"] == "3-5") {
                $("#f_local_{{$id}}_cont").show();
            }
            if (data["id"] == "2-8") {
                $("#f_cod_local_{{$id}}_cont").show();
            }
            if (data["id"] == "3-1") {
                $("#f_region_{{$id}}_cont").show();
            }
            if (data["id"] == "3-2") {
                $("#f_ciudad_{{$id}}_cont").show();
            }
            if (data["id"] == "3-3") {
                $("#f_comuna_{{$id}}_cont").show();
            }
            if (data["id"] == "3-6") {
                $("#f_zona_{{$id}}_cont").show();
            }
            if (data["id"] == "4-2") {
                $("#f_supervisor_{{$id}}_cont").show();
            }
            if (data["id"] == "4-4") {
                $("#f_reponedor_{{$id}}_cont").show();
            }
            if (data["id"] == "4-3") {
                $("#f_vendedor_{{$id}}_cont").show();
            }
            if (data["id"] == "1-1") {
                $("#f_marca_{{$id}}_cont").show();
            }
            if (data["id"] == "1-3") {
                $("#f_familia_{{$id}}_cont").show();
            }
            if (data["id"] == "1-15") {
                $("#f_producto_{{$id}}_cont").show();
            }
            if (data["id"] == "1-6") {
                $("#f_subcategoria_{{$id}}_cont").show();
            }
            if (data["id"] == "4-1") {
                $("#f_kam_{{$id}}_cont").show();
            }
        });
        $("#salida_perfil").on('select2:unselect', function (e) {
            var data = e.params.data;
            console.log(data["id"]);
            if (data["id"] == "3-5") {
                $("#f_local_{{$id}}_cont").hide();
                $('#f_local_{{$id}}').find("option").prop("selected", false);
                $('#f_local_{{$id}}').trigger('change');
            }
            if (data["id"] == "2-8") {
                $("#f_cod_local_{{$id}}_cont").hide();
                $('#f_cod_local_{{$id}}').find("option").prop("selected", false);
                $('#f_cod_local_{{$id}}').trigger('change');
            }
            if (data["id"] == "3-1") {
                $("#f_region_{{$id}}_cont").hide();
                $('#f_region_{{$id}}').find("option").prop("selected", false);
                $('#f_region_{{$id}}').trigger('change');
            }
            if (data["id"] == "3-2") {
                $("#f_ciudad_{{$id}}_cont").hide();
                $('#f_ciudad_{{$id}}').find("option").prop("selected", false);
                $('#f_ciudad_{{$id}}').trigger('change');
            }
            if (data["id"] == "3-3") {
                $("#f_comuna_{{$id}}_cont").hide();
                $('#f_comuna_{{$id}}').find("option").prop("selected", false);
                $('#f_comuna_{{$id}}').trigger('change');
            }
            if (data["id"] == "3-6") {
                $("#f_zona_{{$id}}_cont").hide();
                $('#f_zona_{{$id}}').find("option").prop("selected", false);
                $('#f_zona_{{$id}}').trigger('change');
            }
            if (data["id"] == "4-2") {
                $("#f_supervisor_{{$id}}_cont").hide();
                $('#f_supervisor_{{$id}}').find("option").prop("selected", false);
                $('#f_supervisor_{{$id}}').trigger('change');
            }
            if (data["id"] == "4-4") {
                $("#f_reponedor_{{$id}}_cont").hide();
                $('#f_reponedor_{{$id}}').find("option").prop("selected", false);
                $('#f_reponedor_{{$id}}').trigger('change');
            }
            if (data["id"] == "4-3") {
                $("#f_vendedor_{{$id}}_cont").hide();
                $('#f_vendedor_{{$id}}').find("option").prop("selected", false);
                $('#f_vendedor_{{$id}}').trigger('change');
            }
            if (data["id"] == "1-1") {
                $("#f_marca_{{$id}}_cont").hide();
                $('#f_marca_{{$id}}').find("option").prop("selected", false);
                $('#f_marca_{{$id}}').trigger('change');
            }
            if (data["id"] == "1-3") {
                $("#f_familia_{{$id}}_cont").hide();
                $('#f_familia_{{$id}}').find("option").prop("selected", false);
                $('#f_familia_{{$id}}').trigger('change');
            }
            if (data["id"] == "1-15") {
                $("#f_producto_{{$id}}_cont").hide();
                $('#f_producto_{{$id}}').find("option").prop("selected", false);
                $('#f_producto_{{$id}}').trigger('change');
            }
            if (data["id"] == "1-6") {
                $("#f_subcategoria_{{$id}}_cont").hide();
                $('#f_subcategoria_{{$id}}').find("option").prop("selected", false);
                $('#f_subcategoria_{{$id}}').trigger('change');
            }
            if (data["id"] == "4-1") {
                $("#f_kam_{{$id}}_cont").hide();
                $('#f_kam_{{$id}}').find("option").prop("selected", false);
                $('#f_kam_{{$id}}').trigger('change');
            }
        });
    </script>
    <script src="{{asset('js\vendor\bootstrap-datepicker.min.js')}}"></script>
    <script src="{{ asset('js/vendor/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('js\vendor\dataTables.bootstrap5.js') }}"></script>
    <script src="{{ asset('js\vendor\dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('js\vendor\buttons.print.min.js') }}"></script>
    <script src="{{ asset('js\vendor\buttons.html5.min.js') }}"></script>
    <script src="{{ asset('js\jszip.min.js') }}"></script>
    <script src="{{ asset('js\vendor\buttons.flash.min.js') }}"></script>
    <script src="{{asset('fusioncharts\v3.15.1\js\fusioncharts.js')}}"></script>
    <script src="{{asset('fusioncharts\v3.15.1\js\fusioncharts.powercharts.js')}}"></script>
    <script src="{{asset('fusioncharts\v3.15.1\js\themes\fusioncharts.theme.fusion.js')}}"></script>


    <script src="{{asset('js/dataTables.fixedColumns.min.js')}}"></script>
    <script src="{{asset('js/dataTables.fixedHeader.min.js')}}"></script>
@endsection