<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- bootstrap 3.0.2 -->
    <link href="/src/adminskin/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- font Awesome -->
    <link href="/src/adminskin/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="/src/adminskin/css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <!-- Morris chart -->
    @*<link href="/src/adminskin/css/morris/morris.css" rel="stylesheet" type="text/css" />*@
    <!-- jvectormap -->
    @*<link href="/src/adminskin/css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />*@
    <!-- fullCalendar -->
    @*<link href="/src/adminskin/css/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" />*@
    <!-- Daterange picker -->
    @*<link href="/src/adminskin/css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />*@
    <!-- bootstrap wysihtml5 - text editor -->
    @*<link href="/src/adminskin/css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />*@
    <!-- Theme style -->
    <link href="/src/adminskin/css/AdminLTE.css" rel="stylesheet" type="text/css" />
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond./src/adminskin/js/1.3.0/respond.min.js"></script>
    <![endif]-->

    @RenderSection("style", required: false)
</head>
<body class="skin-blue">
    <!-- header logo: style can be found in header.less -->
    <header class="header">
        <a href="index.html" class="logo">
            <!-- Add the class icon to your logo image or logo icon to add the margining -->
            <img src="~/Src/AdminSkin/img/admin-top-logo.jpg" />
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top" role="navigation">
            <!-- Sidebar toggle button-->
            <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <div class="navbar-right">
                <ul class="nav navbar-nav">
                    <!-- User Account: style can be found in dropdown.less -->
                    <li class="dropdown user user-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="glyphicon glyphicon-user"></i>
                            <span>@ViewBag.UserName <i class="caret"></i></span>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- User image -->
                            <li class="user-header bg-light-blue">
                                <img src="/src/adminskin/img/avatar3.png" class="img-circle" alt="User Image" />
                                <p>
                                    @ViewBag.UserName
                                    <small>@ViewBag.UserEmail</small>
                                </p>
                            </li>
                            <!-- Menu Footer-->
                            <li class="user-footer">
                                <div class="pull-left">
                                    <a href="#" class="btn btn-default btn-flat">Profile</a>
                                </div>
                                <div class="pull-right">
                                    <a href="Logout" class="btn btn-default btn-flat">Sign out</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <div class="wrapper row-offcanvas row-offcanvas-left">
        <!-- Left side column. contains the logo and sidebar -->
        <aside class="left-side sidebar-offcanvas">
            <!-- sidebar: style can be found in sidebar.less -->
            <section class="sidebar">
                <!-- Sidebar user panel -->
                <div class="user-panel">
                    <div class="pull-left image">
                        <img src="/src/adminskin/img/avatar3.png" class="img-circle" alt="User Image" />
                    </div>
                    <div class="pull-left info">
                        <p>Hello, @ViewBag.UserName</p>
                        <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
                    </div>
                </div>
                <!-- sidebar menu: : style can be found in sidebar.less -->
                <ul class="sidebar-menu">
                    <li class="active">
                        <a href="/BackOffice/Dashboard">
                            <i class="fa fa-dashboard"></i> <span>Dashboard</span>
                        </a>
                    </li>

                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-table"></i> <span>Masters</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="/BackOffice/State"><i class="fa fa-angle-double-right"></i> State</a></li>
                        </ul>
                    </li>

                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-user-md"></i>
                            <span>Online Applicants</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="/BackOffice/State"><i class="fa fa-angle-double-right"></i> View Applicants</a></li>
                        </ul>
                    </li>
                </ul>
            </section>
            <!-- /.sidebar -->
        </aside>

        <!-- Right side column. Contains the navbar and content of the page -->
        <aside class="right-side">
            <!-- Content Header (Page header) -->
            <section class="content-header">
                <h1>
                    @ViewBag.title
                </h1>
                <ol class="breadcrumb">
                    <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
                    <li class="active">@ViewBag.title</li>
                </ol>
            </section>

            @RenderBody()
        </aside><!-- /.right-side -->
    </div><!-- ./wrapper -->
    <!-- add new calendar event modal -->
    <!-- jQuery 2.0.2 -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
    <!-- jQuery UI 1.10.3 -->
    <script src="/src/adminskin/js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
    <!-- Bootstrap -->
    <script src="/src/adminskin/js/bootstrap.min.js" type="text/javascript"></script>
    <!-- Morris.js charts -->
    @*<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
    <script src="/src/adminskin/js/plugins/morris/morris.min.js" type="text/javascript"></script>*@
    <!-- Sparkline -->
    @*<script src="/src/adminskin/js/plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script>*@
    <!-- jvectormap -->
    @*<script src="/src/adminskin/js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
    <script src="/src/adminskin/js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>*@
    <!-- fullCalendar -->
    @*<script src="/src/adminskin/js/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>*@
    <!-- jQuery Knob Chart -->
    @*<script src="/src/adminskin/js/plugins/jqueryKnob/jquery.knob.js" type="text/javascript"></script>*@
    <!-- daterangepicker -->
    @*<script src="/src/adminskin/js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>*@
    <!-- Bootstrap WYSIHTML5 -->
    <script src="/src/adminskin/js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
    <!-- iCheck -->
    @*<script src="/src/adminskin/js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>*@
    <!-- AdminLTE App -->
    <script src="/src/adminskin/js/AdminLTE/app.js" type="text/javascript"></script>

    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
    @*<script src="/src/adminskin/js/AdminLTE/dashboard.js" type="text/javascript"></script>*@

    <!-- AdminLTE for demo purposes -->
    @*<script src="/src/adminskin/js/AdminLTE/demo.js" type="text/javascript"></script>*@

    @RenderSection("scripts", required: false)
</body>
</html>
