@section('title',__('account/changePassword.Set new password'))
@section('header-style', 'inner_nav')

@push('style')
<link rel="stylesheet" href="{{mix('css/web/account/changePassword.css')}}">
@endpush

@push('script')
<script src="{{mix('js/web/account/changePassword.js')}}"></script>
@endpush

<x-layout>
    <div class="main_packag">
        <div class="container">
            <div class="reset_form_1">
                <h1 class="mani_head_1 font_size_1 mb-5">@lang('account/changePassword.Set a new password')</h1>
                <form method="POST" id="changePasswordForm" action="{{ route('web_account_update_password') }}">
                    @csrf
                    <div class="col-md-12 mb-3">
                        <label for="current" class="form-label">@lang('account/changePassword.Current password') <span class="mandatory">*</span></label>
                        <input type="password" name="current" class="form-control" id="current">
                        @error('current')<small class="form-text red-text text-danger">{{ $message }}</small>@enderror
                    </div>
                    <div class="col-md-12 mb-3">
                        <label for="password" class="form-label">@lang('account/changePassword.New password') <span class="mandatory">*</span></label>
                        <input type="password" name="password" class="form-control" id="password">
                        @error('password')<small class="form-text red-text text-danger">{{ $message }}</small>@enderror
                    </div>
                    <div class="col-md-12 mb-3">
                        <label for="password_confirm" class="form-label">@lang('account/changePassword.Confirm password') <span class="mandatory">*</span></label>
                        <input type="password" name="password_confirm" class="form-control" id="password_confirm">
                        @error('password_confirm')<small class="form-text red-text text-danger">{{ $message }}</small>@enderror
                    </div>
                    <div class="col-md-12 mb-3">
                        <button type="submit" class="submit_btn1 mb-3">@lang('account/changePassword.Submit')</button>
                        <h4 class="sub_head_3 text-center m-0"><a href="{{ route('web_home_locale', ['locale'=>(app()->getLocale()=='en')?'en':'ar']) }}" style="color:#d20e0e;text-decoration:none;">@lang('account/changePassword.Cancel')</a></sp>
                        </h4>
                    </div>
                </form>
            </div>
        </div>
    </div>
</x-layout>