@extends('master')
@section('content')
@foreach($user_detail as $user_details)
<div id="wrapper">
   <div id="page-wrapper">
      <div class="container-fluid">
         <div class="white-box">
            <div class="row">
               <ol class="breadcrumb">
                  <li><a href="{{ URL::to('admin/facilitylist') }}">Home</a></li>
                  <li class="active">Profile page</li>
               </ol>
               <div class="well">
                  <div class="row">
                     <div class="col-md-12">
                        <div class="col-md-4 col-xs-12">
                           <div class="white-box">
                              <div class="user-bg">
                                 <img width="100%" alt="" src="../plugins/images/large/img1.jpg">
                                 <div class="overlay-box">
                                    <div class="user-content">
                                       <form method="post" id="prof_img_form" action="{{ url('admin/profile_image') }}" enctype="multipart/form-data">
                                          {{ csrf_field()}}
                                          <input type="file" name="profile_image" style="display: none;" id="profile_image">
                                       </form>
                                       <label for="profile_image" style="cursor: pointer">
                                       <img src="{{ url('public/uploads') }}/{{ $profile_image }}" class="thumb-lg img-circle" onerror="this.onerror=null;this.src='{{url('public/assets/img/avatars/male.png')}}';" alt="Avatar" title="Click to change the Avatar">
                                       </label>
                                       <script type="text/javascript">
                                          $(document).ready(function(){
                                          
                                              $("input[type=file]").change(function(){
                                          
                                                  $("#prof_img_form").submit();
                                          
                                              });
                                          
                                          });
                                       </script>                                        
                                       <h4 class="text-white">{{$user_details->Name}}</h4>
                                       <h5 class="text-white">{{$user_details->Email}}</h5>
                                    </div>
                                 </div>
                              </div>
                           </div>
						   <p><i class="fa fa-info-circle"></i> Click on the Image to change the Avatar</p>
                        </div>
                        <div class="col-md-8 col-xs-12">
                           <div class="white-box">
                              <h1 class="text-center" style="color:#02529B">Personal Information</h1>
                              <div class="tab-content">
                                 <div class="tab-pane active" id="profile">
                                    <div class="row">
                                       <div class="col-md-3 col-xs-6 b-r">
                                          <strong>Full Name</strong>
                                          <br>
                                          <p class="text-muted">{{$user_details->Name}}</p>
                                       </div>
                                       <div class="col-md-3 col-xs-6 b-r">
                                          <strong>Mobile</strong>
                                          <br>
                                          <p class="text-muted">{{$user_details->Phone}}</p>
                                       </div>
                                       <div class="col-md-3 col-xs-6 b-r">
                                          <strong>Email</strong>
                                          <br>
                                          <p class="text-muted">{{$user_details->Email}}</p>
                                       </div>
                                       <div class="col-md-3 col-xs-6">
                                          <strong>Location</strong>
                                          <br>
                                          <p class="text-muted">{{$user_details->OtherAddress}}</p>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
@endforeach
@stop