@extends('layouts.app')
@section('title', __('ui.auth_login_title').' — Coaster World')
@section('content')
<section class="auth-page">
    <div class="auth-card">
        <span class="eyebrow">{{ __('ui.auth_account') }}</span>
        <h1>{{ __('ui.auth_login_title') }}</h1>
        <p>{{ __('ui.auth_login_intro') }}</p>

        @if(session('status'))
            <div class="form-success" role="status">{{ session('status') }}</div>
        @endif
        @if(session('social_auth_error'))
            <div class="admin-error" role="alert">{{ session('social_auth_error') }}</div>
        @endif

        <x-social-auth-buttons :return-to="request()->getRequestUri()" />

        <form method="post" action="{{ route('login.store') }}" class="auth-form" data-auth-form="login">
            @csrf
            <input type="hidden" name="auth_mode" value="login">
            <input type="hidden" name="return_to" value="{{ request()->getRequestUri() }}">
            <label>
                {{ __('ui.auth_email') }}
                <input type="email" name="email" value="{{ old('email') }}" required autofocus autocomplete="email">
            </label>
            @error('email')
                <small class="form-error">{{ $message }}</small>
            @enderror

            <label>
                {{ __('ui.auth_password') }}
                <x-password-input name="password" autocomplete="current-password" required />
            </label>

            <div class="auth-form-row">
                <label class="auth-check"><input type="checkbox" name="remember" value="1"> {{ __('ui.auth_remember') }}</label>
                <a href="{{ route('password.request') }}">{{ __('ui.security_forgot_password') }}</a>
            </div>

            <button class="button button-primary" type="submit">{{ __('ui.auth_login') }}</button>
        </form>
        <p class="auth-switch">{{ __('ui.auth_no_account') }} <a href="{{ route('register') }}">{{ __('ui.auth_register') }}</a></p>
    </div>
</section>
@endsection