@extends('coaching.layout.master')

@section('title')
	Admisure Coaching | Change Password
@endsection

@section('content')

<div class="app-content my-3 my-md-5">
        <div class="side-app">
          <div class="page-header">
            <ol class="breadcrumb">
              <li class="breadcrumb-item">
                <a href="{{route('coaching.dashboard')}}">Dashboard</a>
              </li>
              <li class="breadcrumb-item active" aria-current="page">
                Change Password
              </li>
            </ol>
          </div>
          <!-- MAIN BODY CONTENT -->
          <h1>Change Password</h1>

          <div class="card">
            <div class="card-body">
              <form action="{{route('coaching.coaching_updatepassword')}}" method="post" id="coaching_change_password_frm" enctype="multipart/form-data">
                {{csrf_field()}}
                <div class="info-header">
                  <div class="info-avatar">
                    
                      <!-- <label class="img-wrapper" for="banner_upload">
                        @if(Auth::guard('coaching')->user()->picture == NULL)
                          <img class="avatar cover-image avatar-xxl brround" src="{{asset('admin/images/profile-avatar.jpg')}}" alt=""/>
                        @else
                          <img class="avatar cover-image avatar-xxl brround" src="{{asset('admin/images/coaching/avaters/'.Auth::guard('coaching')->user()->picture)}}" alt=""/>
                        @endif
                        <input type="file" name="profile_pic" id="profile_pic">
                        <i class="fa fa-camera"></i>
                        <span>Edit Photo</span>
                      </label> -->

                      @if(Auth::guard('coaching')->user()->picture == NULL)
                        <span class="avatar cover-image avatar-xxl brround"
                          data-image-src="{{asset('admin/images/profile-avatar.jpg')}}">
                        </span>
                      @else
                        <span class="avatar cover-image avatar-xxl brround"
                          data-image-src="{{asset('storage/manager/picture/'.Auth::guard('coaching')->user()->picture)}}">
                        </span>
                      @endif
                      <!-- <label for="profile_pic" class="edit-photo-overlay">
                        <i class="fa fa-camera"></i>
                        <span>Edit Photo</span>
                        <input type="file" name="profile_pic" class="d-none" id="profile_pic">
                      </label> -->
                  </div>
                  <div class="info-detail">
                    <span class="varified"><img src="{{asset('admin/images/verified.svg')}}" alt=""> Verified</span>
                    <h4>{{Auth::guard('coaching')->user()->manager_holder_name}}</h4>
                    <p class="desg">Coaching Administrator</p>
                  </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-lg-3">
                      <label for="" class="form-label">Old Password</label>
                      <div class="validate-input">
                        <input type="password" class="form-control form_inputs" placeholder="Enter Your Old Password" name="old_password" id="old_password">
                        <span class="err-msg" style="display: none;">Invalid Password</span>
                      </div>
                    </div>
                    <div class="form-group col-lg-3">
                      <label for="" class="form-label">New Password</label>
                      <input type="password" class="form-control form_inputs" placeholder="Enter Your Password" name="new_password" id="new_password">
                      <span class="pswd_info" style="display: none; font-size: 11px; margin-top: 5px; color:#EA5252;">Be at least 8-20 characters
                        </span>
                        <p class="pswd_info1" style="display: none; font-size: 11px; margin-top: 5px; color:#EA5252;">Be at least one upper case
                        </p>
                        <p class="pswd_info2" style="display: none; font-size: 11px; margin-top: 5px; color:#EA5252;">Be at least one lower case
                        </p>
                        <p class="pswd_info3" style="display: none; font-size: 11px; margin-top: 5px; color:#EA5252;">Be at least one digit
                        </p>
                        <p class="pswd_info4" style="display: none; font-size: 11px; margin-top: 5px; color:#EA5252;">Be at least one symbol
                        </p>
                        <p class="fs-10 mt-1 text-grey">The password should be at least 8-20 characters long. To make it
                          stronger, use
                          upper
                          and lower case letters, numbers, and
                          symbols (!"?$%^&)</p>
                    </div>
                    <div class="form-group col-lg-3">
                      <label for="" class="form-label">Retype New Password</label>
                      <input type="password" class="form-control form_inputs" placeholder="Enter Your Password" name="retype_password" id="retype_password">
                    </div>
                    <div class="form-group col-lg-3">
                      <label for="" class="form-label v-hidden">&nbsp;</label>
                      <button type="button" class="btn btn-primary btn-streach-md fs-13 change_password_btn">Change Password</button>
                    </div>
                </div>
              </form>
            </div>
          </div>

          <!--// MAIN BODY CONTENT -->
        </div>
      </div>

@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/coaching_profile.js?v='.time())}}"></script>
<script type="text/javascript">
  $(document).ready(function() {
    @if(Session::has('success'))
      var success = "{{ Session::get('success') }}";
      Swal.fire(success);
    @endif

    @if(Session::has('errors'))
      var error = "{{ Session::get('errors') }}";
      alertify.error(error);
    @endif
  })
  
</script>
@endsection