@extends('auth.layout')

@section('content')
    <div class="user-ath-page">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-8  text-center">
                    <div class="user-ath-logo">
                        <a href="{{ route('home') }}">
                            @include('shared.logo')
                        </a>
                    </div>
                    <div class="user-ath-box">
                        <h4>Enter new password </h4>
                        <form id="loginForm" name="loginForm" class="user-ath-form" action="{{ route('password.change') }}"
                            method="POST">

                            <!--
                                                <div class="note note-lg note-no-icon note-danger">
                                                    <p> Your email and password is invalid. </p>
                                                </div>
                                            -->

                            @csrf

                            <div class="input-item">
                                <input id="email" name="password" type="password" placeholder="New password"
                                    class="input-bordered">
                                @error('password')
                                    <span class="fs-6 text-danger d-block mt-2 text-left"> {{ $message }} </span>
                                @enderror
                            </div>

                            <div class="input-item">
                                <input type="password" id="password" name="password_confirmation"
                                    placeholder="Confirm new password" class="input-bordered">
                                @error('password_confirmation')
                                    <span class="fs-6 text-danger d-block mt-2 text-left"> {{ $message }} </span>
                                @enderror
                            </div>

                            <div class="input-item">
                                <input type="text" id="code" name="code" placeholder="Enter code sent to your email"
                                    class="input-bordered">
                                @error('code')
                                    <span class="fs-6 text-danger d-block mt-2 text-left"> {{ $message }} </span>
                                @enderror
                            </div>

                            <input type="hidden" name="email"
                                @isset($user_email)
                                    value='{{ $user_email }}'
                                @endisset
                                @if (session('user_email')) value='{{ session('user_email') }}' @endif>

                            <div class="gaps"></div>

                            <div class="d-flex justify-content-between align-items-center">
                                <button type="submit" name="loginButtonUniversal" class="btn btn-primary"
                                    id='submit'>Submit</button>

                            </div>

                        </form>


                        <br>
                        @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

                    </div>
                    <div class="gaps-2x"></div>
                    <div class="form-note">
                        Not a member? <a href="{{ route('signup') }}">Sign up now</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection