<!-- =-=-=-=-=-=-= Main Area =-=-=-=-=-=-= -->
<div class="main-content-area">
   <!-- =-=-=-=-=-=-= Page Breadcrumb =-=-=-=-=-=-= -->
   <section class="page-title">
      <div class="container">
         <div class="row">
            <div class="col-md-6 col-sm-7 col-xs-12 text-left">
               <h1>User Profile</h1>
            </div>
            <!-- end col -->
            <div class="col-md-6 col-sm-5 col-xs-12 text-right">
               <div class="bread">
                  <ol class="breadcrumb">
                     <li><a href="#">Home</a>
                     </li>
                     <li><a href="#">Pages</a>
                     </li>
                     <li class="active">Update User Profile</li>
                  </ol>
               </div>
               <!-- end bread -->
            </div>
            <!-- end col -->
         </div>
         <!-- end row -->
      </div>
      <!-- end container -->
   </section>
   <!-- =-=-=-=-=-=-= Page Breadcrumb End =-=-=-=-=-=-= -->
   <!-- =-=-=-=-=-=-= User TimeLine =-=-=-=-=-=-= -->
   <section class="section-padding-80">
      <div class="container">
         <!-- Row -->
         <div class="row">
            <div class="col-sm-6 col-md-12">
                <?php if($this->session->flashdata('success_msg')): ?>
                <div class="alert alert-success alert-dismissible " role="alert">
                    <strong><?php echo $this->session->flashdata('success_msg'); ?></strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <?php elseif($this->session->flashdata('error_msg')): ?>
                <div class="alert alert-danger alert-dismissible " role="alert">
                    <strong><?php echo $this->session->flashdata('error_msg'); ?></strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <?php elseif($this->session->flashdata('success_msg_delete')): ?>
                <div class="alert alert-success alert-dismissible " role="alert">
                    <strong><?php echo $this->session->flashdata('success_msg_delete'); ?></strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <?php elseif($this->session->flashdata('success_msg_update')): ?>
                <div class="alert alert-success alert-dismissible " role="alert">
                    <strong><?php echo $this->session->flashdata('success_msg_update'); ?></strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <?php elseif(validation_errors() == true):?>
                <div class="alert alert-warning alert-dismissible " role="alert">
                    <strong><?php echo validation_errors(); ?></strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <?php endif; ?>
            </div>
        </div>
         <div class="row">
            <div class="col-sm-12 col-md-12">
                <?php echo form_open_multipart('update-profile',array('class' => ''));?>
               <div class="box-panel">
               <?php foreach($user_details as $user_detail):?>
                  <h2>Profile Picture</h2>
                    <?php if($user_detail->image != 'no image'):?>
                        <p id="exsisted_image"><img src="<?php echo site_url('uploads/user_image/'.$user_detail->image)?>"
                        class="img img-thumbnail" alt="profile image" style="width: 200px;height: 200px;">
                    <input type="hidden"  name="current_profile_img" value="<?php echo $user_detail->image; ?>"></p>
                    <?php else:?>
                        <p>Image Not Available</p>
                        <input type="hidden" id="cur_img" name="current_profile_img" value="<?php echo "no image upload"; ?>">
                     <?php endif;?>
                     <p id="change-button"><a href="javascript:OpenImageUpdateSection();">Change Profile Picture</a></p>

                     <p id="cancel-button"><a href="javascript:CloseImageUpdateSection();">Close</a></p>
                     <div id="image_uploader">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Profile Image Uploader</label>
                                    <div id="custom-search-input">
                                        <input type="file" id="file" name="profile_img" class="form-control">
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <?php endforeach; ?>
                  <hr>
                  <!-- form login -->
                  <?php foreach($user_details as $user_detail):?>
                    <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Full Name</label>
                                    <div id="custom-search-input">
                                    <input type="text"  class="form-control" id="name" name="name" value="<?php echo $user_detail->name;?>">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>Email</label>
                                    <div id="custom-search-input">
                                    <input type="email"  class="form-control" id="email" name="email" value="<?php echo $user_detail->email;?>">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>Address</label>
                                    <div id="custom-search-input">
                                        <input type="text"  class="form-control" id="address" name="address" value="<?php echo $user_detail->address;?>">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                            <div class="form-group">
                                <label>Phone</label>
                                <div id="custom-search-input">
                                <input type="tel"  class="form-control" id="phone" name="phone" value="<?php echo $user_detail->phone;?>">
                                <input type="hidden" name="user_id" value="<?php echo $user_detail->id;?>">
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Age</label>
                                <div id="custom-search-input">
                                <input type="number" min="1" max="100"  class="form-control" name="age" id="age" value="<?php echo $user_detail->age;?>">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="">Select Gender </label>
                                <br>
                            <label class="radio-inline">
                                 <input type="radio" name="gender" value="male" <?php echo ($user_detail->gender =='male')?'checked':'' ?> >Male
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="gender" value="female" <?php echo ($user_detail->gender=='female')?'checked':'' ?>>Felame
                            </label>
                            </div>
                            </div>
                    </div>
                    <?php endforeach; ?>
                     <div class="row">
                         <div class="col-md-12">
                         <input type="submit" class="btn btn-primary pull-right" value="Save">
                         </div>
                     </div>

                     <?php echo form_close();?>
                     <hr>

                  <!-- form login -->
               </div>

            </div>
            <div class="clearfix"></div>
         </div>
      </div>
   </section>
   <!-- =-=-=-=-=-=-= User TimeLine End =-=-=-=-=-=-= -->
</div>
<!-- =-=-=-=-=-=-= Main Area End =-=-=-=-=-=-= -->