<style>
    .active-btn2{
        background-color: #9cf198;
        color: #68e365;
        padding: 0.5rem;
        border-radius: 0.2rem;
    }
</style>
<div class="col-md-10 mx-auto my-3">
    <!-- Nav pills -->
    <!--<ul class="nav nav-pills mb-4">-->
    <!--  <li class="nav-item">-->
    <!--    <a class="nav-link active" data-bs-toggle="pill" href="#home">User Survey</a>-->
    <!--  </li>-->
    <!--  <li class="nav-item">-->
    <!--    <a class="nav-link" data-bs-toggle="pill" href="#menu1">Shop Survey</a>-->
    <!--  </li>-->
    <!--</ul>-->
    <?php 
  if($this->session->flashdata("message_name")!='')  
  { 
  ?> 
         <div class="alert alert-success" style="max-width: 100%;"> 
            <strong>Success!</strong> <?php echo $this->session->flashdata("message_name");?> 
        </div> 
  <?php 
  }  
  if($this->session->flashdata("error")!='')  
  { 
  ?> 
         <div class="alert alert-danger" style="max-width: 100%;;"> 
            <strong>Error!</strong> <?php echo $this->session->flashdata("error");?>
        </div> 
  <?php 
  } 
  ?>
  <script>
         window.setTimeout(function() {
         $(".alert").fadeTo(500, 0).slideUp(500, function(){
         $(this).remove(); 
         });
      }, 3500);
      </script>
    <!-- Tab panes -->
    <div class="tab-content">
      <div class="tab-pane container active px-0" id="home">
          <div class="shadow p-4 rounded-3 SurveyForm px-5 text-white">
            <div class="text-center">
                <h4 class="fw-bold">Personal Details</h4><hr>
            </div>
            <div class="row">
            <div class="col-md-12">
                  <form  method="POST" action="<?php echo base_url(); ?>Base/profile_update">
                    <div class="row">
                          <div class="col-md-6 mb-2">
                        <label class="form-label mt-2">User ID</label> <span style="color: red;">*</span>
                        <input type="text" class="form-control" name="sur_user_id" placeholder="" required="required">
                        </div>
                        <div class="col-md-6 mb-2">
                        <label class="form-label mt-2">First Name</label> <span style="color: red;">*</span>
                        <input type="text" class="form-control" name="f_name" placeholder="Enter your name" onkeypress="return /[a-zA-Z ]/i.test(event.key)" pattern="^[a-zA-Z ]+$" required="required">
                        </div>
                         <div class="col-md-6 mb-2">
                        <label class="form-label mt-2">Mobile No</label> <span style="color: red;">*</span>
                        <input type="number" class="form-control" name="mobile_no" placeholder="Enter your Mobile No" required="required">
                        </div>
                        <div class="col-md-6 mb-2">
                        <label class="form-label mt-2">Email ID</label> <span style="color: red;">*</span>
                        <input type="email" class="form-control" name="email_id" placeholder="Enter your Email ID" required="required">
                        </div>
                        <div class="col-md-6 mb-2">
                        <label class="form-label mt-2">Pin Code</label> <span style="color: red;">*</span>
                        <input type="number" class="form-control" name="pincode" placeholder="Enter your Pin Code" required="required">
                        </div>
                        <div class="col-md-6 mb-2">
                        <label class="form-label mt-2">Address</label> <span style="color: red;">*</span>
                        <input type="text" class="form-control" name="address" placeholder="Enter your Address" required="required">
                        </div>
                        <div class="col-md-6 mb-2">
                        <label class="form-label mt-2">D.O.B</label> <span style="color: red;">*</span>
                        <input type="date" class="form-control" name="dob" required="required">
                        </div>
                 
                </div>
            </div>
            </div>
            <div class="text-center">
                <button type="submit"  class="btn btn-warning mt-4">Submit</button>
            </div>
        </form>
        </div>
      </div>
  
    </div>
        
        
</div>





