@extends('layouts.base')

@section('content')
    <main class="flex-grow w-full min-h-dvh flex items-center justify-center m-auto px-4 mt-8">
        <form id="form" class="bg-neutral-900 space-y-4 sm:space-y-8 max-w-2xl flex-1 rounded-2xl p-4 sm:p-8 shadow"
            action="{{ route('login') }}" method="post">
            @csrf

            <div>
                <h1 class="text-2xl font-bold">Login</h1>

                <p>Login to the dashboard</p>
            </div>

            <x-input name="email" label="Email" placeholder="wilson@johnson.com" />

            <x-input name="password" label="Password" placeholder="********" type="password" />

            {{-- Buttons --}}
            <x-button class="w-full" type="submit" label="Login" />
        </form>
    </main>
@endsection