<ul class="nav nav-pills nav-justified tab-nav">
               <li class="nav-item" role="presentation">
                  <a class="nav-link active" id="tutor-tab" data-toggle="tab" href="#tutor" role="tab" aria-controls="tutor" aria-selected="true">Admin Dashboard</a>
               </li>
              
            </ul>
            <div class="tab-content">
               <div class="tab-pane fade show active" id="tutor" role="tabpanel" aria-labelledby="tutor-tab">
                  <div class="list-group">
                      <style>
                           .image-upload input {
                                display: none;
                            }
                            
                        </style>
                      <li class="list-group-item image-upload">

                          <form method="post" action="profile_image_update.php"  enctype="multipart/form-data">
                            <input type="hidden" name="id" value="<?php echo $ses_row['id']?>">
                              <label for="file" id="uploaded_image">
                                   <script type='text/javascript'>
                                        function preview_image(event)
                                        {
                                            var reader = new FileReader();
                                            reader.onload = function()
                                            {
                                                var output = document.getElementById('output_image');
                                                output.src = reader.result;
                                            }
                                            reader.readAsDataURL(event.target.files[0]);
                                        }
                                    </script>
                                     <?php if ($ses_row['image']!=''): ?>
                                        <img src="<?= $ses_row['image']; ?>" id="output_image" style="width: 100%; height: auto; cursor: pointer; object-fit: cover;">
                                        <?php else: ?>
                                        <img src="assets/img/dummy1.png" id="output_image" style="width: 100%; height: auto; cursor: pointer; object-fit: cover;">
                                    <?php endif ?>
                                
                                </label>
                                <input id="file" type="file" name="image" onchange="preview_image(event)" accept="image/*" />
                               <input type="hidden" name="user" value="<?= $ses_row['username'];?>">
                             
                             <br><br>
                                <button class="btn btn-primary btn-block" name="add_image" type="submit">Upload Image</button>
                          </form>
                        
                      </li>
                            
                   <a href="change_password.php" class="list-group-item">Change Password
                      </a>  
                      <a href="logout.php" class="list-group-item">Logout
                      </a>
                  </div>
               </div>
               <di>
            </div>