@extends('layouts.app')
@section('content')
    <style>
        .myrow::after {
            content: "";
            clear: both;
            display: table;
        }
        .myeditdelete{
            border: 0;
            outline: 0;
        }

        .myeditdelete:focus{
            outline: 0;
            border: 0;
        }
        .factorHead{
            font-weight: bold;
            font-style: italic;
            margin-bottom: 20px;
        }
        .barChartStyle canvas{
            height: 200px;
        }

        @media print {
            #underheader {display: none}
            #headerH1Real {display: none}
            #headerH1{
                text-align: center;
                font-size: 2em;
            }
            @page {
                margin-top: 100px;
                size: landscape;
            }
        }
    </style>
    @push('custom-scripts')
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
    @endpush
    <section id="content_outer_wrapper">
        <div id="content_wrapper" class="rightnav_v2 toggle-right">
            <div id="header_wrapper" class="header-md" style="height:6%">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xs-12">
                            <header id="header">
                                @if($_SERVER['SERVER_NAME'] == "www.hreu.edu.ge")
                                    <h1 id="headerH1Real">
                                        ევროპის უნივერსიტეტი ადმინისტრაციული პერსონალის შეფასების რეპორტი, 2022 წელი - {{$surveyOption["fullName"]}}
                                    </h1>
                                @elseif($_SERVER['SERVER_NAME'] == "hr.unik.edu.ge")
                                    <h1 id="headerH1Real">
                                        ქუთაისის უნივერსიტეტი ადმინისტრაციული პერსონალის შეფასების რეპორტი, 2022 წელი - {{$surveyOption["fullName"]}}
                                    </h1>
                                @endif
                                <p id="headerH1" align="center">

                                </p>
                                <div id="underheader">
                                    @if(Auth::user()->rule==1)
                                        <br>
                                        <a href="{{ route('importSurveyForStaff',  ['id' => $sheduleId]) }}">მონაცემების ექსელში იმპორტი</a>
                                        <br>
                                        @if($rules)
                                            <a href="{{ route('viewReportFromSurvey',  ['id' => $sheduleId, 'rules' => ($rules-1)]) }}">სრული დიაგრამების ნახვა</a>
                                        @else
                                            <a href="{{ route('viewReportFromSurvey',  ['id' => $sheduleId]) }}">გასაგზავნი დიაგრამების ნახვა</a>
                                        @endif
                                    @endif
                                    <br>
                                    <a href="javascript:void(0)" onclick="printData()">ბეჭდვა</a>
                                </div>
                            </header>
                        </div>
                    </div>
                </div>
            </div>
            @if($factorAddData!=null)
                <div id="content" class="container-fluid">
                    <div class="content-body">
                        <div class="flex-row align-items-center" style="align-items: center">
                            <div class="col-xs-12" style="margin-bottom: 20px">
                                <canvas id="radarChart" style="border: solid 1px silver; padding: 8px;" ></canvas>
                            </div>
                            <div class="col-xs-12" style="margin-bottom: 20px">
                                <div class="col-xs-3">
                                    <canvas id="bar-chart-f0" class="" style="border: solid 1px silver; padding: 8px;" ></canvas>
                                </div>
                                <div class="col-xs-3">
                                    <canvas id="bar-chart-f1" style="border: solid 1px silver; padding: 8px;" ></canvas>
                                </div>
                                <div class="col-xs-3">
                                    <canvas id="bar-chart-f2" style="border: solid 1px silver; padding: 8px;" ></canvas>
                                </div>
                                <div class="col-xs-3">
                                    <canvas id="bar-chart-f3" style="border: solid 1px silver; padding: 8px;" ></canvas>
                                </div>
                            </div>
                            <div class="col-xs-12" style="margin-bottom: 20px">
                                <div class="col-xs-8" style="margin-top: 20px">
                                    <canvas id="bar-chart-full" style="border: solid 1px silver; padding: 8px;" ></canvas>
                                </div>
                                <div class="col-xs-4" style="margin-top: 20px">
                                    <canvas id="bar-chart-sum" style="border: solid 1px silver; padding: 8px;" ></canvas>
                                </div>
                            </div>
                            <div class="col-xs-12" style="margin-bottom: 20px">
                                <div class="col-xs-6" style="margin-top: 20px">
                                    <canvas id="bar-chart-max" style="border: solid 1px silver; padding: 8px;" ></canvas>
                                </div>
                                <div class="col-xs-6" style="margin-top: 20px">
                                    <canvas id="bar-chart-min" style="border: solid 1px silver; padding: 8px;" ></canvas>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @else
                <div id="content" class="container-fluid">
                    <div class="content-body">
                        <div class="flex-row align-items-center" style="align-items: center">
                            <h3>შედეგები ვერ მოიძებნა!!!</h3>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </section>

    @if($factorAddData!=null)
        @push('custom-scripts')
            <script type="text/javascript">
                var stafFullName = {!!  json_encode($surveyOption["fullName"]) !!};
                {{--var webUrel = {!! $_SERVER['SERVER_NAME'] !!};--}}
                var factories = {!! json_encode($factories) !!};
                var appraiserRoles = {!! json_encode($appraiserRoles) !!};
                var factorAddData = {!! json_encode($factorAddData) !!};
                var factorAllDataForSum = {!! json_encode($factorAllDataForSum) !!};
                var surveyComponentsMax =  {!!  json_encode($surveyComponentsMax) !!};
                var componentDataMax =  {!!  json_encode($componentDataMax) !!};
                var surveyComponentsMin =  {!!  json_encode($surveyComponentsMin) !!};
                var componentDataMin =  {!!  json_encode($componentDataMin) !!};
                var dataArray  = [];
                var maxValue = 0;
                for (var key in factorAddData) {
                    var obj = factorAddData[key];
                    var helpDataArray = [];
                    for(var subKey in obj){
                        if(maxValue<obj[subKey]){
                            maxValue = obj[subKey];
                        }
                        helpDataArray.push(obj[subKey]);
                    }
                    dataArray.push(helpDataArray);
                };
                var dataForSumArray  = [];
                for (var key in factorAllDataForSum) {
                    var obj = factorAllDataForSum[key];
                    var helpDataArray = [];
                    for(var subKey in obj){
                        if(maxValue<obj[subKey]){
                            maxValue = obj[subKey];
                        }
                        helpDataArray.push(obj[subKey]);
                    }
                    dataForSumArray.push(helpDataArray);
                };
                var backgroundColor = ["#5b9bd5", "#a5a5a5", "#ffc000", "#ed7d31"];
                //Radar
                {
                    var datasetForRadar = [];
                    for(var i=0; i<dataArray.length;i++){
                        var node =  {
                            label: appraiserRoles[i],
                            backgroundColor: "white",
                            borderWidth: 3,
                            borderColor: backgroundColor[i],
                            data: dataArray[i]
                        };
                        datasetForRadar.push(node);
                    };
                    //თვითშებასების ამოღება ჯამური ქულიდან
                    dataArrayForSumChart = [];
                    for(var i=0; i<dataForSumArray.length; i++){
                        dataArrayForSumChart.push(dataForSumArray[i]);
                    }
                    dataArrayForSumChart[3] = [[null], [null], [null], [null]];
                    var datasetForSumRadar = [];
                    for (var i = 0; i < dataArrayForSumChart[0].length; i++) {
                        var s = 0;
                        var count = 0;
                        for (var j = 0; j < dataArrayForSumChart.length; j++) {
                            if(!Array.isArray(dataArrayForSumChart[j][i])) {
                                s += parseFloat(dataArrayForSumChart[j][i]);
                                count ++;
                            }
                        }
                        var avarage = (s / count).toFixed(2);
                        datasetForSumRadar.push(avarage);
                    }
                    var sumNode =  {
                        label: "ჯამური შეფასება",
                        backgroundColor: "white",
                        borderWidth: 3,
                        borderColor: "#73b865",
                        data:datasetForSumRadar
                    };
                    datasetForRadar.push(sumNode);
                    var radarCanvas = document.getElementById("radarChart");
                    var radarData = {
                        labels: factories,
                        datasets: datasetForRadar
                    };
                    var radarOptions = {
                        scale: {
                            angleLines: {
                                display: false
                            },
                            ticks: {
                                suggestedMin: 0,
                                suggestedMax: maxValue,
                                fontColor: "white"
                            },
                            gridLines: {
                                display: false
                            }
                        },
                        legend: {
                            display: true
                        },
                        title: {
                            display: true,
                            text: stafFullName
                        }
                    };
                    var radarChart = new Chart(radarCanvas, {
                        type: 'radar',
                        data: radarData,
                        options: radarOptions
                    });
                }

                //Simple Bar Chart
                {
                    var dataArrayForBar = [];
                    for (var i = 0; i < dataArray[0].length; i++) {
                        var helpDataArray = [];
                        for (j = 0; j < dataArray.length; j++) {
                            helpDataArray.push(dataArray[j][i]);
                        }
                        dataArrayForBar.push(helpDataArray);
                    }
                    for (var i = 0; i < dataArrayForBar.length; i++) {
                        for (var j = 0; j < dataArrayForBar[i].length; j++) {
                            if (Array.isArray(dataArrayForBar[i][j])) {
                                dataArrayForBar[i][j] = 0;
                            }
                        }
                        var dataForBarChart = {"data": [], "backgroundColor": [], "appraiserRoles": []};
                        for (var k = 0; k < dataArrayForBar[i].length; k++) {
                            if (dataArrayForBar[i][k] != 0) {
                                dataForBarChart["data"].push(dataArrayForBar[i][k]);
                                dataForBarChart["backgroundColor"].push(backgroundColor[k]);
                                dataForBarChart["appraiserRoles"].push(appraiserRoles[k]);
                            }
                        }
                        var barCanvas = document.getElementById("bar-chart-f" + i);
                        barCanvas.height = 330;
                        var barData = {
                            labels: dataForBarChart["appraiserRoles"],
                            datasets: [
                                {
                                    label: factories[i],
                                    backgroundColor: dataForBarChart["backgroundColor"],
                                    data: dataForBarChart["data"]
                                }
                            ]
                        }
                        var barOptions = {
                            scales: {
                                yAxes: [{
                                    display: true,
                                    ticks: {
                                        beginAtZero: true,
                                        stepSize: 0.5,
                                        max: 5
                                    }
                                }]
                            },
                            legend: {display: false},
                            title: {
                                display: true,
                                text: factories[i]
                            }
                        }
                        var barChart = new Chart(barCanvas, {
                            type: 'bar',
                            data: barData,
                            options: barOptions
                        });
                    }
                }

                // Full Bar
                {
                    var fullBCanvas = document.getElementById("bar-chart-full");
                    var datasetsForFullBar = [];
                    for (var i = dataArray.length - 1; i >= 0; i--) {
                        var isArray = 0;
                        for (var j = 0; j < dataArray[i].length; j++) {
                            if (Array.isArray(dataArray[i][j])) {
                                isArray++;
                            }
                        }
                        if (isArray != dataArray[i].length) {
                            var singleData = {
                                backgroundColor: backgroundColor[i],
                                data: dataArray[i]
                            };
                            datasetsForFullBar.push(singleData);
                        }
                    }
                    datasetsForFullBar.reverse();
                    var fullBarData = {
                        labels: factories,
                        datasets: datasetsForFullBar
                    };
                    var fullBarOptions = {
                        scales: {
                            yAxes: [{
                                display: true,
                                ticks: {
                                    beginAtZero: true,
                                    stepSize: 0.5,
                                    max: 5
                                }
                            }]
                        },
                        legend: {
                            display: false
                        },
                        title: {
                            display: true,
                            text: stafFullName + " - საერთო დიაგრამა"
                        },
                        hover: {
                            "animationDuration": 0
                        },
                        animation: {
                            duration: 1,
                            onComplete: function () {
                                var chartInstance = this.chart,
                                    ctx = chartInstance.ctx;
                                ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, Chart.defaults.global.defaultFontStyle, Chart.defaults.global.defaultFontFamily);
                                ctx.textAlign = 'center';
                                ctx.textBaseline = 'bottom';
                                this.data.datasets.forEach(function (dataset, i) {
                                    var meta = chartInstance.controller.getDatasetMeta(i);
                                    meta.data.forEach(function (bar, index) {
                                        var data = dataset.data[index];
                                        ctx.fillText(data, bar._model.x, bar._model.y + 40);
                                    });
                                });
                            }
                        },
                    }
                    var fullBarChart = new Chart(fullBCanvas, {
                        type: 'bar',
                        data: fullBarData,
                        options: fullBarOptions
                    });
                }

                //Sum Bar
                {
                    var datasetsForSumBar = [];
                    var backgroundsForSumBar = ["#73b865", "#71a3f7", "#ffa056", "#92ded2"];
                    var colorIndex = 0;
                    //თვითშეფასების ამოღება ჯამური შეფასებიდან
                    var datasetsForFullBarAllRecord = [];
                    for (var i = dataForSumArray.length - 1; i >= 0; i--) {
                        var isArray = 0;
                        for (var j = 0; j < dataForSumArray[i].length; j++) {
                            if (Array.isArray(dataForSumArray[i][j])) {
                                isArray++;
                            }
                        }
                        if (isArray != dataForSumArray[i].length) {
                            var singleData = {
                                backgroundColor: backgroundColor[i],
                                data: dataForSumArray[i]
                            };
                            datasetsForFullBarAllRecord.push(singleData);
                        }
                    }
                    var dataArrayForSumBarChart = [];
                    //ეს ლოგიკა გადასახედია თვითშეფასების შემთხვევაში
                    if(datasetsForFullBarAllRecord.length != 1){
                        for(var i=1; i<datasetsForFullBarAllRecord.length; i++){
                            dataArrayForSumBarChart.push(datasetsForFullBarAllRecord[i]);
                        }
                    }else{
                        for(var i=0; i<datasetsForFullBarAllRecord.length; i++){
                            dataArrayForSumBarChart.push(datasetsForFullBarAllRecord[i]);
                        }
                    }
                    for (var i = 0; i < dataArrayForSumBarChart[0].data.length; i++) {
                        var s = 0;
                        for (var j = 0; j < dataArrayForSumBarChart.length; j++) {
                            s += parseFloat(dataArrayForSumBarChart[j].data[i]);
                        }
                        var singleSumData = {
                            backgroundColor: backgroundsForSumBar[colorIndex],
                            data: [(s / dataArrayForSumBarChart.length).toFixed(2)]
                        };
                        datasetsForSumBar.push(singleSumData);
                        colorIndex += 1;
                    }
                    var sumCanvas = document.getElementById("bar-chart-sum");
                    sumCanvas.height = 330;

                    var datasetsForSumSingleBar = [
                                                    {
                                                        "data": [],
                                                        "backgroundColor": []
                                                    }
                                                  ];
                    datasetsForSumSingleBar[0]["backgroundColor"] = backgroundsForSumBar;
                    for(var i=0; i<datasetsForSumBar.length; i++){
                        datasetsForSumSingleBar[0]["data"].push(datasetsForSumBar[i].data[0]);
                    }
                    var sumBarData = {
                        labels: factories,
                        datasets: datasetsForSumSingleBar
                    };
                    var sumBarOptions = {
                        scales: {
                            yAxes: [{
                                display: true,
                                ticks: {
                                    beginAtZero: true,
                                    stepSize: 0.5,
                                    max: 5
                                }
                            }]
                        },
                        legend: {
                            display: false
                        },
                        title: {
                            display: true,
                            text: stafFullName + " - ჯამური შეფასება"
                        },
                        hover: {
                            "animationDuration": 0
                        },
                        animation: {
                            duration: 1,
                            onComplete: function () {
                                var chartInstance = this.chart,
                                    ctx = chartInstance.ctx;
                                ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, Chart.defaults.global.defaultFontStyle, Chart.defaults.global.defaultFontFamily);
                                ctx.textAlign = 'center';
                                ctx.textBaseline = 'bottom';
                                this.data.datasets.forEach(function (dataset, i) {
                                    var meta = chartInstance.controller.getDatasetMeta(i);
                                    // var i = 0;
                                    meta.data.forEach(function (bar, index) {
                                        var data = dataset.data[index];
                                        ctx.fillText(data, bar._model.x, bar._model.y + 40);
                                    });
                                });
                            }
                        },
                    }
                    var sumBarChart = new Chart(sumCanvas, {
                        type: 'bar',
                        data: sumBarData,
                        options: sumBarOptions
                    });

                    /*
                    var sumBarData = {
                        labels: ["ჯამური შეფასება"],
                        datasets: datasetsForSumBar
                    };
                    var valueOfBar = [" - გა", " - ინ", " - ხა", " - შე"];
                    var sumBarOptions = {
                        scales: {
                            yAxes: [{
                                display: true,
                                ticks: {
                                    beginAtZero: true,
                                    stepSize: 0.5,
                                    max: 5
                                }
                            }]
                        },
                        legend: {
                            display: false
                        },
                        title: {
                            display: true,
                            text: stafFullName
                        },
                        hover: {
                            "animationDuration": 0
                        },

                        animation: {
                            duration: 1,
                            onComplete: function () {
                                var chartInstance = this.chart,
                                    ctx = chartInstance.ctx;
                                ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, Chart.defaults.global.defaultFontStyle, Chart.defaults.global.defaultFontFamily);
                                ctx.textAlign = 'center';
                                ctx.textBaseline = 'bottom';
                                this.data.datasets.forEach(function (dataset, i) {
                                    var meta = chartInstance.controller.getDatasetMeta(i);
                                    // var i = 0;
                                    meta.data.forEach(function (bar, index) {
                                        var data = dataset.data[index]+valueOfBar[i];
                                        ctx.fillText(data, bar._model.x, bar._model.y + 40);
                                    });
                                });
                            }
                        },
                    }
                    var sumBarChart = new Chart(sumCanvas, {
                        type: 'bar',
                        data: sumBarData,
                        options: sumBarOptions
                    });
                    */
                }

                //Max horizontal Bar
                {
                    surveyComponentsMax.splice(3, surveyComponentsMax.length-3);
                    componentDataMax.splice(3, componentDataMax.length-3);
                    var barCanvas = document.getElementById("bar-chart-max");
                    var barData = {
                        labels: surveyComponentsMax,
                        datasets:[
                            {
                                backgroundColor: "#5b9bd5",
                                data: componentDataMax,
                            }
                        ]
                    };
                    var barOptions = {
                        scales: {
                            xAxes: [{
                                display: true,
                                ticks: {
                                    beginAtZero: true,
                                    stepSize: 0.5,
                                    max: 5
                                }
                            }]
                        },
                        legend: {
                            display: false
                        },
                        title: {
                            display: true,
                            text: "ყველაზე მაღალი შეფასების მქონე ქცევითი ინდიკატორები"
                        },
                        hover: {
                            "animationDuration": 0
                        },
                        animation: {
                            duration: 1,
                            onComplete: function () {
                                var chartInstance = this.chart,
                                    ctx = chartInstance.ctx;
                                ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, Chart.defaults.global.defaultFontStyle, Chart.defaults.global.defaultFontFamily);
                                ctx.textAlign = 'center';
                                ctx.textBaseline = 'bottom';
                                this.data.datasets.forEach(function (dataset, i) {
                                    var meta = chartInstance.controller.getDatasetMeta(i);
                                    meta.data.forEach(function (bar, index) {
                                        var data = dataset.data[index];
                                        ctx.fillText(data, bar._model.x-20, bar._model.y+10);
                                    });
                                });
                            }
                        },
                    }
                    var barChart = new Chart(barCanvas, {
                        type: 'horizontalBar',
                        data: barData,
                        options: barOptions
                    });
                }

                //Min horizontal Bar
                {
                    surveyComponentsMin.splice(0, surveyComponentsMin.length-3);
                    componentDataMin.splice(0, componentDataMin.length-3);
                    var barCanvas = document.getElementById("bar-chart-min");
                    var barData = {
                        labels: surveyComponentsMin,
                        datasets:[
                            {
                                backgroundColor: "#5b9bd5",
                                data: componentDataMin,
                            }
                        ]
                    };
                    var barOptions = {
                        scales: {
                            xAxes: [{
                                display: true,
                                ticks: {
                                    beginAtZero: true,
                                    stepSize: 0.5,
                                    max: 5
                                }
                            }]
                        },
                        legend: {
                            display: false
                        },
                        title: {
                            display: true,
                            text: "ყველაზე დაბალი შეფასების მქონე ქცევითი ინდიკატორები"
                        },
                        hover: {
                            "animationDuration": 0
                        },
                        animation: {
                            duration: 1,
                            onComplete: function () {
                                var chartInstance = this.chart,
                                    ctx = chartInstance.ctx;
                                ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, Chart.defaults.global.defaultFontStyle, Chart.defaults.global.defaultFontFamily);
                                ctx.textAlign = 'center';
                                ctx.textBaseline = 'bottom';
                                this.data.datasets.forEach(function (dataset, i) {
                                    var meta = chartInstance.controller.getDatasetMeta(i);
                                    meta.data.forEach(function (bar, index) {
                                        var data = dataset.data[index];
                                        ctx.fillText(data, bar._model.x-20, bar._model.y+10);
                                    });
                                });
                            }
                        },
                    }
                    var barChart = new Chart(barCanvas, {
                        type: 'horizontalBar',
                        data: barData,
                        options: barOptions
                    });
                }
                function printData(){
                    var fullName = @json($surveyOption["fullName"]);
                    if(location.hostname=="www.hreu.edu.ge"){
                        textForPrint = "ევროპის უნივერსიტეტი";
                    }else if(location.hostname=="hr.unik.edu.ge"){
                        textForPrint = "ქუთაისის უნივერსიტეტი";
                    }else{
                        textForPrint = "";
                    }
                    textForPrint += "<br>ადმინისტრაციული პერსონალის შეფასების რეპორტი<br>";
                    textForPrint += "<span style='text-decoration: underline'>"+fullName+"</span>";
                    textForPrint += "<br> 2022 წელი";
                    $("#headerH1").html(textForPrint);
                    window.print();
                    $("#headerH1").html("");
                }
            </script>
        @endpush
    @endif
@endsection