@extends('layouts.backend')

@php
  $cliente = config('app.CLIENTE');
@endphp

@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')}}">
@endsection

@section('content')
    <section  id="graf_dolar" class="content tabcontent_graf" style="display:block;">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-4">
                    <div class="container-fluid height-full">
                        <div class="card tilebox-one" style="margin-top:5px">
                            <div class="card-body" style="margin-top:15px">
                                <i class='uil uil-users-alt float-end'></i>
                                <h6 class="text-uppercase mt-0">Dolar valorado</h6>
                                <h2 class="my-2" id="api_dolar"></h2>
                                <p class="mb-0 text-muted">
                                    <span id="porvar_dolar" class="text-success me-2"><span class="mdi mdi-arrow-up-bold"></span></span>
                                    <span class="text-nowrap">Ultima semana</span>  
                                </p>
                            </div> <!-- end card-body-->
                        </div>
                        <div class="card tilebox-one">
                            <div class="card-body">
                                <i class='uil uil-users-alt float-end'></i>
                                <h6 class="text-uppercase mt-0">Euro valorado</h6>
                                <h2 class="my-2" id="api_euro"></h2>
                                <p class="mb-0 text-muted">
                                    <span id="porvar_euro"class="text-success me-2"><span class="mdi mdi-arrow-up-bold"></span></span>
                                    <span class="text-nowrap">Ultima semana</span>  
                                </p>
                            </div> <!-- end card-body-->
                        </div>
                        <div class="card tilebox-one">
                            <div class="card-body">
                                <i class='uil uil-users-alt float-end'></i>
                                <h6 class="text-uppercase mt-0">UF valorado</h6>
                                <h2 class="my-2" id="api_uf"></h2>
                                <p class="mb-0 text-muted">
                                    <span id="porvar_uf" class="text-success me-2"><span class="mdi mdi-arrow-up-bold"></span></span>
                                    <span class="text-nowrap">Ultima semana</span>  
                                </p>
                            </div> <!-- end card-body-->
                        </div>
                    </div>
                    <div class="container-fluid height-full">
                        <div id="merlab" style="margin:0px;background-color:#FFF;position:relative; height:350px;"></div>
                    </div>
                    <div class="container-fluid height-full" style="margin-top:10px;">
                        <div id="imce" style="margin:0px;background-color:#FFF;position:relative; height:350px;"></div>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="container-fluid height-full">
                        <div id="chart_dolar" style="margin:0px;background-color:#FFF;position:relative; height:350px;"></div>
                    </div>
                    <div class="container-fluid height-full" style="margin-top:10px;">
                        <div id="valipc" style="margin:0px;background-color:#FFF;position:relative; height:350px;"></div>
                    </div>
                    <div class="container-fluid height-full" style="margin-top:10px;">
                        <div id="imacec" style="margin:0px;background-color:#FFF;position:relative; height:350px;"></div>
                    </div>
                </div>
            </div>
        </div>

    </section>
    
@endsection

