@extends('layouts.reporte')
    <!-- END Hero -->
@section('php')
    @php
        $cliente = config('app.CLIENTE');

        $indices = json_encode(['1' => 'Valor Dólar y UF', '2' => 'IMACEC y PIB', '3' => 'Desempleo', '4' => 'IPEC e IMCE Comercio', '5' => 'Percio del Cobre y Petroleo']);

        $display_grafico = '';
    @endphp
@endsection

@if(count($selectores_grafico)>0)
    @section('grafico')
        @if(isset($selectores_grafico['compInd']))
            <x-grafico id="compInd" style="{{$display_grafico}}">
                <x-selector-generico id="salida_compInd2" idselect="salida_compInd" :salida="$indices"  class="selector-generico" style="width: 150px">
                    <x-slot name="texto">
                        {{__('messages.selector-generico-texto-valor')}}
                    </x-slot>
                </x-selector-generico>

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

        @if(isset($selectores_grafico['compUfDolar']))
            <x-grafico id="compUfDolar" style="{{$display_grafico}}">
                <x-boton-actualizar onclick="getCompInd('{{$cliente}}', 'compUfDolar');"/>
            </x-grafico>
            @php $display_grafico = 'display: none;'; @endphp
        @endif

        @if(isset($selectores_grafico['compImacecPib']))
            <x-grafico id="compImacecPib" style="{{$display_grafico}}"></x-grafico>
            @php $display_grafico = 'display: none;'; @endphp
        @endif

        @if(isset($selectores_grafico['compDesempleo']))
            <x-grafico id="compDesempleo" style="{{$display_grafico}}"></x-grafico>
            @php $display_grafico = 'display: none;'; @endphp
        @endif

        @if(isset($selectores_grafico['compIpecImce']))
            <x-grafico id="compIpecImce" style="{{$display_grafico}}"></x-grafico>
            @php $display_grafico = 'display: none;'; @endphp
        @endif

        @if(isset($selectores_grafico['compCobrePetro']))
            <x-grafico id="compCobrePetro" style="{{$display_grafico}}"></x-grafico>
            @php $display_grafico = 'display: none;'; @endphp
        @endif
    @endsection
@endif

@if(count($selectores_tabla)>0)
    @section('tabla')
    @endsection
@endif

@section('js_aft')
    <script>
        $(document).ready(function(){
            let ids = ['compUfDolar', 'compImacecPib','compDesempleo', 'compIpecImce', 'compCobrePetro',];
        });
    </script>
    <script src="{{asset('js\vendor\dataTables.natural.js')}}"></script>
    <script src="{{asset('js\economics\dataUF.js')}}"></script>
    <script src="{{asset('js\economics\dataIPC.js')}}"></script>
    <script src="{{asset('js\economics\dataIPEC.js')}}"></script>
    <script src="{{asset('js\economics\dataIPCdivision.js')}}"></script>
    <script src="{{asset('js\economics\dataTasaInt.js')}}"></script>
    <script src="{{asset('js\vendor\dataTables.natural.js')}}"></script>
    <script src="{{asset('js\economics\dataImacec.js')}}"></script>
    <script src="{{asset('js\economics\dataIMCE.js')}}"></script>
    <script src="{{asset('js\economics\dataPIB.js')}}"></script>
    <script src="{{asset('js\economics\dataPmp.js')}}"></script>
    <script src="{{asset('js\economics\dataContrPIB2.js')}}"></script>
    <script src="{{asset('js\economics\dataAhorro2.js')}}"></script>
    <script src="{{asset('js\economics\dataIPI.js')}}"></script>
    <script src="{{asset('js\economics\dataIAC.js')}}"></script>
    <script src="{{asset('js\economics\dataTasa.js')}}"></script>
    <script src="{{asset('js\economics\dataSalarios.js')}}"></script>
@endsection