@extends('checkout.layout')
@section('title', ($maskedEmail ?? null) ? 'Continue your checkout' : 'Checkout link not available')
@section('content')
<section class="panel"><div class="eyebrow">Pay Later checkout</div>
<h1>{{ ($maskedEmail ?? null) ? 'Continue on this device' : 'This link is not available' }}</h1>
@if($reason === 'invalid')
<p class="muted">The checkout link is incomplete or has been replaced by a newer one. Go back to the store and start Pay Later again.</p>
@elseif($maskedEmail ?? null)
<p class="muted">For your security, this checkout is linked to the browser where you started it. To continue here, we will email a 6-digit code to {{ $maskedEmail }}.</p>
@if(session('checkout_code_sent') || $errors->has('code'))
<form action="{{ route('checkout.code.verify', $reference) }}" method="post">@csrf
<div class="field"><label class="field-label" for="code">6-digit code</label><input id="code" name="code" inputmode="numeric" pattern="[0-9]{6}" maxlength="6" autocomplete="one-time-code" required autofocus></div>
<div class="actions"><button class="full" type="submit">Continue <span aria-hidden="true">→</span></button></div>
</form>
<form action="{{ route('checkout.code', $reference) }}" method="post" style="text-align:center">@csrf<button class="text-button" type="submit">Send a new code</button></form>
@else
<form action="{{ route('checkout.code', $reference) }}" method="post">@csrf<div class="actions"><button class="full" type="submit">Email me a code</button></div></form>
@endif
@else
<p class="muted">This checkout has ended or the link has expired. Go back to the store and choose Pay Later again to get a fresh link.</p>
@endif
</section>
@endsection