@extends('layouts.login-layout')

@section('title', 'Log In')

@section('content')
    <!-- Session Status -->
    <x-auth-session-status class="mb-4" :status="session('status')" />

    <div class="login__content">
        <img class="logo" src="{{ asset('assets/logo.png') }}" alt="OMProject">
        <form method="POST" action="{{ route('login') }}" class="login__form">
            @csrf

            <!-- Email Address -->
            <div class="input__block">
                <label for="email">
                    Email
                </label>
                <input id="email" type="email" name="email" required autofocus autocomplete="username"
                    value="{{ old('email') }}">
                @if ($errors->get('email'))
                    <ul>
                        @foreach ((array) $errors->get('email') as $message)
                            <li>{{ $message }}</li>
                        @endforeach
                    </ul>
                @endif
            </div>

            <!-- Password -->
            <div class="input__block">
                <label for="password">
                    Password
                </label>

                <input id="password" type="password" name="password" required autocomplete="current-password">

                @if ($errors->get('password'))
                    <ul>
                        @foreach ((array) $errors->get('password') as $message)
                            <li>{{ $message }}</li>
                        @endforeach
                    </ul>
                @endif
            </div>
            <div class="input__block">
                <button type="submit">
                    Log in
                </button>
            </div>
        </form>
    </div>
@endsection