<html>
    <head>
        <!-- Bootstrap Core CSS -->
        <link href="{{asset('vendor/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet">

        <!-- MetisMenu CSS -->
        <link href="{{asset('vendor/metisMenu/metisMenu.min.css')}}" rel="stylesheet">

        <!-- Custom CSS -->
        <link href="{{asset('dist/css/sb-admin-2.css')}}" rel="stylesheet">

        <!-- Custom Fonts -->
        <link href="{{asset('vendor/font-awesome/css/font-awesome.min.css')}}" rel="stylesheet" type="text/css">

    </head>
    <body>
        <div id="g1" class="panel panel-default col-lg-6 col-md-6 col-sm-6 col-xs-12">
        </div>
        <div id="g2" class="panel panel-default col-lg-6 col-md-6 col-sm-6 col-xs-12">
        </div>


        <!-- jQuery -->
        <script src="{{asset('vendor/jquery/jquery.min.js')}}"></script>

        <!-- Bootstrap Core JavaScript -->
        <script src="{{asset('vendor/bootstrap/js/bootstrap.min.js')}}"></script>

        <!-- Metis Menu Plugin JavaScript -->
        <script src="{{asset('vendor/metisMenu/metisMenu.min.js')}}"></script>

        <!-- Custom Theme JavaScript -->
        <script src="{{asset('dist/js/sb-admin-2.js')}}"></script>

        <script src="{{asset('js/highcharts.js')}}"></script>
        <script src="{{asset('js/highcharts-3d.js')}}"></script>
        <script src="{{asset('js/modules/exporting.js')}}"></script>
        <script type="text/javascript">
            {{ chart(chart) }}
            {{ chart(chart2) }}
        </script>
    </body>
</html>
