@extends('layouts.main')

@section('content')

<div class="flex flex-col h-screen max-w-6xl lg:grid lg:grid-cols-2 lg:gap-20 mx-auto items-start lg:items-center">
    <div class="w-full p-5 md:p-10 pt-32 md:pt-48 lg:pt-5 text-center items-start lg:items-center">
        <img class="mx-auto w-3/4 md:w-1/2 lg:w-full items-start lg:items-center" src="{{ asset('images/login-logo.png') }}" />
    </div>
    <div class="w-full p-5 md:p-10 lg:pb-5 text-center grid grid-cols-1 items-start lg:items-center">
        <h1 class="w-full text-2xl lg:text-3xl font-semibold">Log in</h1>
        <hr class="w-20 mx-auto h1-line pb-2 mb-6 lg:pb-5 lg:mb-8" />

        <form method="post" action="login">
        @csrf

        @include('includes.errors') 

        <input class="mb-5" type="email" name="login_email" placeholder="E-mail address" value="{{ old('login_email') }}" />
        <input class="mb-5" type="password" name="login_password" placeholder="Password" />
        <div class="mb-5"><a href="{{ route('forgotPassword') }}">Forgot your password</a></div>
        <input type="submit" name="login" value="Login" class="btn mx-auto" />
        </form>
    </div>
</div>

@stop