<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <link rel="shortcut icon" href="/static/dashboard/assets/images/favicon_1.ico">

        <title>Rolling Oaks Cytopathology Consultants, Inc.</title>

        <!--Form Wizard-->
        <link rel="stylesheet" type="text/css" href="/static/dashboard/assets/plugins/jquery.steps/demo/css/jquery.steps.css" />

         <link href="/static/dashboard/assets/plugins/sweetalert/dist/sweetalert.css" rel="stylesheet" type="text/css">

        <link href="/static/dashboard/assets/plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet">
		<link href="/static/dashboard/assets/plugins/mjolnic-bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css" rel="stylesheet">
		<link href="/static/dashboard/assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" rel="stylesheet">
		<link href="/static/dashboard/assets/plugins/clockpicker/dist/jquery-clockpicker.min.css" rel="stylesheet">
		<link href="/static/dashboard/assets/plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">

        <!-- DataTables -->
        <link href="/static/dashboard/assets/plugins/datatables/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />



        <link href="/static/dashboard/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="/static/dashboard/assets/css/core.css" rel="stylesheet" type="text/css" />
        <link href="/static/dashboard/assets/css/components.css" rel="stylesheet" type="text/css" />
        <link href="/static/dashboard/assets/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="/static/dashboard/assets/css/pages.css" rel="stylesheet" type="text/css" />
        <link href="/static/dashboard/assets/css/responsive.css" rel="stylesheet" type="text/css" />

        <!-- Plugins css-->

        <link href="/static/dashboard/assets/plugins/select2/select2.css" rel="stylesheet" type="text/css" />
        <link href="/static/dashboard/assets/plugins/bootstrap-tagsinput/dist/bootstrap-tagsinput.css" rel="stylesheet" />
        <link href="/static/dashboard/assets/plugins/switchery/dist/switchery.min.css" rel="stylesheet" />
        <link href="/static/dashboard/assets/plugins/multiselect/css/multi-select.css"  rel="stylesheet" type="text/css" />
        <link href="/static/dashboard/assets/plugins/bootstrap-select/dist/css/bootstrap-select.min.css" rel="stylesheet" />
        <link href="/static/dashboard/assets/plugins/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.css" rel="stylesheet" />

        <!-- DataTables -->
        <link href="/static/dashboard/assets/plugins/datatables/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />
        <link href="/static/dashboard/assets/plugins/datatables/buttons.bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="/static/dashboard/assets/plugins/datatables/fixedHeader.bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="/static/dashboard/assets/plugins/datatables/responsive.bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="/static/dashboard/assets/plugins/datatables/scroller.bootstrap.min.css" rel="stylesheet" type="text/css" />


        <!-- HTML5 Shiv 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.js/1.3.0/respond.min.js"></script>
        <![endif]-->

        <script src="/static/dashboard/assets/js/modernizr.min.js"></script>


    </head>
    <body class="fixed-left">
    <!-- Begin page -->
        <div id="wrapper">
          {% if pagetype != 11 %}
            <!-- Top Bar Start -->
            <div class="topbar">

                <!-- LOGO -->
                <div class="topbar-left">
                    <div class="text-center">
                        <a href="index.html" class="logo"><i class="icon-magnet icon-c-logo"></i><span>R<i class="md md-album"></i>lling Oaks</span></a>
                    </div>
                </div>

                <!-- Button mobile view to collapse sidebar menu -->
                <div class="navbar navbar-default" role="navigation">
                    <div class="container">
                        <div class="">
                            <div class="pull-left">
                                <button class="button-menu-mobile open-left">
                                    <i class="ion-navicon"></i>
                                </button>
                                <span class="clearfix"></span>
                            </div>

                            <form role="search" class="navbar-left app-search pull-left hidden-xs">
			                     <input type="text" placeholder="Search..." class="form-control">
			                     <a href=""><i class="fa fa-search"></i></a>
			                </form>

                            {% if user.is_authenticated %}
                                <ul class="nav navbar-nav navbar-right pull-right">
                                    <li class="dropdown hidden-xs">
                                        <a href="#" data-target="#" class="dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-expanded="true">
                                            <i class="icon-bell"></i> <span class="badge badge-xs badge-danger">{{ Lab.total_entries_today }}</span>
                                        </a>
                                        <ul class="dropdown-menu dropdown-menu-lg">
                                            <li class="notifi-title"><span class="label label-default pull-right">New 3</span>Notification</li>
                                            <li class="list-group nicescroll notification-list">
                                               <!-- list item-->
                                               <a href="javascript:void(0);" class="list-group-item">
                                                  <div class="media">
                                                     <div class="pull-left p-r-10">
                                                        <em class="fa fa-diamond fa-2x text-primary"></em>
                                                     </div>
                                                     <div class="media-body">
                                                        <h5 class="media-heading">A new order has been placed A new order has been placed</h5>
                                                        <p class="m-0">
                                                            <small>There are new settings available</small>
                                                        </p>
                                                     </div>
                                                  </div>
                                               </a>

                                               <!-- list item-->
                                               <a href="javascript:void(0);" class="list-group-item">
                                                  <div class="media">
                                                     <div class="pull-left p-r-10">
                                                        <em class="fa fa-cog fa-2x text-custom"></em>
                                                     </div>
                                                     <div class="media-body">
                                                        <h5 class="media-heading">New settings</h5>
                                                        <p class="m-0">
                                                            <small>There are new settings available</small>
                                                        </p>
                                                     </div>
                                                  </div>
                                               </a>

                                               <!-- list item-->
                                               <a href="javascript:void(0);" class="list-group-item">
                                                  <div class="media">
                                                     <div class="pull-left p-r-10">
                                                        <em class="fa fa-bell-o fa-2x text-danger"></em>
                                                     </div>
                                                     <div class="media-body">
                                                        <h5 class="media-heading">Updates</h5>
                                                        <p class="m-0">
                                                            <small>There are <span class="text-primary font-600">2</span> new updates available</small>
                                                        </p>
                                                     </div>
                                                  </div>
                                               </a>

                                               <!-- list item-->
                                               <a href="javascript:void(0);" class="list-group-item">
                                                  <div class="media">
                                                     <div class="pull-left p-r-10">
                                                        <em class="fa fa-user-plus fa-2x text-info"></em>
                                                     </div>
                                                     <div class="media-body">
                                                        <h5 class="media-heading">New user registered</h5>
                                                        <p class="m-0">
                                                            <small>You have 10 unread messages</small>
                                                        </p>
                                                     </div>
                                                  </div>
                                               </a>

                                               <!-- list item-->
                                               <a href="javascript:void(0);" class="list-group-item">
                                                  <div class="media">
                                                     <div class="pull-left p-r-10">
                                                        <em class="fa fa-diamond fa-2x text-primary"></em>
                                                     </div>
                                                     <div class="media-body">
                                                        <h5 class="media-heading">A new order has been placed A new order has been placed</h5>
                                                        <p class="m-0">
                                                            <small>There are new settings available</small>
                                                        </p>
                                                     </div>
                                                  </div>
                                               </a>

                                               <!-- list item-->
                                                <a href="javascript:void(0);" class="list-group-item">
                                                    <div class="media">
                                                        <div class="pull-left p-r-10">
                                                         <em class="fa fa-cog fa-2x text-custom"></em>
                                                        </div>
                                                        <div class="media-body">
                                                          <h5 class="media-heading">New settings</h5>
                                                          <p class="m-0">
                                                            <small>There are new settings available</small>
                                                        </p>
                                                        </div>
                                                  </div>
                                               </a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0);" class="list-group-item text-right">
                                                    <small class="font-600">See all notifications</small>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="hidden-xs">
                                        <a href="#" id="btn-fullscreen" class="waves-effect waves-light"><i class="icon-size-fullscreen"></i></a>
                                    </li>
                                    <li class="hidden-xs">
                                        <a href="#" class="right-bar-toggle waves-effect waves-light"><i class="icon-settings"></i></a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="" class="dropdown-toggle profile" data-toggle="dropdown" aria-expanded="true"><img src="/static/dashboard/assets/images/users/avatar-1.jpg" alt="user-img" class="img-circle"> </a>
                                        <ul class="dropdown-menu">
                                            <li><a href="/dashboard/profile/"><i class="ti-user m-r-5"></i> Profile</a></li>
                                            <!--<li><a href="javascript:void(0)"><i class="ti-settings m-r-5"></i> Settings</a></li>
                                            <li><a href="javascript:void(0)"><i class="ti-lock m-r-5"></i> Lock screen</a></li>-->
                                            <li><a href="/dashboard/logout_user/"><i class="ti-power-off m-r-5"></i> Logout</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            {% endif %}
                          </div>
                        <!--/.nav-collapse -->
                    </div>
                </div>
            </div>
            <!-- Top Bar End -->

          {% else %}

          {% endif %}





{% block header %}
                {% include 'dashboard_screen/header.html' %}
{% endblock %}

{% block content %}

{% endblock %}

{% block footer %}
                   {% include 'dashboard_screen/footer.html' %}
{% endblock %}




