<!doctype html>
<html lang="en">
  <head>
    <title>{{title}}</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Bootstrap core CSS -->
    <link type="text/css" rel="stylesheet" href="https://cdn1.ap-south-1.linodeobjects.com/resource/adminlte3/plugins/bootstrap5/css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="https://cdn1.ap-south-1.linodeobjects.com/resource/adminlte3/plugins/fontawesome-free/css/all.min.css">
    <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/bootstrap5/js/bootstrap.bundle.min.js"  type="text/javascript" ></script>
    <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" />
  
    
  </head>
  <style>
    .dropdown-menu li {
      position: relative;
      }
      .dropdown-menu .dropdown-submenu {
      display: none;
      position: absolute;
      left: 100%;
      top: -7px;
      }
      .dropdown-menu .dropdown-submenu-left {
      right: 100%;
      left: auto;
      }

     
      .image{
        color:blue;
      }


  </style>
  <body>


    <div class="bd-example-snippet bd-code-snippet"><div class="bd-example m-0 border-0">
      <nav>
        <div class="nav nav-tabs mb-3" id="nav-tab" role="tablist">
          {% if 'consultation' in request.path or 'diagnoses' in request.path  or 'medication' in request.path or 'diagno' in request.path  or 'report' in request.path %}

          <button class="nav-link" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true"><i class="fa-solid fa-house"></i></button>
          {%else %}          <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true"><i class="fa-solid fa-house"></i></button>
          {%endif %}  {% if 'consultation' in request.path %}          <button class="nav-link active" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false"><i class="fa-solid fa-user-doctor"></i> Consult</button>
          {%else %}          <button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false"><i class="fa-solid fa-user-doctor"></i> Consult</button>
          {%endif %}  {% if 'diagno' in request.path %} <button class="nav-link active" id="nav-contact-tab" data-bs-toggle="tab" data-bs-target="#nav-contact" type="button" role="tab" aria-controls="nav-contact" aria-selected="false"><i class="fa-regular fa-file-pdf"></i> Diagnose</button>
          {%else %} <button class="nav-link " id="nav-contact-tab" data-bs-toggle="tab" data-bs-target="#nav-contact" type="button" role="tab" aria-controls="nav-contact" aria-selected="false"><i class="fa-regular fa-file-pdf"></i> Diagnose</button>
          {%endif %}  {% if 'medication' in request.path %} <button class="nav-link active" id="nav-medic-tab" data-bs-toggle="tab" data-bs-target="#nav-medic" type="button" role="tab" aria-controls="nav-medic" aria-selected="false"><i class="fa-solid fa-pills"></i> medic</button>
          {%else %} <button class="nav-link" id="nav-medic-tab" data-bs-toggle="tab" data-bs-target="#nav-medic" type="button" role="tab" aria-controls="nav-medic" aria-selected="false"><i class="fa-solid fa-pills"></i> medic</button>
          {%endif %}  {% if 'report' in request.path %} <button class="nav-link active" id="nav-report-tab" data-bs-toggle="tab" data-bs-target="#nav-report" type="button" role="tab" aria-controls="nav-report" aria-selected="false"><i class="fa-solid fa-file"></i> Reports</button>
          {%else %}<button class="nav-link" id="nav-report-tab" data-bs-toggle="tab" data-bs-target="#nav-report" type="button" role="tab" aria-controls="nav-report" aria-selected="false"><i class="fa-solid fa-file"></i> Reports</button>
          {%endif %}
          {% comment %} admin not required for patient level view {% endcomment %}
          {% comment %} <button class="nav-link" id="nav-admin-tab" data-bs-toggle="tab" data-bs-target="#nav-admin" type="button" role="tab" aria-controls="nav-admin" aria-selected="false"><i class="fa-solid fa-people-roof"></i> Admin</button> {% endcomment %}
        </div>
        </div>
      </nav>
      <div class="tab-content" id="nav-tabContent">
        {% if 'consultation' in request.path or 'diagnoses' in request.path  or 'medication' in request.path or 'diagno' in request.path  or 'report' in request.path %} <div class="tab-pane fade" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
        {%else %}<div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">{%endif %} 
          <ul>            
             <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>
        </div>
        
        {% if 'consultation' in request.path %}  <div class="tab-pane fade show active" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
          {%else %}<div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">{%endif %} 
         
           <ul>
            <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 Nutritional Value</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>
           <hr>
        
          </div>
          {% if 'diagno' in request.path %} <div class="tab-pane fade show active" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
          {%else %} <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">{%endif %}
          <ul>
            <a class="dropdown-item"  href="{% url 'diagnoses:diagnose_form' patentid  0 %}"><i class="fa-solid fa-plus"></i> Add Diagnosis</a>  
            <a class="dropdown-item"  href="{% url 'diagnoses:condition_form' patentid 0 %}"><i class="fa-solid fa-bed-pulse"></i> Add Conditions</a>  
            <a class="dropdown-item"  href="{% url 'diagnoses:disease_detail_form' patentid 0 %}"><i class="fa-solid fa-virus"></i> Add Disease details</a>  
           </ul>
           <hr> 
        </div>
        {% if 'medication' in request.path %} <div class="tab-pane fade show active" id="nav-medic" role="tabpanel" aria-labelledby="nav-medic-tab">        
          {%else %}<div class="tab-pane fade" id="nav-medic" role="tabpanel" aria-labelledby="nav-medic-tab">{%endif %}
          <ul>
            <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> 
           <hr>

        </div>

        {% if 'report' in request.path %} <div class="tab-pane fade show active" id="nav-report" role="tabpanel" aria-labelledby="nav-report-tab">
          {%else %}<div class="tab-pane fade" id="nav-report" role="tabpanel" aria-labelledby="nav-report-tab">{%endif %}
          <ul>
          <a class="dropdown-item"  href="#"><i class="fa-solid fa-file-arrow-down"></i> IMH</a>
          <a class="dropdown-item"  href="#"><i class="fa-solid fa-file-arrow-down"></i> Center wise</a>  
        </ul>
        <hr>
      </div>

        {% comment %} <div class="tab-pane fade" id="nav-admin" role="tabpanel" aria-labelledby="nav-admin-tab">
          <ul>
            <a class="dropdown-item"  href="{% url 'base:disease_form' 0  %}"><i class="fa-solid fa-virus"></i> Add  Disease</a>   
            <a class="dropdown-item"  href="{% url 'base:disease' 'tbl'  %}"><i class="fa-solid fa-table-list"></i> View  Disease</a>            
            <a class="dropdown-item"  href="{% url 'base:employee_form' 0 %}"><i class="fa-solid fa-plus"></i> Add Employee</a>  
            <a class=" dropdown-item "  href="{% url 'base:employee' 'tbl' %}"><i class="fa-solid fa-table-list"></i> View Employee </a>


          </ul>
        </div> {% endcomment %}
      </div>
      </div></div>
    
  






      
</body>

</html>
