@extends('public._layout')

@section('head')
    <style>
        /*
        .login-page {
            display: flex;
            flex-direction: column;
            align-items: center;
            !*justify-content: center;*!
        }

        .login-page h1 {
            margin-top: 50px;
            margin-bottom: 40px;
        }

        .login-page > div {
        }

        .login-page label {
            width: 8em;
            display: inline-block;
        }

        .login-page input {
            margin: 5px 0;
        }

        .login-page a {
            display: inline-block;
            margin: 10px auto;
        }
        */
    </style>
@endsection

@section('main-class', 'auth')
@section('main')
    <div>
        <h1>The Romantic Room</h1>
        <h2>Log in</h2>
        @if (session('status'))
            <div>
                {{ session('status') }}
            </div>
        @endif

        @if ($errors->any())
            <div>
                <div>{{ __('Whoops! Something went wrong.') }}</div>

                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form method="POST" action="{{ route('login') }}">
            @csrf

            <div>
                <label>{{ __('Email') }}</label>
                <input type="email" name="email" value="{{ old('email') }}" required autofocus />
            </div>

            <div>
                <label>{{ __('Password') }}</label>
                <input type="password" name="password" required autocomplete="current-password" />
            </div>

            <div>
                <label>{{ __('Remember me') }}</label>
                <input type="checkbox" name="remember">
            </div>


            <div style="margin-top: 10px; margin-bottom: 20px;">
                <label>&nbsp;</label>
                <button type="submit">
                   {{ __('Login') }}
                </button>
            </div>
        </form>

        <div style="text-align: center;">
        @if (Route::has('password.request'))
            <a href="{{ route('password.request') }}">
                {{ __('Forgot your password?') }}
            </a><br>
        @endif

{{--
        @if(Route::has('register'))
            <a href="{{ route('register') }}">
                {{ __('Register account') }}
            </a>
        @endif
--}}
        </div>
    </div>
@endsection