@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">Reset 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">
            {{ $message }}
        </p>
        @else 
            @isset($token)
                <form class="w-full p-2" method="post" action="/storePassword">
                    @csrf

                    @include('includes.errors') 

                    <input class="w-full" type="hidden" name="token" value="{{ $token }}" />
                    <div class="mx-auto mb-2">Enter your new password:</div>
                    <div class="mx-auto mb-5"><input type="password" name="password" placeholder="" /></div>
                    <div class="mx-auto mb-2">Re-type your password:</div>
                    <div class="mx-auto mb-5"><input type="password" name="password_confirmation" placeholder="" /></div>
                    <input type="submit" name="submit" value="Submit" class="btn mx-auto" />
                </form>
            @else 
                <p class="w-full text-red-500 text-center font-bold">
                    Reset password token is invalid.
                </p>
            @endisset 
        @endif

    </div>
</div>

@stop