@section('js_after')
    <script>
        $(document).ready(function(){

            let porvar_uf = $("#porvar_uf");
            let porvar_dolar = $("#porvar_dolar");
            let porvar_euro = $("#porvar_euro");
            let suma_valores=0,total_valores_uf=0;
            //console.log(porvar);


            let fecha_actualizacion = $('#fecha_actualizacion');
            GraficoDolarEuro(1);
            function GraficoDolarEuro(sig){
                var dataStore = new FusionCharts.DataStore();
                var datos;
                var schema = [{
                        "name": "Tiempo",
                        "type": "date",
                        "format": "%Y/%-m/%-d"
                    },{
                        "name": "Moneda",
                        "type": "string"
                    },{
                        "name": "Valor",
                        "type": "number"
                    }
                ]
                var valores = dataDolar2.concat(dataEuro);
                $.ajax({
                    type: "POST",
                    url: "/macro_dolareuro_data",
                    dataType: "json",
                    crossDomain: false,
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },            
                    success: function(data2){
                    //var datos = JSON.parse(data2);
                        //console.log(data2);
                        var datos = valores.concat(data2);
                        new FusionCharts({
                        type: 'timeseries',
                        renderAt: 'chart_dolar',
                        width: "100%",
                        height: "100%",
                        dataSource: {
                            "navigator": {
                                "enabled": 0
                            },
                            "extensions": {
                            "customRangeSelector": {
                            style: {
                                        "title-text": {
                                        fill: "#808080"
                                        },
                                        "title-icon": {
                                        fill: "#808080"
                                        },
                                        "title-text:hover": {
                                        background: "#000000",
                                        fill: "#434456"
                                        },
                                        "title-icon:hover": {
                                        fill: "#434456"
                                        },
                                        "button-apply": {
                                        "background-color": "#E7E7E7",
                                        "border-color": "#000000",
                                        "font-size": "8",
                                        width: "50",
                                        height: "18"
                                        },
                                        "button-cancel": {
                                        "background-color": "#EBEBEB",
                                        "border-color": "#000000",
                                        "font-size": "8",
                                        width: "50",
                                        height: "18"
                                        },
                                        container: {
                                        "background-color": "#E6E6E6"
                                        },
                                        "cal-header": {
                                        "background-color": "#ECECEC",
                                        color: "#434456"
                                        },
                                        "cal-body": {
                                        color: "#000000",
                                        "background-color": "#000000"
                                        },
                                        "cal-body:hover": {
                                        color: "#000000"
                                        },
                                        "cal-days:hover": {
                                        fill: "#FF0000"
                                        },
                                        "cal-activedate:hover": {
                                        "background-color": "#2874A6",
                                        fill: "#FFFFFF"
                                        },
                                        "cal-activedate": {
                                        "background-color": "#E6E4E4"
                                        },
                                        "cal-selecteddate": {
                                        "background-color": "#2874A6"
                                        }
                                    }
                            }
                            },
                                "chart": {
                                paletteColors: "008000,0066cc,99cc00,0099cc,ff9900,009933,0066ff,ff9999,00cc99,99ccff,ffcc99,66ff33,33cccc,cc0000,006600,0066cc,ffcc99,66ff66,0000cc,990000",
                                "animation": "0",
                                "multicanvas": 0,
                                "showLegend": "0",
                                BaseFont: "sans-serif",
                                baseFontSize: "11",
                                legendItemFont: "sans-serif",
                                legendItemFontColor: "#a9a9a9",
                                },
                                "caption": {
                                "text": "Valor D\u00F3lar Observado - Euro"
                                },
                                series:"Moneda",
                                "yAxis": [{
                                plot: [{
                                    value: 'Valor',
                                    type: 'line',
                                    connectNullData: true,
                                    style: {
                                    "plot.null": {
                                    "stroke-dasharray": "none",
                                    //stroke: "#FF0000"
                                    }
                                },
                                    type: 'line'
                                }],
                                "title": "CLP",
                                "plotType": "line",
                                "format": {
                                "suffix": "CLP",
                                defaultFormat: 0
                                }
                                }],
                                "xaxis":{
                                initialinterval:{
                                    from: "2025/01/14",
                                    to: "2025/03/15"
                                }
                                },
                                data: dataStore.createDataTable(datos, schema)
                            }
                        }).render();
                

                        //cargandoDatos2(1,"chart_dolar");
                        if(sig == 1){
                            GraficoImce(1);
                        }
                        },beforeSend:function(){
                            if(sig == 2 || sig == 1){
                                //cargandoDatos2(0,"chart_dolar");
                                $("#chart_dolar").html('<div class="loading-spinner"></div>');
                            }
                        }
                    });
            }

            function GraficoImce(sig){
                if(sig == 2 || sig == 1){
                    //cargandoDatos2(0,"chart_imce");
                    $("#chart_imce").html('<div class="loading-spinner"></div>');
                }
                var schema = [
                {
                            "name": "Fecha",
                            "type": "date",
                            "format": "%b/%Y"
                },
                {
                        "name": "Comercio",
                        "type": "number"
                },
                {
                        "name": "Construcci\u00F3n",
                        "type": "number"
                },
                {
                        "name": "Industria",
                        "type": "number"
                },
                {
                        "name": "Miner\u00EDa",
                        "type": "number"
                },
                {
                        "name": "IMCE Total",
                        "type": "number"
                }
                ]
                const dataStore = new FusionCharts.DataStore();
                const dataSource = {
                    "navigator": {
                                "enabled": 0
                            },
                    "extensions": {
                            "customRangeSelector": {
                            style: {
                                    "title-text": {
                                        fill: "#808080"
                                    },
                                    "title-icon": {
                                        fill: "#808080"
                                    },
                                    "title-text:hover": {
                                        background: "#000000",
                                        fill: "#434456"
                                    },
                                    "title-icon:hover": {
                                        fill: "#434456"
                                    },
                                    "button-apply": {
                                        "background-color": "#E7E7E7",
                                        "border-color": "#000000",
                                        "font-size": "8",
                                        width: "50",
                                        height: "18"
                                    },
                                    "button-cancel": {
                                        "background-color": "#EBEBEB",
                                        "border-color": "#000000",
                                        "font-size": "8",
                                        width: "50",
                                        height: "18"
                                    },
                                    container: {
                                        "background-color": "#E6E6E6"
                                    },
                                    "cal-header": {
                                        "background-color": "#ECECEC",
                                        color: "#434456"
                                    },
                                    "cal-body": {
                                        color: "#000000",
                                        "background-color": "#000000"
                                    },
                                    "cal-body:hover": {
                                        color: "#000000"
                                    },
                                    "cal-days:hover": {
                                        fill: "#FF0000"
                                    },
                                    "cal-activedate:hover": {
                                        "background-color": "#2874A6",
                                        fill: "#FFFFFF"
                                    },
                                    "cal-activedate": {
                                        "background-color": "#E6E4E4"
                                    },
                                    "cal-selecteddate": {
                                        "background-color": "#2874A6"
                                    }
                                    }
                            }
                            },
                    chart: {
                        paletteColors: "0066cc,ff0000,99cc00,0099cc,ff9900,009933,0066ff,ff9999,00cc99,99ccff,ffcc99,66ff33,33cccc,cc0000,006600,0066cc,ffcc99,66ff66,0000cc,990000",
                        "animation": "0",
                        "multicanvas": 0,
                        "showLegend": "1",
                        BaseFont: "sans-serif",
                        baseFontSize: "11",
                        legendItemFont: "sans-serif",
                        legendItemFontColor: "#a9a9a9",
                    },
                    caption: {
                        text: "\u00CDndice de confianza empresarial (IMCE)"
                    },
                    yaxis: [

                        {
                        plot: [
                            {
                                value: "Comercio",
                                type: "line"
                            },
                            {
                                value: "Construcci\u00F3n",
                                type: "line"
                            },
                            {
                                value: "Industria",
                                type: "line"
                            },
                            {
                                value: "Miner\u00EDa",
                                type: "line"
                            },
                            {
                                value: "IMCE Total",
                                type: "line"
                            }
                        ],
                        title:"",
                        "format": {
                            defaultFormat: 0
                            //formatNumberScale:0
                        }
                        }
                    ],
                    "xaxis":{
                        initialinterval:{
                        from: "Jan/2023",
                        to: "Dec/2025"
                        }
                    },
                    legend: {
                        enabled: "1",
                        item: [
                        {
                                value: "Comercio",
                                type: "line"
                        },
                        {
                                value: "Construcci\u00F3n",
                                type: "line",
                                initiallyhidden:1
                        },
                        {
                                value: "Industria",
                                type: "line",
                                initiallyhidden:1
                        },
                        {
                                value: "Miner\u00EDa",
                                type: "line",
                                initiallyhidden:1
                        },
                        {
                                value: "IMCE Total",
                                type: "line"
                        }
                        ]
                    }
                    };
                    //console.log(dataBal);
                    dataSource.data = dataStore.createDataTable(dataIMCE,schema);
                    new FusionCharts({
                    type: "timeseries",
                    renderAt: "imce",
                    width: "100%",
                    height: "100%",
                    dataSource: dataSource
                    }).render();
                //cargandoDatos2(1,"chart_imce");
                if(sig == 1){
                    GraficoImacec(1);
                }
            }

            function GraficoImacec(sig){
                if(sig == 2 || sig == 1){
                    //cargandoDatos2(0,"chart_imacec");
                    $("#chart_imacec").html('<div class="loading-spinner"></div>');
                }
                var schema = [
                {
                            "name": "Fecha",
                            "type": "date",
                            "format": "%b/%Y"
                },
                {
                        "name": "Imacec (variaci\u00F3n anual)",
                        "type": "number"
                },
                {
                        "name": "Imacec desestacionalizado (promedio m\u00F3vil de 3 meses)",
                        "type": "number"
                }
                ]
                const dataStore = new FusionCharts.DataStore();
                const dataSource = {
                    "navigator": {
                                "enabled": 0
                            },
                    "extensions": {
                            "customRangeSelector": {
                            style: {
                                    "title-text": {
                                        fill: "#808080"
                                    },
                                    "title-icon": {
                                        fill: "#808080"
                                    },
                                    "title-text:hover": {
                                        background: "#000000",
                                        fill: "#434456"
                                    },
                                    "title-icon:hover": {
                                        fill: "#434456"
                                    },
                                    "button-apply": {
                                        "background-color": "#E7E7E7",
                                        "border-color": "#000000",
                                        "font-size": "8",
                                        width: "50",
                                        height: "18"
                                    },
                                    "button-cancel": {
                                        "background-color": "#EBEBEB",
                                        "border-color": "#000000",
                                        "font-size": "8",
                                        width: "50",
                                        height: "18"
                                    },
                                    container: {
                                        "background-color": "#E6E6E6"
                                    },
                                    "cal-header": {
                                        "background-color": "#ECECEC",
                                        color: "#434456"
                                    },
                                    "cal-body": {
                                        color: "#000000",
                                        "background-color": "#000000"
                                    },
                                    "cal-body:hover": {
                                        color: "#000000"
                                    },
                                    "cal-days:hover": {
                                        fill: "#FF0000"
                                    },
                                    "cal-activedate:hover": {
                                        "background-color": "#2874A6",
                                        fill: "#FFFFFF"
                                    },
                                    "cal-activedate": {
                                        "background-color": "#E6E4E4"
                                    },
                                    "cal-selecteddate": {
                                        "background-color": "#2874A6"
                                    }
                                    }
                            }
                            },
                    chart: {
                        paletteColors: "0066cc,ff0000,99cc00,0099cc,ff9900,009933,0066ff,ff9999,00cc99,99ccff,ffcc99,66ff33,33cccc,cc0000,006600,0066cc,ffcc99,66ff66,0000cc,990000",
                        "animation": "0",
                        "multicanvas": 0,
                        "showLegend": "1",
                        BaseFont: "sans-serif",
                        baseFontSize: "11",
                        legendItemFont: "sans-serif",
                        legendItemFontColor: "#a9a9a9",
                    },
                    caption: {
                        text: "Indicador mensual de actividad econ\u00F3mica (IMACEC)"
                    },
                    subcaption: {
                        text: "(Base 2018=100, porcentaje)"
                    },
                    yaxis: [

                        {
                        plot: [
                            {
                            value: "Imacec (variaci\u00F3n anual)",
                            type: "column"
                            },
                            {
                            value: "Imacec desestacionalizado (promedio m\u00F3vil de 3 meses)",
                            type: "line"
                            }
                        ],
                        title:"Porcentaje",
                        "format": {
                            defaultFormat: 0
                            //formatNumberScale:0
                        }
                        }
                    ],
                    "xaxis":{
                        initialinterval:{
                        from: "Jan/2023",
                        to: "Dec/2025"
                        }
                    }
                    };
                    //console.log(dataBal);
                    dataSource.data = dataStore.createDataTable(dataImacec,schema);
                    new FusionCharts({
                    type: "timeseries",
                    renderAt: "imacec",
                    width: "100%",
                    height: "100%",
                    dataSource: dataSource
                    }).render();
                //cargandoDatos2(1,"chart_imacec");
                if(sig == 1){
                    GraficoTasa(1);
                }
            }

            function GraficoTasa(sig){
                if(sig == 2 || sig == 1){
                    //cargandoDatos2(0,"chart_tasa");
                    $("#chart_tasa").html('<div class="loading-spinner"></div>');
                }
                var schema = [
                {
                            "name": "Fecha",
                            "type": "date",
                            "format": "%b/%Y"
                },
                {
                        "name": "Tasa desempleo (porcentaje) (derecha)",
                        "type": "number"
                },
                {
                        "name": "Empleo (miles de personas)",
                        "type": "number"
                }
                ]
                const dataStore = new FusionCharts.DataStore();
                const dataSource = {
                    "navigator":{
                        "enabled":0
                    },
                    "extensions": {
                            "customRangeSelector": {
                            style: {
                                    "title-text": {
                                        fill: "#808080"
                                    },
                                    "title-icon": {
                                        fill: "#808080"
                                    },
                                    "title-text:hover": {
                                        background: "#000000",
                                        fill: "#434456"
                                    },
                                    "title-icon:hover": {
                                        fill: "#434456"
                                    },
                                    "button-apply": {
                                        "background-color": "#E7E7E7",
                                        "border-color": "#000000",
                                        "font-size": "8",
                                        width: "50",
                                        height: "18"
                                    },
                                    "button-cancel": {
                                        "background-color": "#EBEBEB",
                                        "border-color": "#000000",
                                        "font-size": "8",
                                        width: "50",
                                        height: "18"
                                    },
                                    container: {
                                        "background-color": "#E6E6E6"
                                    },
                                    "cal-header": {
                                        "background-color": "#ECECEC",
                                        color: "#434456"
                                    },
                                    "cal-body": {
                                        color: "#000000",
                                        "background-color": "#000000"
                                    },
                                    "cal-body:hover": {
                                        color: "#000000"
                                    },
                                    "cal-days:hover": {
                                        fill: "#FF0000"
                                    },
                                    "cal-activedate:hover": {
                                        "background-color": "#2874A6",
                                        fill: "#FFFFFF"
                                    },
                                    "cal-activedate": {
                                        "background-color": "#E6E4E4"
                                    },
                                    "cal-selecteddate": {
                                        "background-color": "#2874A6"
                                    }
                                    }
                            }
                            },
                    chart: {
                        paletteColors: "0066cc,ff0000,99cc00,0099cc,ff9900,009933,0066ff,ff9999,00cc99,99ccff,ffcc99,66ff33,33cccc,cc0000,006600,0066cc,ffcc99,66ff66,0000cc,990000",
                        "animation": "0",
                        "multicanvas": 0,
                        "showLegend": "1",
                        BaseFont: "sans-serif",
                        baseFontSize: "11",
                        legendItemFont: "sans-serif",
                        legendItemFontColor: "#a9a9a9",
                    },
                    caption: {
                        text: "Tasa de desempleo y empleo"
                    },
                    yaxis: [

                        {
                        plot: [
                            {
                            value: "Empleo (miles de personas)",
                            type: "column"
                            }
                        ],
                        title:"Miles de personas",
                        "format": {
                            defaultFormat: 0
                            //formatNumberScale:0
                        }
                        },
                        {
                        plot: [
                            {
                            value: "Tasa desempleo (porcentaje) (derecha)",
                            connectnulldata: true,
                            type: "line"
                            }
                        ],
                        title:"Porcentaje",
                        "format": {
                            defaultFormat: 0
                            //formatNumberScale:0
                        }
                        }
                    ],
                    "xaxis":{
                        initialinterval:{
                        from: "Jan/2023",
                        to: "Dec/2025"
                        }
                    }
                    };
                    //console.log(dataBal);
                    dataSource.data = dataStore.createDataTable(dataTasa,schema);
                    new FusionCharts({
                    type: "timeseries",
                    renderAt: "merlab",
                    width: "100%",
                    height: "100%",
                    dataSource: dataSource
                    }).render();
                //cargandoDatos2(1,"chart_tasa");
                if(sig == 1){
                    GraficoIPC(1);
                }
            }

            function GraficoIPC(sig){
                if(sig == 2 || sig == 1){
                    //cargandoDatos2(0,"chart_ipc");
                    $("#chart_valipc").html('<div class="loading-spinner"></div>');
                }
                var dataStore = new FusionCharts.DataStore();
                var schema = [{
                        "name": "Indicador",
                        "type": "string"
                    },{
                            "name": "Fecha",
                            "type": "date",
                            "format": "%b/%Y"
                        },
                        {
                        "name": "Porcentaje",
                        "type": "number"
                    }
                ]
                new FusionCharts({
                    type: 'timeseries',
                    renderAt: 'valipc',
                    width: "900",
                    height: "350",
                    dataSource: {
                    "navigator":{
                        "enabled":0
                    },
                    "extensions": {
                    "customRangeSelector": {
                        style: {
                                "title-text": {
                                    fill: "#808080"
                                },
                                "title-icon": {
                                    fill: "#808080"
                                },
                                "title-text:hover": {
                                    background: "#000000",
                                    fill: "#434456"
                                },
                                "title-icon:hover": {
                                    fill: "#434456"
                                },
                                "button-apply": {
                                    "background-color": "#E7E7E7",
                                    "border-color": "#000000",
                                    "font-size": "8",
                                    width: "50",
                                    height: "18"
                                },
                                "button-cancel": {
                                    "background-color": "#EBEBEB",
                                    "border-color": "#000000",
                                    "font-size": "8",
                                    width: "50",
                                    height: "18"
                                },
                                container: {
                                    "background-color": "#E6E6E6"
                                },
                                "cal-header": {
                                    "background-color": "#ECECEC",
                                    color: "#434456"
                                },
                                "cal-body": {
                                    color: "#000000",
                                    "background-color": "#000000"
                                },
                                "cal-body:hover": {
                                    color: "#000000"
                                },
                                "cal-days:hover": {
                                    fill: "#FF0000"
                                },
                                "cal-activedate:hover": {
                                    "background-color": "#2874A6",
                                    fill: "#FFFFFF"
                                },
                                "cal-activedate": {
                                    "background-color": "#E6E4E4"
                                },
                                "cal-selecteddate": {
                                    "background-color": "#2874A6"
                                }
                                }
                        }
                    },
                        "chart": {
                            paletteColors: "0066cc,ff0000,99cc00,0099cc,ff9900,009933,0066ff,ff9999,00cc99,99ccff,ffcc99,66ff33,33cccc,cc0000,006600,0066cc,ffcc99,66ff66,0000cc,990000",
                            "animation": "0",
                            "multicanvas": 0,
                            "showLegend": "1",
                            BaseFont: "sans-serif",
                            baseFontSize: "11",
                            legendItemFont: "sans-serif",
                            legendItemFontColor: "#a9a9a9",
                            exportEnabled: "1",
                            exportMode: "auto",
                            exportFormats:"SVG=Exportar en SVG (recomendado)|PNG=Exportar a PNG|JPG=Exportar en JPG|PDF=Exportar a PDF|CSV=Exportar en CSV|XLSX=Exportar a XLSX",
                            exportFileName: "IPC 15-03-25"
                        },
                        "caption": {
                            "text": "\u00cdndice de precios al consumidor"
                        },
                        "subcaption": {
                            "text": "(variaci\u00f3n anual porcentaje)"
                        },
                        "yAxis": [{
                            plot: [{
                            value: "Porcentaje",
                            connectNullData: true,
                            type: 'line'
                            }],
                            title: "Porcentaje"
                        }],
                        "xaxis":{
                            initialinterval:{
                            from: "Jan/2023",
                            to: "Dec/2025"
                            }
                        },
                        data: dataStore.createDataTable(dataIPC, schema),
                        "series":"Indicador"
                        }
                }).render();
                //cargandoDatos2(1,"chart_ipc");
                if(sig == 1){
                    //GraficoDolarEuro(1);
                }
            }

            getJSON('https://mindicador.cl/api/uf/', function(err, data) {
                if (err !== null) {
                $('#api_uf').html('<div style="width:100%;background-color:#FFF;text-align:left;padding:5px;font-weight:bold;font-size:15px;">Se ha presentado una falla, por favor intente nuevamente</div>');
                } else {
                // alert('Your query count: ');
                $('#api_uf').html('<div style="width:100%;background-color:#FFF;text-align:left;padding:5px;font-weight:bold;font-size:15px;">$'+data.serie[0].valor.toLocaleString()+'</div>');
                }
                for (let index = 1; index < 6; index++) {
                    //console.log(data.serie[index].valor);
                    suma_valores += data.serie[index].valor;
                }
                total_valores_uf = suma_valores/5;
                if(total_valores_uf <= data.serie[0].valor){
                    porvar_uf.removeClass('mdi mdi-arrow-up-bold').addClass('mdi mdi-arrow-down-bold');
                    porvar_uf.removeClass('text-success me-2').addClass('text-danger me-2');
                }
                let porcen = total_valores_uf / data.serie[0].valor;
                
                porvar_uf.text(parseFloat(porcen).toFixed(2)+"%");
            });

            getJSON('https://mindicador.cl/api/dolar/', function(err, data) {
                if (err !== null) {
                $('#api_dolar').html('<div style="width:100%;background-color:#FFF;text-align:left;padding:5px;font-weight:bold;font-size:15px;">Se ha presentado una falla, por favor intente nuevamente</div>');
                } else {
                // alert('Your query count: ');
                $('#api_dolar').html('<div style="width:100%;background-color:#FFF;text-align:left;padding:5px;font-weight:bold;font-size:15px;">$'+data.serie[0].valor+'</div>');
                fecha_actualizacion.append(data.serie[0].fecha);
                }
                for (let index = 1; index < 6; index++) {
                    //console.log(data.serie[index].valor);
                    suma_valores += data.serie[index].valor;
                }
                total_valores_uf = suma_valores/5;
                if(total_valores_uf <= data.serie[0].valor){
                    porvar_dolar.removeClass('mdi mdi-arrow-up-bold').addClass('mdi mdi-arrow-down-bold');
                    porvar_dolar.removeClass('text-success me-2').addClass('text-danger me-2');
                }else{
                    porvar_dolar.removeClass('mdi mdi-arrow-down-bold').addClass('mdi mdi-arrow-up-bold');
                    porvar_dolar.removeClass('text-danger me-2').addClass('text-success me-2');
                }
                let porcen = total_valores_uf / data.serie[0].valor;
                
                porvar_dolar.text(parseFloat(porcen).toFixed(2)+"%");
            });

            getJSON('https://mindicador.cl/api/euro/', function(err, data) {
                if (err !== null) {
                $('#api_euro').html('<div style="width:100%;background-color:#FFF;text-align:left;padding:5px;font-weight:bold;font-size:15px;">Se ha presentado una falla, por favor intente nuevamente</div>');
                } else {
                // alert('Your query count: ');
                $('#api_euro').html('<div style="width:100%;background-color:#FFF;text-align:left;padding:5px;font-weight:bold;font-size:15px;">$'+data.serie[0].valor+'</div>');
                }
                for (let index = 1; index < 6; index++) {
                    //console.log(data.serie[index].valor);
                    suma_valores += data.serie[index].valor;
                }
                total_valores_uf = suma_valores/5;
                if(total_valores_uf <= data.serie[0].valor){
                    porvar_euro.removeClass('mdi mdi-arrow-up-bold').addClass('mdi mdi-arrow-down-bold');
                    porvar_euro.removeClass('text-success me-2').addClass('text-danger me-2');
                }else{
                    porvar_euro.removeClass('mdi mdi-arrow-down-bold').addClass('mdi mdi-arrow-up-bold');
                    porvar_euro.removeClass('text-danger me-2').addClass('text-success me-2');
                }
                let porcen = total_valores_uf / data.serie[0].valor;
                
                porvar_euro.text(parseFloat(porcen).toFixed(2)+"%");
            });

        });
        var getJSON = function(url, callback) {
            var xhr = new XMLHttpRequest();
            xhr.open('GET', url, true);
            xhr.responseType = 'json';
            xhr.onload = function() {
                var status = xhr.status;
                if (status === 200) {
                callback(null, xhr.response);
                } else {
                callback(status, xhr.response);
                }
            };
            xhr.send();
        };
        
    </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\themes\fusioncharts.theme.fusion.js')}}"></script>


    <script src="{{asset('js/dataTables.fixedColumns.min.js')}}"></script>
    <script src="{{asset('js/dataTables.fixedHeader.min.js')}}"></script>
    <script src="{{asset('js\vendor\dataTables.natural.js')}}"></script>
    <script src="{{asset('js\economics\dataDolar2.js')}}"></script>
    <script src="{{asset('js\economics\dataEuro.js')}}"></script>
    <script src="{{asset('js\economics\dataIMCE.js')}}"></script>
    <script src="{{asset('js\economics\dataImacec.js')}}"></script>
    <script src="{{asset('js\economics\dataTasa.js')}}"></script>
    <script src="{{asset('js\economics\dataIPC.js')}}"></script>
@endsection