<x-layouts.app :title="__('ui.sign_in').' — TrafficPumper'"><x-auth-card :title="__('ui.sign_in')" :description="__('ui.login_description')">
<form method="POST" action="{{ route('login') }}">@csrf
<div class="mb-3"><label class="form-label" for="email">{{ __('ui.email') }}</label><input class="form-control" id="email" name="email" type="email" value="{{ old('email') }}" required autofocus autocomplete="email"></div>
<div class="mb-3"><label class="form-label" for="password">{{ __('ui.password') }}</label><input class="form-control" id="password" name="password" type="password" required autocomplete="current-password"></div>
<div class="form-check mb-3"><input class="form-check-input" id="remember" name="remember" type="checkbox"><label class="form-check-label" for="remember">{{ __('ui.remember') }}</label></div>
<button class="btn btn-primary w-100" type="submit">{{ __('ui.sign_in') }}</button></form>
<div class="tp-auth-links d-flex flex-wrap justify-content-between gap-2 mt-3 small"><a href="{{ route('password.request') }}">{{ __('ui.forgot_password') }}</a><a href="{{ route('register') }}">{{ __('ui.register') }}</a></div>
</x-auth-card></x-layouts.app>
