@extends('Modules.Milking.layouts.main')

@section('htmlheader_title')
<link rel="icon" href="{{URL::to('src/img/Dairycare.ico') }}">
<link href=" {{URL::to('src/css/button_animation.css') }}" rel="stylesheet" type="text/css" />
<link href=" {{URL::to('src/css/export.css') }}" rel="stylesheet" type="text/css" media="all" />


@section('main-content')
    <style>
        #chartdiv {
            width: 100%;
            height: 500px;
        }
    </style>
    <div class="row">
        <div class="col-sm-10 col-sm-offset-2">

            @if($errors->any())
                <h2 style="color: green">{{$errors->first()}}</h2>
            @endif
        </div>

    </div>
    <div class="portlet box green">
        <div class="portlet-title">
            <div class="caption">Milk Information</div>
        </div>
        <div class="portlet-body">
           <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
            <div id="chartdiv"></div>
        </div>


    </div>
    <!-- HTML -->


    </div>

    <script type="text/javascript" src="{{URL::to('src/js/highcharts.js') }}"></script>
    <script type="text/javascript" src="{{URL::to('src/js/exporting.js') }}"></script>


<script>









    var chart = new Highcharts.Chart({





    });

</script>
    <script type="text/javascript" src="{{URL::to('src/js/milkdashboard.js') }}"></script>
    <script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
    <script src="https://www.amcharts.com/lib/3/serial.js"></script>
    <script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
    <link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
    <script src="https://www.amcharts.com/lib/3/themes/light.js"></script>

    <script>


        
    </script>

    @endsection