@extends('layouts.app')
@section('title','Admin email sign in')
@section('body-class','admin-body')
@section('content')
<section class="auth-shell container" style="display:block;max-width:620px"><article class="auth-card"><div class="eyebrow">ADMIN ACCESS</div><h2>{{ $verify?'Check your email.':'Sign in to your studio.' }}</h2><p class="muted">{{ $verify?'Enter the six-digit code sent to:':'Enter your administrator email to receive a sign-in code.' }}@if($verify)<br><strong>{{ $email }}</strong>@endif</p>
<form class="stack-form" method="post" action="{{ route($verify?'admin.code.verify':'admin.code.send') }}">@csrf
@if($verify)<label>Verification code<input name="verification_code" inputmode="numeric" autocomplete="one-time-code" pattern="[0-9]{6}" maxlength="6" required autofocus></label><small>Valid for 5 minutes. Maximum 5 incorrect attempts.</small>@else<label>Email address<input type="email" name="email" required maxlength="255" autocomplete="email" value="{{ old('email') }}" autofocus></label>@endif
<button class="button wide" type="submit">{{ $verify?'Verify & enter admin studio':'Send verification code' }} <span>↗</span></button></form>
@if($verify)<form method="post" action="{{ route('admin.code.resend') }}" style="margin-top:16px">@csrf<button class="button small secondary" type="submit" data-code-resend>Resend code</button></form><div class="small-note"><a href="{{ route('admin.login') }}">Change email</a></div>@endif
<div class="small-note"><a href="{{ route('admin.password.login') }}">Owner password recovery</a> · <a href="{{ route('customer.login') }}">Customer sign in</a></div></article></section>
@endsection
@push('scripts')<script src="{{ asset('wheel/admin-email-codes.js') }}" defer></script>@endpush