@extends('layouts.site')

@section('content')
<section class="on-dark section min-h-[60svh]"><div class="wrap max-w-3xl">
    <p class="eyebrow">Certificate check</p>
    @if ($certificate && ! $certificate->revoked_at)
        <h1 class="display !text-5xl">{{ \App\Support\Text::accent('This certificate is *genuine*.') }}</h1>
        <dl class="mt-10 space-y-5">
            <div><dt class="text-xs uppercase tracking-widest text-steel">Awarded to</dt><dd class="font-display text-2xl">{{ $certificate->enrolment->user->name }}</dd></div>
            <div><dt class="text-xs uppercase tracking-widest text-steel">For completing</dt><dd class="font-display text-2xl">{{ $certificate->enrolment->course->title }}</dd></div>
            <div><dt class="text-xs uppercase tracking-widest text-steel">Issued</dt><dd class="text-lg">{{ $certificate->issued_at->format('j F Y') }}</dd></div>
            <div><dt class="text-xs uppercase tracking-widest text-steel">Code</dt><dd class="text-lg">{{ $certificate->code }}</dd></div>
        </dl>
    @elseif ($certificate)
        <h1 class="display !text-5xl">{{ \App\Support\Text::accent('This certificate has been *withdrawn*.') }}</h1>
        <p class="lead mt-6">Code {{ $certificate->code }} is no longer valid. If you think this is a mistake, please contact us.</p>
    @else
        <h1 class="display !text-5xl">{{ \App\Support\Text::accent('We could not *find* that code.') }}</h1>
        <p class="lead mt-6">Check the code for typos. Codes look like WNX-ABCDE12345 and contain no zero, letter O, one or letter I.</p>
    @endif
</div></section>
@endsection