@extends('api_panel.layouts.app')

@section('title', t('apipanel-login-title'))

@section('content')
    <div class="row justify-content-center">
        <div class="col-12 col-md-7 col-lg-5">
            <div class="apipanel-card">
                <h1 class="apipanel-h1">{{ t('apipanel-login-title') }}</h1>
                <p class="apipanel-muted mb-4">{{ t('apipanel-login-subtitle') }}</p>

                <form method="POST" action="{{ route('apipanel.login.post') }}" novalidate>
                    @csrf

                    <div class="mb-3">
                        <label class="apipanel-label" for="email">{{ t('apipanel-field-email') }}</label>
                        <input type="email" id="email" name="email" required autocomplete="email"
                               class="apipanel-input" value="{{ old('email') }}">
                    </div>

                    <div class="mb-3">
                        <label class="apipanel-label" for="password">{{ t('apipanel-field-password') }}</label>
                        <input type="password" id="password" name="password" required autocomplete="current-password"
                               class="apipanel-input">
                    </div>

                    <div class="form-check mb-3">
                        <input class="form-check-input" type="checkbox" id="remember" name="remember" value="1">
                        <label class="form-check-label apipanel-muted" for="remember">{{ t('apipanel-login-remember') }}</label>
                    </div>

                    <button type="submit" class="apipanel-btn apipanel-btn-primary w-100">{{ t('apipanel-login-submit') }}</button>
                </form>

                <div class="apipanel-divider"><span>{{ t('apipanel-or') }}</span></div>

                <a href="{{ route('apipanel.google.redirect') }}" class="apipanel-btn apipanel-btn-google w-100">
                    {{ t('apipanel-login-google') }}
                </a>

                <p class="text-center mt-4 mb-0 apipanel-muted">
                    {{ t('apipanel-login-no-account') }}
                    <a href="{{ route('apipanel.register') }}">{{ t('apipanel-nav-register') }}</a>
                </p>
            </div>
        </div>
    </div>
@endsection