@extends('layouts.main')

@section('content')
<div class="flex flex-col max-w-7xl h-screen mx-auto items-start lg:items-center">
    <div class="w-full p-10 py-5 pt-32 md:pt-44 xl:pt-40 flex flex-wrap mx-auto items-start lg:items-center">
        <img class="mx-auto w-3/4 md:w-1/3 lg:w-1/4 items-start lg:items-center" src="{{ asset('images/login-logo.png') }}" />
    </div>
    <div class="w-full p-10 py-5 max-w-lg h-2/3 flex flex-col mx-auto items-start text-center">
        <h1 class="w-full text-2xl lg:text-3xl font-semibold">Forgot Your Password</h1>
        <hr class="w-20 mx-auto h1-line pb-2 mb-6 lg:pb-5 lg:mb-8" />

        @if ($message = Session::get('success'))
            <p class="w-full success text-center font-bold" role="alert">
                {{ $message }}
            </p>
        @else
            <form class="w-full" method="post" action="forgotPassword">
            @csrf

            @include('includes.errors') 

            <p class="w-full mx-auto text-left">To reset your password, please enter your email address below:</p>
            <p class="w-full mx-auto py-5"><input type="email" name="email" placeholder="E-mail address" /></p>
            <input type="submit" name="submit" value="Submit" class="btn mx-auto" />
            </form>
        @endif
    </div>
</div>

@stop