@extends('layouts.app')

@section('form-title') {{ __('Profile') }} @endsection

@section('breadcrumb') 
<li class="breadcrumb-item"><a href="{{ route('profile.show', getAuthUser()->id) }}">{{ __('Profile') }}</a> </li> 
@endsection
    
@section('content')

<div class="pcoded-inner-content">
    <div class="main-body">
      <div class="page-wrapper">
        <!-- Page body start -->
        <div class="page-body">
          <div class="row">
            <div class="col-sm-12">
              <!-- Basic Inputs Validation start -->
              <div class="card">
                <div class="card-block">
                  <form id="main" method="post" action="{{ route('profile.update', $user->id) }}" enctype="multipart/form-data" novalidate>
                    @method('PUT')
                    @csrf

                    <div class="mb-3 row">
                      <label class="form-label col-sm-2 col-form-label">{{ __('Name') }} *</label>
                      <div class="col-sm-10">
                        <input type="text" class="form-control" name="name" id="name" placeholder="{{ __('Your Name') }}" value="{{ $user->name }}">
                        <span class="messages">
                            @if($errors->has('name'))
                            <p class="text-danger error">{{ $errors->first('name') }}</p>
                            @endif
                        </span>
                      </div>
                    </div>

                    <div class="mb-3 row">
                      <label class="form-label col-sm-2 col-form-label">{{ __('Country') }} </label>
                      <div class="col-sm-10">
                        {!! countries(156) !!}
                        <span class="messages">
                            @if($errors->has('country'))
                            <p class="text-danger error">{{ $errors->first('country') }}</p>
                            @endif
                        </span>
                      </div>
                    </div>

                    <div class="mb-3 row">
                      <label class="form-label col-sm-2 col-form-label">{{ __('Phone number') }} *</label>
                      <div class="col-sm-10">
                        <div class="row">
                          <div class="col-sm-2">
                            <input type="number" class="form-control" name="country_code" id="country_code" value="{{ $user->country_code }}">
                          </div>
                          <div class="col-sm-10">
                            <input type="text" class="form-control mob_no fill" data-mask="9999-999-999" name="phone" id="phone" placeholder="{{ __('Your Phone Number') }}" value="{{ $user->phone }}">
                          </div>
                          <span class="messages">
                              @if($errors->has('phone'))
                              <p class="text-danger error">{{ $errors->first('phone') }}</p>
                              @endif
                          </span>
                        </div>
                      </div>
                    </div>

                    <div class="mb-3 row">
                      <label class="form-label col-sm-2 col-form-label">{{ __('E-mail address') }} </label>
                      <div class="col-sm-10">
                        <span class="text-primary">{{ $user->email }}</span>
                        <span class="messages">
                            @if($errors->has('email'))
                            <p class="text-danger error">{{ $errors->first('email') }}</p>
                            @endif
                        </span>
                      </div>
                    </div>

                    <div class="mb-3 row">
                      <label class="form-label col-sm-2 col-form-label">{{ __('Password') }} </label>
                      <div class="col-sm-10">
                        <input type="password" class="form-control" name="pass" id="pass" placeholder="{{ __('Password') }}">
                        <span class="messages">
                            @if($errors->has('pass'))
                            <p class="text-danger error">{{ $errors->first('pass') }}</p>
                            @endif
                        </span>
                      </div>
                    </div>

                    <div class="mb-3 row">
                      <label class="form-label col-sm-2 col-form-label">{{ __('Password repeat') }} </label>
                      <div class="col-sm-10">
                        <input type="password" class="form-control" name="pass_confirmation" id="pass_confirmation" placeholder="{{ __('Renter password') }}">
                        <span class="messages">
                            @if($errors->has('conf_pass'))
                            <p class="text-danger error">{{ $errors->first('conf_pass') }}</p>
                            @endif
                        </span>
                      </div>
                    </div>

                    <div class="mb-3 row">
                      <label class="form-label col-sm-2 col-form-label">{{ __('Photo') }}</label>
                      <div class="col-sm-10">
                        <input type="hidden" name="old_avatar" value="{{ $user->avatar }}">
                        <input type="file" class="form-control" name="avatar" id="avatar">
                        <span class="messages">
                            @if($errors->has('avatar'))
                            <p class="text-danger error">{{ $errors->first('avatar') }}</p>
                            @endif
                        </span>
                      </div>
                    </div>

                    <div class="mb-3 row">
                      <label class="form-label col-sm-2 col-form-label">&nbsp;</label>
                      <div class="col-sm-10">
                        <div class="row">
                          <div class="col-sm-2">
                            <img src="{{ asset('storage/avatars/'.$user->avatar) }}" id="img_avatar" alt="user profile image">
                          </div>
                          <div class="col-sm-10">
                            <input type="hidden" name="default_image" id="default_image" value="0">
                            <button type="button" class="btn btn-success" id="restore_default_img" data-default_img_src="{{ asset('storage/avatars/avatar-blank.jpg') }}">{{ __('Restore default image') }}</button>
                          </div>
                          <span class="messages">
                              @if($errors->has('avatar'))
                              <p class="text-danger error">{{ $errors->first('avatar') }}</p>
                              @endif
                          </span>
                        </div>
                      </div>
                    </div>

                    <div class="mb-3 row">
                      <label class="form-label col-sm-2"></label>
                      <div class="col-sm-10">
                        <button type="submit" class="btn btn-primary m-b-0">{{ __('Save') }}</button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
              <!-- Basic Inputs Validation end -->
              
            </div>
            <!-- Form components Validation card end -->
          </div>
        </div>
      </div>
      <!-- Page body end -->
    </div>
  </div>
</div>
        
@endsection