generated from boboko/starter
68 lines
2.1 KiB
PHP
68 lines
2.1 KiB
PHP
|
@extends('layouts.app')
|
||
|
|
|
||
|
|
@section('title', __('storefront.auth.enter_code'))
|
||
|
|
|
||
|
|
@push('seo')
|
||
|
|
<meta name="robots" content="noindex, nofollow">
|
||
|
|
@endpush
|
||
|
|
|
||
|
|
@section('content')
|
||
|
|
|
||
|
|
<section class="mx-auto max-w-2xl px-4 py-20 sm:px-8 sm:py-32">
|
||
|
|
|
||
|
|
<h1 class="mb-6 font-display text-h3 font-black tracking-tight sm:text-h2">
|
||
|
|
{{ __('storefront.auth.enter_code') }}
|
||
|
|
</h1>
|
||
|
|
|
||
|
|
<p class="mb-12">
|
||
|
|
{{ __('storefront.auth.code_sent_to') }} <strong class="break-all">{{ $email }}</strong>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<x-ui.status class="mb-8" />
|
||
|
|
|
||
|
|
<form method="POST" action="{{ route('login.verify') }}" class="flex flex-col gap-8">
|
||
|
|
@csrf
|
||
|
|
|
||
|
|
<x-ui.field
|
||
|
|
:label="__('storefront.auth.code')"
|
||
|
|
for="login-code"
|
||
|
|
:required="true"
|
||
|
|
:error="$errors->first('code')"
|
||
|
|
>
|
||
|
|
<x-ui.input
|
||
|
|
id="login-code"
|
||
|
|
name="code"
|
||
|
|
inputmode="numeric"
|
||
|
|
autocomplete="one-time-code"
|
||
|
|
pattern="[0-9]{6}"
|
||
|
|
maxlength="6"
|
||
|
|
:required="true"
|
||
|
|
autofocus
|
||
|
|
class="text-2xl font-bold tracking-[0.5em]"
|
||
|
|
:aria-invalid="$errors->has('code') ? 'true' : null"
|
||
|
|
:aria-describedby="$errors->has('code') ? 'login-code-error' : null"
|
||
|
|
/>
|
||
|
|
</x-ui.field>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<x-ui.button type="submit">{{ __('storefront.auth.login') }}</x-ui.button>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<div class="mt-12 flex flex-wrap items-center gap-x-8 gap-y-4 text-sm">
|
||
|
|
<form method="POST" action="{{ route('login.resend') }}">
|
||
|
|
@csrf
|
||
|
|
<button type="submit" class="cursor-pointer underline hover:no-underline">
|
||
|
|
{{ __('storefront.auth.resend_code') }}
|
||
|
|
</button>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<a href="{{ route('login') }}" class="underline hover:no-underline">
|
||
|
|
{{ __('storefront.auth.change_email') }}
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
@endsection
|