@extends('layouts.index')
@push('metatags')
    <title>{{ __('lang.changePassword') }}</title>
@endpush

@section('content')

    <div class="  mt-3">

         {{-- Breadcrumb Section --}}
         @php
            $pages = [] ; $page = [] ;
            $page['title'] = __('lang.home') ; $page['route'] = route('home') ; $page['color'] = 'text_3' ;
            $pages[] = $page ;
            $page['title'] = __('lang.personalDetails') ; $page['route'] = route('profile') ; $page['color'] = 'text_3' ;
            $pages[] = $page ;
            $page['title'] = __('lang.changePassword') ; $page['route'] = 'javascript:void(0)' ; $page['color'] = 'text_1' ;
            $pages[] = $page ;

        @endphp
        @include('components.breadcrumb',$pages)


        <div class="container my-5   ">
        @include('includes.errors')
            <div class="row justify-content-center align-items-center login-form">
                <div class="col-md-6">
                    <div class=" ">

                        <div class="p-3">
                            <form class="" action="{{route('changePassword')}}" method="POST" autocomplete="off">
                                @csrf
                                <input type="hidden" name="accountId" value="{{env('accountId')}}" >

                                <div class="mb-4">
                                    <label for="old_password" class="form-label text_1 fb-700 font-18">{{__('lang.old_password')}}</label>
                                    <div class="position-relative">
                                        <input type="password" class="form-control custom-input-field" value="{{old('old_password')}}" id="old_password" name="old_password"  placeholder="{{__('lang.old_password')}}" onkeydown="if(event.code==='Space'||event.key===' ') event.preventDefault();" oninput="this.value=this.value.replace(/\s+/g,'')">
                                         <i class="polaris-max-icon-lock-outline font-20 position-absolute custom-input-icon"></i>
                                          <i class="polaris-max-icon-eye-off-outline font-16 position-absolute toggle-password"></i>
                                      </div>
                                  </div>

                                  <div class="mb-4">
                                      <label for="new_password" class="form-label text_1 fb-700 font-18">{{__('lang.new_password')}}</label>
                                      <div class="position-relative">
                                          <input type="password" class="form-control custom-input-field" value="{{old('new_password')}}" id="new_password" name="new_password"  placeholder="{{__('lang.new_password')}}" onkeydown="if(event.code==='Space'||event.key===' ') event.preventDefault();" oninput="this.value=this.value.replace(/\s+/g,'')">
                                          <i class="polaris-max-icon-lock-outline font-20 position-absolute custom-input-icon"></i>
                                          <i class="polaris-max-icon-eye-off-outline font-16 position-absolute toggle-password"></i>
                                    </div>
                                </div>

                                <div class="d-grid py-3">
                                    <button type="submit"  class="btn text_2 background_3">{{__('lang.save')}}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection