@extends('layouts.app')
@section('title', __('Log In') . ' - ' . $settings->site_name)

@section('content')
<div class="be-hero py-5">
    <div class="container" style="max-width:480px;">
        <div class="be-panel">
            <div class="text-center mb-4">
                <span class="be-eyebrow">{{__('Welcome back')}}</span>
                <h2 class="be-section-title mt-1">{{__('Log in')}}</h2>
            </div>

            @if ($errors->any())
            <div class="alert alert-danger be-alert">
                <ul class="mb-0 ps-3">
                    @foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach
                </ul>
            </div>
            @endif

            <form method="POST" action="{{ route('login') }}">
                @csrf
                <div class="mb-3">
                    <label class="form-label">{{__('Email')}}</label>
                    <input type="email" name="email" class="form-control" value="{{ old('email') }}" required autofocus>
                </div>
                <div class="mb-2">
                    <label class="form-label">{{__('Password')}}</label>
                    <input type="password" name="password" class="form-control" required>
                </div>
                <div class="text-end mb-3">
                    <a href="{{ route('password.request') }}" class="small">{{__('Forgot password?')}}</a>
                </div>
                <button type="submit" class="btn be-btn-primary w-100">{{__('Log In')}}</button>
            </form>

            <p class="text-center text-muted mt-4 mb-0">{{__('New here?')}} <a href="{{ route('register') }}" class="fw-bold">{{__('Create an account')}}</a></p>
        </div>
    </div>
</div>
@endsection