@extends('web.layouts.layout')

@section('content')

    <main>
        <!-- Start section -->
        <section class="register_pg section">
            <div class="container">
                <h2 class="title_w_shape w-fit mx-auto mb-5"> {{ $title ?? "" }} </h2>
                <div class="col-lg-6 mx-auto">
                    <div class="inner">
                        <div class="form_box">
                            <form method="POST" action="{{ route('web.post.changePassword') }}">
                                @csrf
                                <div class="form-group show_hide_password">
                                    <input type="password"
                                           class="form-control shadow_input @error('password') is-invalid @enderror"
                                           name="password" placeholder="{{ __('users::users.password') }}"
                                           value="{{ old('password') }}" required autocomplete="off"/>
                                    <span class="icon"> <i class="fa-light fa-lock"></i> </span>
                                    <i class="show_pass far fa-eye-slash"></i>
                                </div>
                                <div class="form-group show_hide_password">
                                    <input type="password"
                                           class="form-control shadow_input @error('password_confirmation') is-invalid @enderror"
                                           name="password_confirmation"
                                           placeholder="{{ __('users::users.password_confirmation') }}"
                                           value="{{ old('password_confirmation') }}" required
                                           autocomplete="off"/>
                                    <span class="icon"> <i class="fa-light fa-lock"></i> </span>
                                    <i class="show_pass far fa-eye-slash"></i>
                                </div>
                                <div class="col-lg-7 mx-auto mt-5">
                                    <button type="submit" class="butn primary_butn w-100">
                                        <span> {{__('general.confirmation')}} </span>
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <img src="{{asset('assets/web/images/vector_login_1.svg')}}" class="vector" alt=""/>
            <img src="{{asset('assets/web/images/vector_login_2.svg')}}" class="vector2" alt=""/>
        </section>
    </main>

@endsection