@extends('admin.layouts.main')
@section('content')
  

<div class="page-content">
  <div class="container-fluid">

      <!-- start page title -->
      <div class="row">
          <div class="col-12">
              <div class="page-title-box d-flex align-items-center justify-content-between">
                  <h4 class="mb-0">Profile</h4>

                  <div class="page-title-right">
                      <ol class="breadcrumb m-0">
                          <li class="breadcrumb-item"><a href="{{ url('admin/dashboard') }}">Dashboard</a> / Profile</li>
                      </ol>
                  </div>
              </div>
          </div>
      </div>
      <!-- end page title -->

      <div class="row mb-4">
          <div class="col-xl-4">
              <div class="card h-100">
                  <div class="card-body">
                      <div class="text-center">
                          <div class="clearfix"></div>
                          <div>
                              @if(file_exists(public_path('uploads/profile_pics/'. Auth::user()->profile_pics)) && Auth::user()->profile_pics)
                                  <img src="{{ url('uploads/profile_pics/'.Auth::user()->profile_pics) }}" alt="{{ucfirst(Auth::user()->name)}}" class="avatar-lg rounded-circle img-thumbnail">
                                @else
                                  <img src="{{ url('admin_theme/images/default-user.png') }}" alt="{{ucfirst(Auth::user()->name)}}" class="avatar-lg rounded-circle img-thumbnail">
                              @endif
                          </div>
                      </div>

                      <hr class="my-4">

                      <div class="text-muted">
                          <h5 class="font-size-16">About User Information</h5>
                          <div class="table-responsive mt-4">
                              <div>
                                  <p class="mb-1">Name :</p>
                                  <h5 class="font-size-16">{{ucfirst(Auth::user()->name)}} {{ucfirst(Auth::user()->last_name)}}</h5>
                              </div>
                              <div class="mt-4">
                                  <p class="mb-1">Mobile :</p>
                                  <h5 class="font-size-16">{{Auth::user()->mobile}}</h5>
                              </div>
                              <div class="mt-4">
                                  <p class="mb-1">E-mail :</p>
                                  <h5 class="font-size-16">{{Auth::user()->email}}</h5>
                              </div>
                              <div class="mt-4">
                                  <p class="mb-1">Location :</p>
                                  <h5 class="font-size-16">{{Auth::user()->address }}</h5>
                              </div>

                          </div>
                      </div>
                  </div>
              </div>
          </div>

          <div class="col-xl-8">
              <div class="card mb-0">
                <?php 
                  $messageArr = ['success', 'warning', 'danger', 'info'];
                  ?>
                @foreach($messageArr as $message)
                @if(session()->has($message))   
                <div class="col-md-12">
                  <div class="alert alert-{{$message}}">
                    {{ session()->get($message) }}   
                  </div>
                </div>
                @endif
                @endforeach 
                <div class="card-body">
                  <h4 class="card-title">Edit Profile</h4><hr>

                  {{ Form::model($user, ['route' => ['userProfile.update', $user->id], 'method' => 'put', 'role' => 'form','enctype'=>'multipart/form-data','id'=>'userProfileForm'] ) }}

                    <div class="mb-3 row">
                        <label for="example-text-input" class="col-md-2 col-form-label">First Name</label>
                        <div class="col-md-10">
                          <input type="text" class="form-control" placeholder="Name" value="{{ucfirst(Auth::user()->name)}}" name="name">
                        </div>
                    </div>
                    <div class="mb-3 row">
                        <label for="example-text-input" class="col-md-2 col-form-label">Last Name</label>
                        <div class="col-md-10">
                          <input type="text" class="form-control" placeholder="Name" value="{{ucfirst(Auth::user()->last_name)}}" name="last_name">
                        </div>
                    </div>
                    <div class="mb-3 row">
                        <label for="example-text-input" class="col-md-2 col-form-label">Email</label>
                        <div class="col-md-10">
                          <input type="text" class="form-control" placeholder="Email" value="{{ucfirst(Auth::user()->email)}}" name="email">
                        </div>
                    </div>
                    <div class="mb-3 row">
                        <label for="example-text-input" class="col-md-2 col-form-label">Phone</label>
                        <div class="col-md-10">
                          <input type="text" class="form-control" value="{{ucfirst(Auth::user()->mobile)}}" name="mobile" placeholder="Phone">
                        </div>
                    </div>
                    <div class="mb-3 row">
                        <label for="example-text-input" class="col-md-2 col-form-label">Address</label>
                        <div class="col-md-10">
                          <input type="text" class="form-control" value="{{ucfirst(Auth::user()->address)}}" name="address" placeholder="Address">
                        </div>
                    </div>
                    <div class="mb-3 row">
                        <label for="example-text-input" class="col-md-2 col-form-label">Profile Pic.</label>
                        <div class="col-md-10">
                          <input type="file" name="profile_pics" accept="image/png, image/jpeg, image/jpg, image/gif" class="form-control" id="profile_pics">
                            <br>
                            @if(file_exists(public_path('uploads/profile_pics/'.$user->profile_pics)) && $user->profile_pics)
                            <img src="{{url('uploads/profile_pics/'.$user->profile_pics)}}" id="profile-img-tag" width="120px"/>
                            @else
                            <img src="{{ URL::to('/admin_theme/images/default-user.png') }}" id="profile-img-tag" width="120px" />
                            @endif
                        </div>
                    </div>
                    <div class="form-group">
                      <div class="col-sm-offset-2 col-sm-10" style="margin-top: 10px">
                        <button type="submit" class="btn btn-primary w-md">Submit</button>
                      </div>
                    </div>
                  </form>
                </div>
                
              </div>
          </div>
      </div>
      <!-- end row -->
      
  </div> <!-- container-fluid -->
</div>

@stop
@section('footer_script')
<script type="text/javascript">
   
 function readURL(input) {
    if (input.files && input.files[0]) {
      var reader = new FileReader();
      
      reader.onload = function (e) {
        $('#profile-img-tag').attr('src', e.target.result);
      }
      reader.readAsDataURL(input.files[0]);
    }
  }
  $("#profile_pics").change(function(){
    readURL(this);
  });
</script>
@stop