@extends('Templates/ReportTemplate')

@section('title')
Laboratory Report
@stop

@section('head')
<script src="{{ asset('JS/chart.js') }}"></script>
<script src="{{ asset('JS/jquery-3.1.0.js') }}"></script>
<script type="text/javascript">

    window.onload = function () {
        loadChart();
    };

    var clabels;
    var cdata;
    var old_chartLabels;
    var old_chartData;
    function loadChart() {

        var OneHx = parseFloat($("#2375").html().replace(/\s/g, "").replace("", " ").trim().replace("<b>", "").replace("</b>", ""));



        if (document.getElementById("ogtt") && !isNaN(OneHx)) {

            var arr = "Fasting,60,120";
//        var arr = "Fasting,30,60,90,120";

var fasting = parseFloat($("#2374").html().replace(/\s/g, "").replace("", " ").replace("<b>", "").replace("</b>", "").trim());
var OneH = parseFloat($("#2375").html().replace(/\s/g, "").replace("", " ").replace("<b>", "").replace("</b>", "").trim());

var twoH = parseFloat($("#2376").html().replace(/\s/g, "").replace("", " ").replace("<b>", "").replace("</b>", "").trim());



//        var halfH = parseFloat($("#617").html().replace(/\s/g, "").replace("", " ").replace("<b>", "").replace("</b>", "").trim());
var halfH = 0;
//        if (isNaN(halfH)) {
    halfH = (fasting + OneH) / 2;
//        }

//        var OhalfH = parseFloat($("#619").html().replace(/\s/g, "").replace("", " ").replace("<b>", "").replace("</b>", "").trim());
var OhalfH = 0;
//        if (isNaN(OhalfH)) {
    OhalfH = (OneH + twoH) / 2;
//        }

//        var arr2 = fasting + "," + halfH + "," + OneH + "," + OhalfH + "," + twoH;
var arr2 = fasting + "," + OneH + "," + twoH;

//        alert(arr2);



//        var arr3 = "180,180,180,180,180";
var arr3 = "140,140,140";

clabels = arr.split(",");
cdata = arr2.split(",");
cdata2 = arr3.split(",");

var ctx = document.getElementById("outChart");

var myChart = new Chart(ctx, {
    type: "line",
    data: {
        labels: clabels,
        datasets: [{
            label: 'Patient Result',
            data: cdata,
            backgroundColor: [
            'rgba(255, 255, 255, 0)'
            ],
            borderColor: [
            'rgba(0,0,0,1)'
            ],
            borderWidth: 2
        }, {
            label: 'Cut Off Value',
            data: cdata2,
            backgroundColor: [
            'rgba(255, 255, 255, 0)'
            ],
            borderColor: [
            'rgba(255,99,132,1)'
            ],
            borderWidth: 2
        }]
    },
    options: {

        animation: false,
        legends: {
            display: false
        },
        title: {
            display: true,
            text: 'The Graph of Time Vs Plasma Glucose Concentration'
        },
        scales: {
            xAxes: [{
                display: true,
                scaleLabel: {
                    display: true,
                    labelString: 'Time (min)',
                    fontColor: 'black'
                }, gridLines: {
                    zeroLineColor: 'rgba(0,0,100,1)'
                }, ticks: {
                    fontColor: 'blue'
                }
            }],
            yAxes: [{
                display: true,
                scaleLabel: {
                    display: true,
                    labelString: 'Result (mg / dl)',
                    fontColor: 'black'
                },
                ticks: {
                    beginAtZero: true,
                    fontColor: 'blue',
//                                suggestedMin: 0,
//                                steps: 10, 
//                                stepValue: 20,
max: 300,
min: 50
}, gridLines: {
    zeroLineColor: 'rgba(0,0,100,1)'
}

}]
}
}
});

}
}
</script>
@stop

@section('heading')
{{ $repHead or '' }}
@stop

@section('content')

<img src="{{ asset('images/mlwsbcode.jpg') }}" width="200" height="30" style="position:absolute; right:30px; top:185px;">