<!doctype html>
{% with patentid=1  %}

<html lang="en">
  <head>
    <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">
          <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>

          <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>

          

          <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>
          
          <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>

                    
          <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>

                    
          <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>
        </div>
        </div>
      </nav>
      <div class="tab-content" id="nav-tabContent">
        <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
          <ul>
            <a class="dropdown-item"  href="#"><i class="fa-solid fa-house"></i> Home</a> 
          </ul> 
          <ul> <a class="dropdown-item"  href="{% url 'logout'   %}"> <i class="fa fa-sign-out"></i> Logout</a> 
            <hr>
            <ul>
             <a class="dropdown-item"  href="#"><i class="fa-solid fa-plus"></i> Add Patient</a>  
            <a class="dropdown-item"  href="#"><i class="fa-solid fa-table-list"></i> View Patient </a>  
           </ul>
        </div>
        <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
         
           <ul>
            <a class="dropdown-item"  href="{% url 'consultation:observation_form' patentid 0 %}"><i class="fa-solid fa-plus"></i> Add Observation</a>  
            <a class="dropdown-item"  href="{% url 'consultation:observation' patentid 'tbl' %}"><i class="fa-solid fa-table-list"></i> View Observation </a> 
           </ul>
           <hr>
           <ul>
            <a class="dropdown-item"  href="{% url 'consultation:nutrition_form' patentid 0 %}"><i class="fa-solid fa-plus"></i> Add Nutritional Value</a>  
            <a class="dropdown-item"  href="{% url 'consultation:nutrition' patentid 'tbl' %}"><i class="fa-solid fa-table-list"></i> View Nutritional Value </a> 
           </ul>
           <hr>
           <ul>
            <a class="dropdown-item"  href="{% url 'consultation:blood_pressure_form' patentid  0 %}"><i class="fa-solid fa-plus"></i> Add Blood Pressure</a>  
            <a class="dropdown-item"  href="{% url 'consultation:blood_pressure' patentid 'tbl' %}"><i class="fa-solid fa-table-list"></i> View Blood Pressure </a> 
           </ul>
           <hr>
           <ul>
            <a class="dropdown-item"  href="{% url 'consultation:fees_info_form' patentid 0 %}"><i class="fa-solid fa-plus"></i> Add Fees Informations</a>  
            <a class="dropdown-item"  href="{% url 'consultation:fees_info' patentid 'tbl' %}"><i class="fa-solid fa-table-list"></i> View Fees Informations </a> 
           </ul>
           <hr>
           <ul>
            <a class="dropdown-item"  href="{% url 'consultation:history_examination_form' patentid 0 %}"><i class="fa-solid fa-plus"></i>Add Examinations</a>  
            <a class="dropdown-item"  href="{% url 'consultation:history_examination' patentid 'tbl' %}"><i class="fa-solid fa-table-list"></i> View Examinations </a> 
           </ul>
           <hr>
           <ul>
            <a class="dropdown-item"  href="{% url 'consultation:vitals_form' patentid 0 %}"><i class="fa-solid fa-plus"></i> Add Vitals</a>  
            <a class="dropdown-item"  href="{% url 'consultation:vitals' patentid 'tbl' %}"><i class="fa-solid fa-table-list"></i> View Vitals </a> 
           </ul>
           <hr>
          </div>
        <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
          <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:diagnose' patentid 'tbl' %}"><i class="fa-solid fa-table-list"></i> View Diagnosis </a> 
           </ul>
           <hr>
           <ul>
            <a class="dropdown-item"  href="{% url 'diagnoses:condition_form' patentid 0 %}"><i class="fa-solid fa-plus"></i> Add Conditions</a>  
            <a class="dropdown-item"  href="{% url 'diagnoses:condition' patentid 'tbl' %}"><i class="fa-solid fa-table-list"></i> View Conditions </a> 
           </ul>
           <hr>
        </div>
        <div class="tab-pane fade" id="nav-medic" role="tabpanel" aria-labelledby="nav-medic-tab">
          <ul>
            <a class="dropdown-item"  href="{% url 'medication:medications_form' patentid 0 %}"><i class="fa-solid fa-plus"></i> Add Medication</a>  
          <a class=" dropdown-item "  href="{% url 'medication:medications' patentid 'tbl' %}"><i class="fa-solid fa-table-list"></i> View Medications </a>
           </ul> 
           <hr>
        </div>

        <div class="tab-pane fade" id="nav-report" role="tabpanel" aria-labelledby="nav-report-tab">
           <p>Hii man</p>
           
        </div>

        <div class="tab-pane fade" id="nav-admin" role="tabpanel" aria-labelledby="nav-admin-tab">
          <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>
        </div>
      </div>
      </div></div>
    
  
{% endwith %}






      
</body>

</html>
