@extends('layout')

@section('content')
<main class="container mx-auto px-5 flex flex-col gap-4 items-center">
    <h1 class="text-4xl font-bold text-center my-4">Авторизация</h1>
    <form method="POST" action="{{ route('login.post') }}" class="flex flex-col items-center gap-3 p-12 border border-gray-200 mt-5 rounded-xl shadow-xl">
        @csrf
        <input class='py-2 px-4 rounded-xl border border-gray-300' type="text" placeholder="login" name="login" value="{{ old('login') }}">
        <input class='py-2 px-4 rounded-xl border border-gray-300' type="password" placeholder="password" name="password" value="{{ old('password') }}">
        <button class='py-2 px-3 rounded-xl bg-green-600 text-white px-5 font-medium my-2'>Войти</button>
        <a href="{{ route('register') }}" class='font-light'>Ещё не зарегистрировались? Создать аккаунт</a>
    </form>
</main>
@endsection