@extends('frontend.layout.updated.master')
@section('content')
    <div class="auth-wrapper">
        <div class="page-title">
            <div class="container">
                <h1>Change Password</h1>
            </div>
        </div>
        <section class="auth-section">
            <div class="container">
                <div class="auth-inner">
                    <div class="auth-image">
                        <div class="logo-wrapper">
                            <a class="site-logo" href="#" title="Niveshaay">
                                <img src="{{asset('images/logo.png')}}" alt="Site Logo" />
                            </a>
                        </div>
                        <div class="bottom-logo">
                            <img src="{{ asset('images/auth-logo.png') }}" alt="auth-logo" />
                        </div>
                    </div>
                    <div class="auth-form-wrapper">
                        <div class="form-wrapper">
                            <div class="form-inner-wrapper">
                                <form class="" action="{{ route('frontend.changepassword') }}" method="POST">
                                    @csrf
                                    <div class="form-outer-wrapper">
                                        <div class="form-group">
                                            <label for="new-password">New Password</label>
                                            <div class="form-control-outer password-control-outer">
                                                <input class="form-control" id="new-password" name="password" type="password"
                                                    placeholder="New Password">
                                                    <i class="form-icon" id="toggle-new-password" style="cursor: pointer;">
                                                        <img id="new-password-eye-icon" src="{{ asset('images/eye-show.svg') }}" alt="eye-icon"
                                                        data-password-eye-show="{{ asset('images/eye-show.svg') }}"
                                                        data-password-eye-hide="{{ asset('images/eye-hidden.svg') }}" />
                                                    </i>
                                            </div>
                                            @error('password')
                                                <span class="error">{{ $message }}</span>
                                            @enderror
                                        </div>
                                        <div class="form-group">
                                            <label for="new-password_confirmation">Confirm Password</label>
                                            <div class="form-control-outer password-control-outer">
                                                <input class="form-control" id="new-password_confirmation" name="password_confirmation" type="password"
                                                    placeholder="Confirm Password">
                                                    <i class="form-icon" id="toggle-confirm-new-password" style="cursor: pointer;">
                                                        <img id="confirm-new-password-eye-icon" src="{{ asset('images/eye-show.svg') }}" alt="eye-icon"
                                                        data-password-eye-show="{{ asset('images/eye-show.svg') }}"
                                                        data-password-eye-hide="{{ asset('images/eye-hidden.svg') }}" />
                                                    </i>
                                            </div>
                                            @error('password_confirmation')
                                                <span class="error">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="form-btn-wrapper">
                                        <button type="submit" class="primary-btn" title="Update Password">Update Password</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection