@extends('website.layouts.app') {{-- or whatever your layout is --}}


@section('content')
    <div class="container-fluid login_background py-lg-5 py-3  max_width">
        <div class="row justify-content-center">
            <div class="col-lg-10 col-12">
                <div class="top-title text-start">
                    <h2 class="mb-4 text-start">Reset Password</h2>
                </div>



                <form id="resetPasswordForm" method="POST" action="{{ route('password.update') }}">
                    @csrf

                    <input type="hidden" name="token" value="{{ $token }}">
                    <input type="hidden" name="email" value="{{ $email }}">
                    <div class="login_background">
                        <div class="mb-lg-2 mb-1 col-xl-11">
                            <div class="password-container position-relative">
                                <label for="password" class="label-text mb-1">Password</label>
                                <img src="{{ asset('website/images/lock.svg') }}" alt="">
                                <div class="divider">|</div>
                                <input type="password" name="password" id="passworddd" class="form-control ps-5"
                                    placeholder="Password">
                                <i class="fa-regular fa-eye-slash toggle-password" data-target="passworddd"></i>
                                @error('password')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>

                        <div class="mb-lg-2 mb-1 col-xl-11 col-lg-11 col-md-12 col-12">
                            <div class="password-container position-relative">
                                <label for="confirmpassword" class="label-text mb-1">Confirm Password</label>
                                <img src="{{ asset('website/images/lock.svg') }}" alt="" />
                                <div class="divider">|</div>
                                <input type="password" name="password_confirmation" id="confirmpassworddd"
                                    class="form-control ps-5 @error('confirmpassword') is-invalid @enderror"
                                    placeholder="Confirm Password">
                                <i class="fa-regular fa-eye-slash toggle-password" data-target="confirmpassworddd"></i>
                                @error('confirmpassword')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                        </div>
                    </div>




                    <button type="submit" class="btn btn-success mt-3">Reset Password</button>
                </form>
            </div>
        </div>
    </div>
@endsection