<div class="col-lg-4 col-md-12">
   <div class="top-coupon-left pt-0">
      <!--User Profile-->
      <div class="create-profile">
         <?php if($profile_pic!=''){ echo '<img src="forms/'.$profile_pic.'" class="img-fluid" width="150" alt="create-profile" title="create-profile" >';}
            else{
            
            echo '<img src="images/merchant/create-profile.png" class="img-fluid" alt="create-profile" title="create-profile">';
            }
            ?>
         <p class="pt-2">   <?php if($first_name!=''){ echo $first_name;
            }else{
                echo 'Devid warner';
            }
            ?></p>
      </div>
      <div class="nav flex-column nav-pills me-3" id="v-pills-tab" role="tablist" aria-orientation="vertical">
         <!--pills-profile-setting-->
         <div class="nav-link <?php if($tab_id==''){ echo 'active';} ?>" id="v-pills-profile-setting-tab" data-bs-toggle="pill" data-bs-target="#v-pills-profile-setting" role="tab" aria-controls="v-pills-profile-setting" aria-selected="true">
            <div class="coupon-tab-left">
               <div class="coupon-svg">
                  <i class="fas fa-cogs"></i>
               </div>
               <div class="coupon-txt ps-3">
                  <p>Profile Setting</p>
               </div>
            </div>
         </div>
         <!--pills-changepassword-->
         <div class="nav-link <?php if($tab_id==2){ echo 'active';} ?>" id="v-pills-changepassword-tab" data-bs-toggle="pill" data-bs-target="#v-pills-changepassword" role="tab" aria-controls="v-pills-changepassword" aria-selected="false">
            <div class="coupon-tab-left">
               <div class="coupon-svg">
                  <i class="fas fa-lock"></i>
               </div>
               <div class="coupon-txt ps-3">
                  <p>Change password</p>
               </div>
            </div>
         </div>
         <!--pills-favouritecoupon-->
         <div class="nav-link <?php if($tab_id==3){ echo 'active';} ?>" id="v-pills-favouritecoupon-tab" data-bs-toggle="pill" data-bs-target="#v-pills-favouritecoupon" role="tab" aria-controls="v-pills-favouritecoupon" aria-selected="false">
            <div class="coupon-tab-left">
               <div class="coupon-svg">
                  <i class="fas fa-heart"></i>
               </div>
               <div class="coupon-txt ps-3">
                  <p>Favourite Coupon</p>
               </div>
            </div>
         </div>
         <!--pills-Raise-Ticket-->
         <div class="nav-link"  data-bs-toggle="pill"  role="tab"  aria-selected="false">
            <a class="text-decoration-none text-dark" target="_blank" href="<?=$freshdesk_url?>">
               <div class="coupon-tab-left">
                  <div class="coupon-svg">
                     <i class="fas fa-ticket-alt"></i>
                  </div>
                  <div class="coupon-txt ps-3">
                     <p>Raise Ticket</p>
                  </div>
               </div>
            </a>
         </div>
         <!--pills-ticket-message-bord-history-->
         <div class="nav-link" data-bs-toggle="pill"  role="tab"  aria-selected="false">
            <a class="text-decoration-none text-dark" href="./forms/logout">
               <div class="coupon-tab-left">
                  <div class="coupon-svg">
                     <i class="fas fa-sign-out-alt"></i>
                  </div>
                  <div class="coupon-txt ps-3">
                     <p>Logout</p>
                  </div>
               </div>
            </a>
         </div>
      </div>
   </div>
</div>