{% load static i18n %}

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Mendel,MD | Dashboard</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="icon" href="{% static "img/favicon.ico" %}">


  {% block css %}{% endblock %}

  <!-- Select2  -->
  <link href="{% static "select2/css/select2.min.css" %}" type="text/css" media="screen" rel="stylesheet" />
  <!-- Bootstrap 3.3.7 -->
  <link rel="stylesheet" href="{% static "adminlte/bower_components/bootstrap/dist/css/bootstrap.min.css" %}">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="{% static "adminlte/bower_components/font-awesome/css/font-awesome.min.css" %}">
  <!-- Ionicons -->
  <link rel="stylesheet" href="{% static "adminlte/bower_components/Ionicons/css/ionicons.min.css" %}">
  <!-- Theme style -->
  <link rel="stylesheet" href="{% static "adminlte/dist/css/AdminLTE.min.css" %}">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="{% static "adminlte/dist/css/skins/_all-skins.min.css" %}">
  <!-- Morris chart -->
  <link rel="stylesheet" href="{% static "adminlte/bower_components/morris.js/morris.css" %}">
  <!-- jvectormap -->
  <link rel="stylesheet" href="{% static "adminlte/bower_components/jvectormap/jquery-jvectormap.css" %}">
  <!-- Date Picker -->
  <link rel="stylesheet" href="{% static "adminlte/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" %}">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="{% static "adminlte/bower_components/bootstrap-daterangepicker/daterangepicker.css" %}">
  <!-- bootstrap wysihtml5 - text editor -->
  <link rel="stylesheet" href="{% static "adminlte/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.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/html5shiv/3.7.3/html5shiv.min.js" %}"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js" %}"></script>
  <![endif]-->

  <!-- Google Font -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">

    
    <link rel="stylesheet" href="{% static "jquery-ui-1.12.1/jquery-ui.min.css" %}">

    <script src="{% static "js/jquery-3.2.1.min.js" %}"></script>
    <script src="{% static "jquery-ui-1.12.1/jquery-ui.min.js" %}"></script>
  

  <link href="{% static 'css/dashboard.css' %}" rel="stylesheet">

<!-- Plotly.js -->
  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
  <!-- Numeric JS -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/numeric/1.2.6/numeric.min.js"></script>

{% block extra_css %}{% endblock %}


</head>
<body class="skin-blue sidebar-mini sidebar-collapse">

<div class="wrapper">

  {% include "header.html" %}
  {% include "main_sidebar.html" %}

  <!-- Content Wrapper. Contains page content -->

  <div class="content-wrapper">
    
      {% include "messages.html" %}
      <section class="content">
        <div>
        
      {% block content %}
      {% endblock content %}

      </div>
      </section>
      
  </div>
  <!-- /.content-wrapper -->
  <footer class="main-footer">
    <div class="pull-right hidden-xs">
      <b>Version</b> 2.4.0
    </div>
    <strong>Copyright &copy; 2018 <a href="https://torchmed.com">Raony Guimaraes</a>.</strong> All rights
    reserved.
  </footer>

  {% include "control_sidebar.html" %}
</div>
<!-- ./wrapper -->

<!-- jQuery 3 -->
<script src="{% static "adminlte/bower_components/jquery/dist/jquery.min.js" %}"></script>
<!-- jQuery UI 1.11.4 -->
<script src="{% static "adminlte/bower_components/jquery-ui/jquery-ui.min.js" %}"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.7 -->
<script src="{% static "adminlte/bower_components/bootstrap/dist/js/bootstrap.min.js" %}"></script>
<!-- Morris.js charts -->
<script src="{% static "adminlte/bower_components/raphael/raphael.min.js" %}"></script>
<script src="{% static "adminlte/bower_components/morris.js/morris.min.js" %}"></script>
<!-- Sparkline -->
<script src="{% static "adminlte/bower_components/jquery-sparkline/dist/jquery.sparkline.min.js" %}"></script>
<!-- jvectormap -->
<script src="{% static "adminlte/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" %}"></script>
<script src="{% static "adminlte/plugins/jvectormap/jquery-jvectormap-world-mill-en.js" %}"></script>
<!-- jQuery Knob Chart -->
<script src="{% static "adminlte/bower_components/jquery-knob/dist/jquery.knob.min.js" %}"></script>
<!-- daterangepicker -->
<script src="{% static "adminlte/bower_components/moment/min/moment.min.js" %}"></script>
<script src="{% static "adminlte/bower_components/bootstrap-daterangepicker/daterangepicker.js" %}"></script>
<!-- datepicker -->
<script src="{% static "adminlte/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js" %}"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="{% static "adminlte/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" %}"></script>
<!-- Slimscroll -->
<script src="{% static "adminlte/bower_components/jquery-slimscroll/jquery.slimscroll.min.js" %}"></script>
<!-- FastClick -->
<script src="{% static "adminlte/bower_components/fastclick/lib/fastclick.js" %}"></script>
<!-- AdminLTE App -->
<script src="{% static "adminlte/dist/js/adminlte.min.js" %}"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="{% static "adminlte/dist/js/pages/dashboard.js" %}"></script>
<!-- AdminLTE for demo purposes -->
<script src="{% static "adminlte/dist/js/demo.js" %}"></script>

{% block javascript %}
 <!-- Bootstrap core JavaScript
    ================================================== -->

    <script type="text/javascript" src="{% static "select2/js/select2.min.js" %}"></script>
    <script type="text/javascript" src="{% static "js/project.js" %}"></script>

    {% block extra_js %} {% endblock %}
<script>
  $(document).on('click', '.sidebar-toggle', function () {
    if ($('body').hasClass("sidebar-collapse") && $('body').hasClass("sidebar-open")) {
       $('body').removeClass("sidebar-collapse");
    }
});

$('ul.nav li.dropdown').hover(function() {
  $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
}, function() {
  $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
});
</script>



{% endblock %}

</body>
</html>
