
    <style>
        body {min-height: 75rem;}
        .bd-placeholder-img {
          font-size: 1.125rem;
          text-anchor: middle;
          -webkit-user-select: none;
          -moz-user-select: none;
          user-select: none;
        }
        .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;
          }
          .dropdown-menu > li:hover > .dropdown-submenu {
          display: block;
          }
  
        @media (min-width: 768px) {
          .bd-placeholder-img-lg {
            font-size: 3.5rem;
          }
        }

      </style>
      <nav class="navbar sidebar fixed-top navbar-expand-lg  bg-body-tertiary" style="background-color: #e3f2fd;">
        <div class="container-fluid ">
          <a class="navbar-brand  text-dark" href="#">Navbar</a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarNavDropdown">
            <ul class="navbar-nav">
              <li class="nav-item">
                <a class="nav-link active text-dark" aria-current="page" href="#">Home</a>
              </li>
              <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle text-dark" href="" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                  Consultations
                </a>
                <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                  <li>
                     <a class="dropdown-item "  id="navbarDropdownMenuLink" href="#">Observation   &raquo; 
                    </a>

                      <ul class=" dropdown-menu dropdown-submenu" aria-labelledby="navbarDropdownMenuLink">

                          <a class="dropdown-item"  href="{% url 'consultation:observation_form' 0 %}">New Form</a>  
                          <a class="dropdown-item"  href="{% url 'consultation:observation' 'tbl' %}">Observation Table</a> 
                          <a class="dropdown-item"  href="{% url 'consultation:observation' 'csv' %}">Download</a>                  

                      </ul>

                    </li>

                    <li>
                      <a class="dropdown-item "  id="navbarDropdownMenuLink" href="#">Nutritional Value   &raquo; 
                     </a>
 
                       <ul class=" dropdown-menu dropdown-submenu" aria-labelledby="navbarDropdownMenuLink">
 
                           <a class="dropdown-item"  href="{% url 'consultation:nutrition_form' 0 %}">New Form</a>  
                           <a class="dropdown-item"  href="{% url 'consultation:nutrition' 'tbl' %}">Nutritional Table</a> 
                           <a class="dropdown-item"  href="{% url 'consultation:nutrition' 'csv' %}">Download</a>                  
 
                       </ul>
                      
 
                     </li>

                     <li>
                      <a class="dropdown-item "  id="navbarDropdownMenuLink" href="#"> Blood Pressure   &raquo; 
                     </a>
 
                       <ul class=" dropdown-menu dropdown-submenu" aria-labelledby="navbarDropdownMenuLink">
 
                           <a class="dropdown-item"  href="{% url 'consultation:blood_pressure_form' 0 %}">New Form</a>  
                           <a class="dropdown-item"  href="{% url 'consultation:blood_pressure' 'tbl' %}">Blood Pressure Table</a> 
                           <a class="dropdown-item"  href="{% url 'consultation:blood_pressure' 'csv' %}">Download</a>                  
 
                       </ul>

                       <li>
                        <a class="dropdown-item "  id="navbarDropdownMenuLink" href="#">Fees Informations   &raquo; 
                       </a>
   
                         <ul class=" dropdown-menu dropdown-submenu" aria-labelledby="navbarDropdownMenuLink">
   
                             <a class="dropdown-item"  href="{% url 'consultation:fees_info_form' 0 %}">New Form</a>  
                             <a class="dropdown-item"  href="{% url 'consultation:fees_info' 'tbl' %}}">Fees Table</a> 
                             <a class="dropdown-item"  href="{% url 'consultation:fees_info' 'csv' %}">Download</a>                  
   
                         </ul>
                        
   
                       </li>

                       <li>
                        <a class="dropdown-item "  id="navbarDropdownMenuLink" href="#">Examinations   &raquo; 
                       </a>
   
                         <ul class=" dropdown-menu dropdown-submenu" aria-labelledby="navbarDropdownMenuLink">
   
                             <a class="dropdown-item"  href="{% url 'consultation:history_examination_form' 0 %}">New Form</a>  
                             <a class="dropdown-item"  href="{% url 'consultation:history_examination' 'tbl' %}">Examination Table</a> 
                             <a class="dropdown-item"  href="{% url 'consultation:history_examination' 'csv' %}">Download</a>                  
   
                         </ul>
                        
   
                       </li>

                       <li>
                        <a class="dropdown-item "  id="navbarDropdownMenuLink" href="#">Vitals   &raquo; 
                       </a>
   
                         <ul class=" dropdown-menu dropdown-submenu" aria-labelledby="navbarDropdownMenuLink">
   
                             <a class="dropdown-item"  href="{% url 'consultation:vitals_form' 0 %}">New Form</a>  
                             <a class="dropdown-item"  href="{% url 'consultation:vitals' 'tbl' %}">Vital Table</a> 
                             <a class="dropdown-item"  href="{% url 'consultation:vitals' 'csv' %}">Download</a>                  
   
                         </ul>
                        
   
                       </li>
                      
 
                     </li>

                  </ul>

                <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle text-dark" href="" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                    Diagnosis
                  </a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item "  id="navbarDropdownMenuLink" href="#">Diagnose   &raquo;</a>
 
                       <ul class=" dropdown-menu dropdown-submenu" aria-labelledby="navbarDropdownMenuLink">
 
                           <a class="dropdown-item"  href="{% url 'diagnoses:diagnose_form' 0 %}">New Form</a>  
                           <a class="dropdown-item"  href="{% url 'diagnoses:diagnose' 'tbl' %}">Diagnosis Table</a> 
                           <a class="dropdown-item"  href="{% url 'diagnoses:diagnose' 'csv' %}">Download</a>                  
 
                       </ul>
 
                     </li>

                     <li><a class="dropdown-item "  id="navbarDropdownMenuLink" href="#">Conditions   &raquo;</a>
 
                      <ul class=" dropdown-menu dropdown-submenu" aria-labelledby="navbarDropdownMenuLink">

                          <a class="dropdown-item"  href="{% url 'diagnoses:condition_form' 0 %}">New Form</a>  
                          <a class="dropdown-item"  href="{% url 'diagnoses:condition' 'tbl' %}">Condition Table</a> 
                          <a class="dropdown-item"  href="{% url 'diagnoses:condition' 'csv' %}">Download</a>                  

                      </ul>

                    </li>


                  </ul>
                </li>

                
              <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle text-dark" href="" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                  Medications
                </a>
                <ul class="dropdown-menu">
                  <li><a class="dropdown-item "  id="navbarDropdownMenuLink" href="#">Medicational   &raquo;</a>
 
                    <ul class=" dropdown-menu dropdown-submenu" aria-labelledby="navbarDropdownMenuLink">

                        <a class="dropdown-item"  href="{% url 'medication:medications_form' 0 %}">New Form</a>  
                        <a class="dropdown-item"  href="{% url 'medication:medications' 'tbl' %}">medication Table</a> 
                        <a class="dropdown-item"  href="{% url 'medication:medications' 'csv' %}">Download</a>                  

                    </ul>

                  </li>

                </ul>
              </li>
            </ul>
         
          </div>
        </div>
      </nav>

