@extends('front.layouts.master')
@section('title', 'Reset Password')
@section('content')
    <div class="login-area pt-120 mb-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="form-wrapper">
                        <div class="form-title">
                            <h3>{{ translate('Reset Password') }}!</h3>
                            <span></span>
                        </div>
                        <form method="post" action="{{ route('reset.password.post') }}" class="profile-form">
                            @csrf
                            <div class="row">
                                <input type="hidden" name="token" value="{{ $token }}">
                                <div class="col-lg-12">
                                    <div class="form-inner mb-25">
                                        <label for="email">{{ translate('Email') }}<span>*</span></label>
                                        <div class="input-area">
                                            <img src="{{ asset('frontend/assets/images/icon/email-2.svg') }}"
                                                alt="email-icon">
                                            <input type="email" id="email" name="email" value="{{ $email }}"
                                                readonly>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-inner  mb-25">
                                        <label for="email">{{ translate('New Password') }}<span>*</span></label>
                                        <input class="@error('password') is-invalid @enderror" type="password"
                                            name="password" id="password" placeholder="{{ translate('Password') }}" />
                                        <i class="bi bi-eye-slash toggle-password"></i>
                                    </div>
                                    @error('password')
                                        <span class="text-danger" role="alert">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="pt-3"></div>
                                <div class="col-lg-12">
                                    <div class="form-inner mb-25">
                                        <label for="email">{{ translate('Confirm New Password') }}<span>*</span></label>
                                        <input class="@error('confirm_password') is-invalid @enderror" type="password"
                                            name="password_confirmation" id="confirm_password" placeholder="Password" />
                                        <i class="bi bi-eye-slash toggle-password"></i>
                                    </div>
                                    @error('confirm_password')
                                        <span class="text-danger" role="alert">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="pt-4"></div>
                                <div class="col-lg-12">
                                    <div class="form-inner">
                                        <button class="primry-btn-2" type="submit">{{ translate('Reset') }}</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection