@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('register.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="text" placeholder="ФИО" name="fio" value="{{ old('fio') }}">
        <input class='py-2 px-4 rounded-xl border border-gray-300' type="phone" placeholder="8(XXX)XXX-XX-XX" name="phone" value="{{ old('phone') }}">
        <input class='py-2 px-4 rounded-xl border border-gray-300' type="email" placeholder="email" name="email" value="{{ old('email') }}">
        <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 font-medium my-2'>Создать пользователя</button>
        <a href="{{ route('login') }}" class='font-light'>Уже зарегистрировались? Войти</a>
    </form>
</main>
@endsection