@extends('layouts.auth')

@section('content')
<h1 class="qm-auth-title">{{ t_raw('auth.welcome_back') }}</h1>
<p class="qm-auth-sub">{{ t_raw('auth.login_sub') }}</p>

<form method="post" action="{{ route('login') }}" class="qm-auth-form" data-validate novalidate>
    @csrf
    <div class="mb-3">
        <label for="email" class="form-label">{{ t_raw('auth.email') }}</label>
        <input type="email" id="email" name="email" class="form-control" value="{{ old('email') }}" data-label="{{ t_raw('auth.email') }}" autocomplete="email" required autofocus placeholder="{{ t_raw('auth.email_placeholder') }}">
    </div>
    <div class="mb-3">
        <div class="d-flex justify-content-between align-items-center">
            <label for="password" class="form-label mb-0">{{ t_raw('auth.password') }}</label>
            <a href="{{ route('forgot') }}" class="qm-auth-link">{{ t_raw('auth.forgot') }}</a>
        </div>
        <div class="qm-pw-wrap">
            <input type="password" id="password" name="password" class="form-control mt-1" data-label="{{ t_raw('auth.password') }}" autocomplete="current-password" required placeholder="{{ t_raw('auth.password_placeholder') }}">
            <button type="button" class="qm-pw-toggle" data-toggle-password="password" aria-pressed="false" aria-label="{{ t_raw('common.show_password') }}"><i class="fas fa-eye" aria-hidden="true"></i></button>
        </div>
    </div>
    <label class="qm-check mb-3"><input type="checkbox" name="remember" value="1"{{ old('remember') ? ' checked' : '' }}> {{ t_raw('auth.remember') }}</label>
    {!! \App\Services\Recaptcha::widget('login') !!}
    <button type="submit" class="qm-btn w-100">{{ t_raw('common.sign_in') }}</button>
</form>
@if (!empty($googleAuth))
<div class="qm-auth-or" role="separator"><span>{{ t_raw('auth.or_separator') }}</span></div>
<a href="{{ route('auth.google') }}" class="qm-btn qm-btn-outline qm-btn-google w-100">{!! google_mark(18, 'me-2') !!} {{ t_raw('auth.continue_with_google') }}</a>
@endif

@php /* One-click demo access renders as the auth layout's right column (partials/auth-demo-access.php, passed to layouts/auth.php as $authRight) when demo mode is on. */
@endphp

<p class="qm-auth-foot">{{ t_raw('auth.new_to_site', [':site' => (string) setting('site_name', 'QuickMunch')]) }} <a href="{{ route('register') }}">{{ t_raw('auth.create_account') }}</a></p>
@if (partner_page_open())<p class="qm-auth-foot">{{ t_raw('auth.own_a_restaurant') }} <a href="{{ route('partner') }}">{{ t_raw('home.hero.s4_cta_partner') }}</a></p>@endif
@endsection