@extends('front.layouts.main')
@section('content')
<h2 class="h2-main mt-0 mb-15">{{@$gcompany->company_name}}</h2>
<div class="card-c mb-15">
  @if($msg=Session::get('success'))
  <script type="text/javascript">
    swal("", "{{ Session::get('success') }}", "");
  </script>
  @endif    
  @if($msg=Session::get('error'))
  <script type="text/javascript">
    swal("", "{{ Session::get('error') }}", "");
  </script>
  @endif
  {{ Form::open(['route'=>['change-user-profile', \Auth::user()->id],'files' =>'true', 'data-parsley-validate'=>"", 'id'=>'account']) }}
  <div class="row">
    <div class="col-xl-2 col-md-4 mb-4 mb-md-0">
      <div class="company-logo-thumb-wrap text-center mx-auto mx-md-0">
        <div class="company-logo-thumb">
          <img id="ProfileItemImage" src="{{\Auth::user()->image==''?'':\Auth::user()->image}}">
          @if(\Auth::user()->image))
          @else
          <div class="avatar">
            <i class="font-upload"></i>
            <div class="upload-text">Upload profile Photo</div>
          </div>
          @endif
        </div>
        <label for="user-image" class="btn-new btn-new-primary upload-btn-wrap btn-sm-new">
        <input type="file" name="image" id="user-image" profile="">
        Upload your profile photo
        </label>
      </div>
    </div>
    <div class="col-xl-10 col-md-8">
      <div class="row">
        <div class="col-sm-6">
          <div class="form-group-row">
            <label for="inputName" class="form-group-label">First Name</label>
            <input type="text" class="form-group-input" name="first_name" id="first_name"  value="{{ $user->first_name}}"  required="" data-parsley-error-message="Please enter first name.">
            <div class="error-text">{{ $errors->first('first_name', ':message') }}</div>
          </div>
        </div>
        <div class="col-sm-6">
          <div class="form-group-row">
            <label for="inputName" class="form-group-label">Last Name</label>
            <input type="text" class="form-group-input" name="last_name" id="last_name"  value="{{ $user->last_name}}"  required="" data-parsley-error-message="Please enter last name.">
            <div class="error-text">{{ $errors->first('last_name', ':message') }}</div>
          </div>
        </div>
        <div class="col-sm-6">
          <div class="form-group-row">
            <label for="workemail" class="form-group-label">Email</label>
            <input type="email" class="form-group-input" name="workemail"  id="workemail"  value="{{ $user->email}}" readonly>
            <div class="text-right mt-1"><a class="link-text" href="javascript:void(0)" data-attribute="change_password">Change Password</a></div>
          </div>
        </div>
        <div class="col-sm-6">
          <div class="form-group-row">
            <label for="mobilenumber" class="form-group-label">Mobile Number</label>
            <input type="text" class="form-group-input " name="mobilenumber" id="mobilenumber"  value="{{ $user->mobile_no}}">
            <div class="error-text">{{ $errors->first('mobilenumber', ':message') }}</div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-12 text-center mt-3">
      <button type="submit" class="btn-new btn-new-primary">Save</button>
    </div>
  </div>
  {{ Form::close() }}
</div>
<div class="modal-custom modal-small" data-pop="change_password">
    <div class="close modal-close-btn">
        <i class="icon-cancel"></i>
    </div>
    <h4 class="modal-cutom-title mar_bottom_20 mar_top_15 text-center">Change Password</h4>
    <div class="mar_bottom_20 text-center"><img width="270" src="{{asset('root-assets/images/forgot-pic.png')}}"></div>
    <div class="modal-form-wrap">
        {{ Form::open(['route'=>['change-user-password', \Auth::user()->id], 'data-parsley-validate'=>"", 'id'=>'val']) }}
        <div class="form-group-row">
            <label for="currentPassword" class="form-group-label">Current Password</label>
            <input type="password" class="form-group-input" id="currentPassword" name="currentPassword" required="" data-parsley-error-message="Please enter existing password.">
            {{ $errors->first('currentPassword', ':message') }}
        </div>
        <div class="form-group-row">
            <label for="newPassword" class="form-group-label">New Password</label>
            <input type="password" class="form-group-input" id="newPassword" name="newPassword" required="" data-parsley-error-message="Please enter new password.">
            {{ $errors->first('newPassword', ':message') }}
        </div>
        <div class="form-group-row">
            <label for="confirmPassword" class="form-group-label">Confirm Password</label>
            <input type="password" class="form-group-input" id="confirmPassword" name="confirmPassword" required="" data-parsley-error-message="Please retype new password.">
            {{ $errors->first('confirmPassword', ':message') }}
        </div>
        <div class="form-group-row text-center">
            <button type="submit" class="btn-new btn-new-primary btn-new-login">Save</button>
        </div>
        {{ Form::close() }}
    </div>
</div>
@endsection
@section('js')
<script type="text/javascript">
  $(function () {
      $('#account ').parsley().on('field:validated', function () {
          var ok = $('.parsley-error').length === 0;
          $('.bs-callout-info').toggleClass('hidden', !ok);
          $('.bs-callout-warning').toggleClass('hidden', ok);
      })
              .on('form:submit', function () {
                  return true; // Don't submit form for this demo
              });