<x-ui.layout.guest :title="__('auth.login')">
    <x-ui.layout.auth-card :title="__('auth.welcome')" :subtitle="__('auth.subtitle')">
        <form method="POST" action="{{ route('login') }}" novalidate>
            @csrf

            <div class="mb-3">
                <x-ui.form.input
                    name="email"
                    type="email"
                    :label="__('auth.email')"
                    :placeholder="__('auth.email_placeholder')"
                    autocomplete="email"
                    required
                />
            </div>

            <div class="mb-3">
                <x-ui.form.input
                    name="password"
                    type="password"
                    :label="__('auth.password')"
                    :placeholder="__('auth.password_placeholder')"
                    autocomplete="current-password"
                    required
                />
            </div>

            <div class="form-check mb-4">
                <input type="checkbox" name="remember" id="remember" class="form-check-input">
                <label for="remember" class="form-check-label">{{ __('auth.remember') }}</label>
            </div>

            <div class="d-grid">
                <x-ui.buttons.primary type="submit">
                    {{ __('auth.sign_in') }}
                </x-ui.buttons.primary>
            </div>

            @if (Route::has('password.request'))
                <div class="text-center mt-3">
                    <a href="{{ route('password.request') }}" class="small text-muted">
                        {{ __('auth.forgot_password') }}
                    </a>
                </div>
            @endif
        </form>
    </x-ui.layout.auth-card>
</x-ui.layout.guest>
