@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.update') }}">
                        @csrf
                        <input type="hidden" name="token" value="{{ $token }}">

                        <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">
                                <input type="password" name="password" class="font-size-18 text-dark-grey Font-Manrope-ExtraBold" placeholder="Password" />
                                @if ($errors->has('password'))
                                    <span role="alert">
                                        <strong class="font-size-14 text-red Font-Manrope-ExtraBold">{{ $errors->first('password') }}</strong>
                                    </span>
                                @endif
                            </div>
                            <div class="col-md-12">
                                <input type="password" name="password_confirmation" class="font-size-18 text-dark-grey Font-Manrope-ExtraBold" placeholder="Password Confirmation" />
                                @if ($errors->has('password_confirmation'))
                                    <span role="alert">
                                        <strong class="font-size-14 text-red Font-Manrope-ExtraBold">{{ $errors->first('password_confirmation') }}</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">
                                    Reset Password
                                </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