<style>
   .profile-details{
   padding: 25px 25px 0;
   }
   .profile-details p:last-child{
   border-bottom: none;
   }
   .profile-details p{
   border-bottom: solid 1px #34435429;
   line-height: 36px;
   padding-bottom: 7px;
   }
   .profile-view-sec .card-body{
   padding:0;
   }
   .profile-view-sec .profile-top-sec{
   
  background: linear-gradient(73deg, rgb(8 66 111) 0%, rgb(0 141 202) 100%);
   padding: 30px;
   border-radius: 5px 5px 0 0;
   }
   .profile-top-sec h4{    
   color: #fff;
   font-weight: 600;
   margin-bottom: 10px !important;
   }
   .profile-top-sec p{
   color: #fff;
   background: #ffffff45;
   display: inline;
   padding: 2px 12px;
   }
   .profile-view-sec .social-list{
   display: flex;
   flex-wrap: wrap;
   padding: 0;
   margin: 0;
   }
   .profile-view-sec .social-list li{
   flex-basis: 45%;
   flex-grow: 1;
   margin: 0;
   }
   .profile-view-sec .social-list li a{
   color: #000;
   height: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
   border: solid 1px #0000001c;
   font-size:18px;
   transition:0.3s all ease-out;
   }
   .profile-view-sec .social-list li:nth-child(4) a,  .profile-view-sec .social-list li:nth-child(3) a{
   border-top:none !important;
   }
   .profile-view-sec .social-list li.facebook a:hover{
   background:#0865ff;
   color: #fff;
   }
   .profile-view-sec .social-list li.twitter a:hover{
   background: #2b2b2b; color: #fff;
   }
   .profile-view-sec .social-list li.linkdin a:hover{
   background: #004cc9; color: #fff;
   }
   .profile-view-sec .social-list li.instagram a:hover{
   background: rgb(131, 58, 180);
   background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
   color: #fff;
   }
</style>
<div class="wrapper">
   <!-- Content Wrapper. Contains page content -->
   <div class="content-wrapper">
      <div class="container-full">
         <!-- Content Header (Page header) -->    
         <div class="content-header">
            <div class="d-flex align-items-center">
               <div class="me-auto">
                  <h4 class="page-title">Profile Management</h4>
                  <div class="d-inline-block align-items-center">
                     <nav>
                        <ol class="breadcrumb">
                           <li class="breadcrumb-item"><a href="#"><i class="fa fa-home"></i></a></li>
                           <li class="breadcrumb-item active" aria-current="page">Profile</li>
                        </ol>
                     </nav>
                  </div>
               </div>
            </div>
         </div>
         <!-- Main content -->
         <section class="content">
            <div class="row">
               <div class="col-xl-12  col-lg-12  col-md-12 col-sm-12 col-12">
                  <div class="card">
                     <div class="card-body">
                        <form id="profile">
                           <h5 class="mb-4">Update Your Profile</h5>
                           <div class="row">
                              <div class="col-md-12">
                                 <div class="mb-3">
                                    <label for="firstname" class="form-label">Name</label>
                                    <input type="hidden" class="form-control" value="<?= $profile->adm_id; ?>" name="adm_id">
                                    <input type="text" class="form-control" name="adm_name" value="<?= $profile->adm_name; ?>" required>
                                 </div>
                              </div>
                              <div class="col-md-6">
                                 <div class="mb-3">
                                    <label for="useremail" class="form-label">Email</label>
                                    <input type="email" class="form-control" name="adm_email" value="<?= $profile->adm_email; ?>" required>
                                 </div>
                              </div>
                              <div class="col-md-6">
                                 <div class="mb-3">
                                    <label for="userpassword" class="form-label">Mobile Number</label>
                                    <input type="text" class="form-control" name="adm_phone" value="<?= $profile->adm_phone; ?>" required>
                                 </div>
                              </div>
                              <!-- end col -->
                              <div class="col-md-12">
                                 <div class="mb-3">
                                    <label for="" class="form-label">Address</label>
                                    <textarea class="form-control" rows="3" name="adm_address" required><?= $profile->adm_address; ?></textarea>
                                 </div>
                              </div>
                              <!-- end col -->
                              <div class="col-md-6">
                                 <div class="mb-3">
                                    <label for="" class="form-label">Facebook</label>
                                    <input type="text" class="form-control" name="adm_facebook" value="<?= $profile->adm_facebook; ?>">
                                 </div>
                              </div>
                              <!-- end col -->
                              <div class="col-md-6">
                                 <div class="mb-3">
                                    <label for="" class="form-label">Twitter</label>
                                    <input type="text" class="form-control" name="adm_twiitter" value="<?= $profile->adm_twiitter; ?>">
                                 </div>
                              </div>
                              <!-- end col -->
                              <div class="col-md-6">
                                 <div class="mb-3">
                                    <label for="" class="form-label">LinkedIn</label>
                                    <input type="text" class="form-control" name="adm_linkdin" value="<?= $profile->adm_linkdin; ?>">
                                 </div>
                              </div>
                              <!-- end col -->
                              <div class="col-md-6">
                                 <div class="mb-3">
                                    <label for="" class="form-label">Instagram</label>
                                    <input type="text" class="form-control" name="adm_instagram" value="<?= $profile->adm_instagram; ?>">
                                 </div>
                              </div>
                              <!-- end col -->
                           </div>
                           <!-- end row -->
                           <div class="text-end">
                              <button type="submit" class="btn btn-primary mt-2"> Update Profile</button>
                           </div>
                        </form>
                     </div>
                  </div>
                  <div class="card">
                     <div class="card-body">
                        <form id="password">
                           <h5 class="mb-4">Update Password</h5>
                           <div class="row">
                              <div class="col-md-6">
                                 <div class="mb-3">
                                    <label for="" class="form-label">Old Password</label>
                                     <input type="hidden" class="form-control" value="<?= $profile->adm_id; ?>" name="adm_id">
                                    <input type="text" class="form-control" name="oldpassword" required>
                                 </div>
                              </div>
                              <div class="col-md-6">
                                 <div class="mb-3">
                                    <label for="" class="form-label">New Password</label>
                                    <input type="text" class="form-control" name="newpassword" required>
                                 </div>
                              </div>
                           </div>
                           <!-- end row -->
                           <div class="text-end">
                              <button type="submit" class="btn btn-primary mt-2"> Update Password</button>
                           </div>
                        </form>
                     </div>
                  </div>
               </div>
            </div>
         </section>
         <!-- /.content -->
      </div>
   </div>
   <!-- /.content-wrapper -->
</div>
<!-- ./wrapper -->