@extends('web.layouts.master')

@section('content')
    <section class="height-100 imagebg text-center background-light-orange">
        <div class="container pos-vertical-center">
            <div class="row">
                <div class="col-md-7 col-lg-5">
                    <h2 class="font-size-26 text-dark-grey Font-Manrope-ExtraBold custom-section-title">Reset Password</h2>
                    @include("web.components.error-message")

                    <form method="POST" action="{{ route('web.password.email') }}">
                        @csrf
                        <div class="row">
                            <div class="col-md-12">
                                <input type="email" name="email" class="font-size-18 text-dark-grey Font-Manrope-ExtraBold" placeholder="Email" />
                                @if ($errors->has('email'))
                                    <span role="alert">
                                        <strong class="font-size-14 text-red Font-Manrope-ExtraBold">{{ $errors->first('email') }}</strong>
                                    </span>
                                @endif
                            </div>
                            <div class="col-md-12">
                                <button class="btn custom-btn custom-btn-danger type--uppercase font-size-18 Font-Manrope-ExtraBold" type="submit">
                                    Send Password Reset Link
                                </button>
                            </div>
                        </div>
                        <!--end of row-->
                    </form>

{{--                    @if (--}}
{{--                        auth()->user() == null ||--}}
{{--                        auth()->user()->hasRole(RoleEnum::getString(RoleEnum::GUEST))--}}
{{--                    )--}}
{{--                        <span class="type--fine-print block text-dark-grey font-size-14 Font-Manrope-ExtraBold">Dont have an account yet?--}}
{{--                            <a href="{{ route("web.be-a-member.index") }}" class="text-dark-grey font-size-14 Font-Manrope-ExtraBold">Create account</a>--}}
{{--                        </span>--}}
{{--                    @endif--}}
                    <span class="type--fine-print block text-dark-grey font-size-14 Font-Manrope-ExtraBold">Already have an account?
                        <a href="{{ route("web.login") }}" class="text-dark-grey font-size-14 Font-Manrope-ExtraBold">Login</a>
                    </span>
                </div>
            </div>
            <!--end of row-->
        </div>
        <!--end of container-->
    </section>
@endsection