<!DOCTYPE HTML>

<html lang="en">
<head>
	<title>{{title}}</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="htmlcss bootstrap, multi level menu, submenu, treeview nav menu examples" />
<meta name="description" content="Bootstrap 5 navbar multilevel treeview examples for any type of project, Bootstrap 5" /> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
{% comment %} <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"crossorigin="anonymous"></script> {% endcomment %}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">

<link type="text/css" rel="stylesheet" href="https://cdn1.ap-south-1.linodeobjects.com/resource/adminlte3/plugins/bootstrap5/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script src="https://cdn1.ap-south-1.linodeobjects.com/resource/adminlte3/plugins/jquery/jquery.min.js"  type="text/javascript" ></script>



<script src="https://cdn1.ap-south-1.linodeobjects.com/resource/adminlte3/plugins/jquery/jquery-3.7.1.min.js"  type="text/javascript" ></script>

<script src="https://cdn1.ap-south-1.linodeobjects.com/resource/adminlte3/plugins/select2/js/select2.min.js" type="" defer></script>
<script src="https://cdn1.ap-south-1.linodeobjects.com/resource/adminlte3/plugins/select2/js/select2.full.min.js" type="text/javascript" defer></script>
<link href="https://cdn1.ap-south-1.linodeobjects.com/resource/adminlte3/plugins/select2/css/select2.min.css" rel="stylesheet" >
<script src="https://cdn1.ap-south-1.linodeobjects.com/resource/adminlte3/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css"  type="text/javascript" ></script>

<style type="text/css">
    #flex{
        display:flex;
        justify-content:space-around;
        padding-left: 151px;
        padding-right: 235px;
       
    }
	#topbar {
		background-color: #fff;
		height: 40px;
		font-size: 16px;
		transition: all 0.5s;
		z-index: 996;
	}
	#header {
		background: #fff;
		transition: all 0.5s;
		z-index: 997;
		padding: 16px 0;
		top: 40px;
		
		
	}
	.gin{
	margin-left:-17px;
	}
	.image{
		{% comment %} width:400px; {% endcomment %}
		 height:80px;
         margin-left:30px;
	}
	.main{
		width:230px;
		height:115px;
	
	}
	
/* ============ desktop view ============ */
@media all and (min-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}
.image{
	{% comment %} width:230px; {% endcomment %}
	height:70px;
	margin-left:-4px;
}

.main{
	width:200px;
	height:110px;

}
#flex{
   
    padding-left: 0;
    padding-right: 0;
    

}	
}
/* ============ small devices .end// ============ */

</style>


<script type="text/javascript">
//	window.addEventListener("resize", function() {
//		"use strict"; window.location.reload(); 
//	});


	document.addEventListener("DOMContentLoaded", function(){
        

    	/////// Prevent closing from click inside dropdown
		document.querySelectorAll('.dropdown-menu').forEach(function(element){
			element.addEventListener('click', function (e) {
			  e.stopPropagation();
			});
		})



		// make it as accordion for smaller screens
		if (window.innerWidth < 992) {

			// close all inner dropdowns when parent is closed
			document.querySelectorAll('.navbar .dropdown').forEach(function(everydropdown){
				everydropdown.addEventListener('hidden.bs.dropdown', function () {
					// after dropdown is hidden, then find all submenus
					  this.querySelectorAll('.submenu').forEach(function(everysubmenu){
					  	// hide every submenu as well
					  	everysubmenu.style.display = 'none';
					  });
				})
			});
			
			document.querySelectorAll('.dropdown-menu a').forEach(function(element){
				element.addEventListener('click', function (e) {
		
				  	let nextEl = this.nextElementSibling;
				  	if(nextEl && nextEl.classList.contains('submenu')) {	
				  		// prevent opening link if link needs to open dropdown
				  		e.preventDefault();
				  		console.log(nextEl);
				  		if(nextEl.style.display == 'block'){
				  			nextEl.style.display = 'none';
				  		} else {
				  			nextEl.style.display = 'block';
				  		}

				  	}
				});
			})
		}
		// end if innerWidth

	}); 
	// DOMContentLoaded  end
</script>


<!-- ============= COMPONENT ============== -->
</head>
<body> 

<div class="">
	<div id="topbar" class="d-flex align-items-center fixed-top top" style="background-color:#F8F8F8;">
		<div class="container d-flex justify-content-between">
			<p><b>This is a demo (Test) server - updated at 13-Nov-2023, 11am</b>, {{request.user.username}}</p> 
		  </div>
		  <div class="SizeInc SizeDec d-none d-lg-flex social-links align-items-center">
		  </div>
		</div>
	  </div>

<nav id="header" class="navbar navbar-expand-lg fixed-top border">

 <div class="container-fluid w-100">
    <div class="w-50">
        <img src = "https://ayush-2gcust.in-maa-1.linodeobjects.com/assets/image/Logofiles/ayush_logo.jpg"  style="width:80px" alt="#" class="image">
		<img src = "https://ayush-2gcust.in-maa-1.linodeobjects.com/assets/image/Logofiles/tn_logo.PNG"  style="width:80px" alt="#" class="image">

		

     </div> 


	<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav"  aria-expanded="false" aria-label="Toggle navigation">
		<span class="navbar-toggler-icon"></span>
	</button>

  <div class="collapse navbar-collapse" id="main_nav">
	

	<ul class="navbar-nav w-100" id="flex">
        <li class="nav-item dropdown">
		    <a class="nav-link dropdown-toggle text-dark" href="#" data-bs-toggle="dropdown"><i class="fa-solid fa-house"></i> Home  </a>

               <ul class="dropdown-menu">

                  <a class="dropdown-item"  href="{% url 'base:home' %}"><i class="fa-solid fa-house"></i> Home</a>   
                  <a class="dropdown-item"  href="{% url 'logout'   %}"> <i class="fa fa-sign-out"></i> Logout</a>      
                <hr>

                <a class="dropdown-item"  href="{% url 'base:patient_form' 0  %}"><i class="fa-solid fa-plus"></i> Add Patient</a>  
                <a class="dropdown-item"  href="{% url 'base:patient_details' patentid   %}"><i class="fa-solid fa-user"></i> View Patient details</a>               
                <a class="dropdown-item"  href="{% url 'base:patient' 'tbl'  %}"><i class="fa-solid fa-table-list"></i> View all patients </a>
               
              </ul>
        </li>

		<li class="nav-item dropdown">
			<a class="nav-link dropdown-toggle text-dark" href="#" data-bs-toggle="dropdown"><i class="fa-solid fa-user-doctor"></i> Consultation  </a>

		    <ul class="dropdown-menu">
				
              <a class="dropdown-item"  href="{% url 'consultation:observation_form' patentid 0 %}"><i class="fa-solid fa-magnifying-glass"></i> Add Observation</a>  
              <a class="dropdown-item"  href="{% url 'consultation:nutrition_form' patentid 0 %}"><i class="fa-solid fa-bowl-food"></i> Add Anthropometric Measurements</a>  
              <a class="dropdown-item"  href="{% url 'consultation:blood_pressure_form' patentid  0 %}"><i class="fa-solid fa-droplet"></i> Add Blood Pressure</a>  
              <a class="dropdown-item"  href="{% url 'consultation:history_examination_form' patentid 0 %}"><i class="fa-solid fa-vial-virus"></i> Add Examinations</a>  
              <a class="dropdown-item"  href="{% url 'consultation:vitals_form' patentid 0 %}"><i class="fa-solid fa-heart-pulse"></i> Add Vitals</a>
              <a class="dropdown-item"  href="{% url 'consultation:treatment_details_form' patentid 0 %}"><i class="fa-solid fa-stethoscope"></i> Add Treatment details</a> 
			  <a class="dropdown-item"  href="{% url 'consultation:scheduling_form' patentid 0 %}"><i class="fa-regular fa-calendar-check"></i> Add Scheduling</a>  
              
            </ul>

               
			 
        </li>

        <li class="nav-item dropdown">
			<a class="nav-link dropdown-toggle text-dark" href="#" data-bs-toggle="dropdown"><i class="fa-solid fa-temperature-high"></i> Diagnosis  </a>
		      
			    <ul class="dropdown-menu">

                    <li><a class="dropdown-item"  href="{% url 'diagnoses:diagnose_form' patentid  0 %}"><i class="fa-solid fa-plus"></i> Add Diagnosis</a>  </li>
                    <li> <a class="dropdown-item"  href="{% url 'diagnoses:condition_form' patentid 0 %}"><i class="fa-solid fa-bed-pulse"></i> Add Conditions</a> </li>
                    <li><a class="dropdown-item"  href="{% url 'diagnoses:disease_detail_form' patentid 0 %}"><i class="fa-solid fa-virus"></i> Add Disease details</a></li>
					
                </ul>



        </li>

        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle text-dark" href="#" data-bs-toggle="dropdown"><i class="fa-solid fa-pills"></i> Medic  </a>

              <ul class="dropdown-menu">

                  <a class="dropdown-item"  href="{% url 'medication:medications_form' patentid 0 %}"><i class="fa-solid fa-capsules"></i>  Add Medication</a> 
                  <a class="dropdown-item"  href="{% url 'medication:inventory_entry_form' patentid  0 %}"><i class="fa-solid fa-prescription-bottle-medical"></i>  Add Inhouse Medicine</a>

             </ul>

      </li>

        {% comment %} <li class="nav-item dropdown">
			<a class="nav-link dropdown-toggle text-dark" href="#" data-bs-toggle="dropdown"><i class="fa-solid fa-file"></i> Report  </a>
		       
			    <ul class="dropdown-menu">

                    <li> <a class="dropdown-item"  href="#"><i class="fa-solid fa-file-arrow-down"></i> IMH</a> </li>
                    <li><a class="dropdown-item"  href="#"><i class="fa-solid fa-file-arrow-down"></i> Center wise</a> </li>
                </ul>
        </li> {% endcomment %}
		
	</ul>

  </div> <!-- navbar-collapse.// -->
 </div> <!-- container-fluid.// -->
</nav>

<!-- ============= COMPONENT END// ============== -->

</div>
</body>
</html>

