<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content=" Vinnorokom QUIZ App ">
        <meta name="author" content="Arirah">
        <title> {{isset($settings->site_name)?$settings->site_name:''}} </title>
        <!-- Bootstrap Css -->
        <link href="{{asset('public/css/bootstrap.min.css')}}" rel="stylesheet">
        <!-- Font Awesome Css -->
        <link href="{{asset('public/font-awesome-4.3.0/css/font-awesome.min.css')}}" rel="stylesheet">
        <!-- Custom Css -->
	<link href="{{asset('public/css/main.css')}}" rel="stylesheet">
        <!-- <link href="https://quizapp.scottzagarino.com/public/css/main.css" rel="stylesheet"> -->
        <link href="{{asset('public/css/simple-sidebar.css')}}" rel="stylesheet">
        <!-- Time and Date picker bootstrap CSS -->
        <link href="{{asset('public/css/bootstrap-datetimepicker.min.css')}}" rel="stylesheet">
        <!-- Animate CSS -->
        <link rel="stylesheet" type="text/css" href="{{asset('public/css/animate.css')}}">
        <script src="{{asset('public/js/jquery-1.9.1.min.js')}}"></script>
        <!--[if lt IE 9]>
        <![endif]-->
    </head><!--/head-->
    <body>
        @include('admin.navbar')
        <div id="wrapper" class="">
            <!-- Sidebar -->
            <div id="sidebar-wrapper">
                @include('admin.left-bar');
            </div>
            <!-- /#sidebar-wrapper -->
            <!-- Page Content -->
            <div id="page-content-wrapper">
                <div class="container-fluid">
                    <div class="row">
                        <div class="container">
                            <div >&nbsp; </div> <div >&nbsp; </div>  <div >&nbsp; </div>
                            <a href="#menu-toggle" class="btn btn-default" id="menu-toggle"> <i class="fa fa-arrow-left"></i> </a>
                            @yield('content')
                        </div>
                    </div>
                </div>
            </div>
            <!-- Copyright -->
            <div class="clearfix">&nbsp;</div>
            <div class="clearfix">&nbsp;</div>
            <footer><center>Developed by Vinnorokom</center></footer>
            <div class="clearfix">&nbsp;</div>
            <div class="clearfix">&nbsp;</div>
            <!-- End Copyright -->
            <!-- /#page-content-wrapper -->
        </div>

    </body>
    <!-- Page javascript -->

    <script src="{{asset('public/js/bootstrap.min.js')}}"></script>
    <script src="{{asset('public/js/user_actions.js')}}"></script>
    <script src="{{asset('public/js/bootstrap-datetimepicker.js')}}"></script>
    <script src="{{asset('public/js/chartjs/Chart.js')}}"></script>
    <!-- Bootstrap File upload button wrapping by JS -->
    <script src="{{asset('public/js/bootstrap-filestyle.min.js')}}"></script>
    <script src="{{asset('public/js/tinymc/tinymce-min.js')}}"></script>
    <script src="{{asset('public/js/notify.min.js')}}"></script>
    <script type="text/javascript">
tinymce.init({
    selector: "textarea.tinymc",
    plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});
    </script>
    <script>
// Tooggle left menu
        $("#menu-toggle").click(function(e) {
            e.preventDefault();
            $("#wrapper").toggleClass("toggled");
            $('.fa-arrow-left').toggleClass(' fa-arrow-right');
        });
// Date time picket
        $('.form_datetime').datetimepicker({
            weekStart: 1,
            todayBtn: 1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            forceParse: 0,
            showMeridian: 1
        });
    </script>
    <!-- Analytics or Others Tracking code -->
    <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-84814889-1', 'auto');
  ga('send', 'pageview');

</script>
    <!-- Analytics or Others Tracking code end -->
    <!-- Bootstrap tooltips -->
    <script>
        $(function() {
            $('[data-toggle="tooltip"]').tooltip();
        })
    </script>
    <!-- // End Bootstrap tooltips -->
</html>
