@extends('layouts.app')
@section('content')
<section class="section-dark page-hero tr-vhero">
  <div class="tr-vhero-glow" aria-hidden="true"></div>
  <div class="container narrow" style="position:relative;z-index:2">
    <nav class="crumbs" aria-label="Breadcrumb"><a href="{{ route('home') }}">Home</a><a href="{{ route('verify') }}">Verify</a><span>{{ $label }}</span></nav>
    <div class="tr-vseal" aria-hidden="true"><x-icon name="{{ $valid ? 'shield' : 'alert' }}" :size="30"/></div>
    <h1>{{ $valid ? 'Genuine INFOTICS document' : 'Document could not be verified' }}</h1>
    <p class="lead">{{ $valid ? 'This '.strtolower($label).' was issued by '.config('infotics.brand.legal_name').' and matches our records.' : 'The number or security code does not match any document issued by INFOTICS Academy.' }}</p>
  </div>
</section>
<section class="section-sm">
  <div class="container narrow">
    @if($valid)
      <div class="op-verify card">
        <div class="op-verify-head">
          <span class="op-verify-ok"><x-icon name="check-circle" :size="22"/> Verified</span>
          <div><div class="op-verify-type">{{ $label }}</div><div class="op-verify-no mono">{{ $number }}</div></div>
        </div>
        <dl class="op-kv">
          @foreach($facts as $k => $v)<div><dt>{{ $k }}</dt><dd>{{ $v ?? '—' }}</dd></div>@endforeach
          <div><dt>Checked</dt><dd>{{ now()->format('d M Y, h:i A') }} PKT</dd></div>
        </dl>
        <p class="small muted" style="margin:16px 0 0">For privacy only part of the name is shown. Compare the amount, date and number with the document you hold. Questions: <a href="mailto:{{ setting('contact_email') }}">{{ setting('contact_email') }}</a>.</p>
        @if($type === 'quote' && $doc->isOpen())<a class="btn btn-primary mt-2" href="{{ $doc->publicUrl() }}"><x-icon name="check" :size="16"/> Review &amp; accept this quotation</a>@endif
        @if($type === 'invoice' && $doc->balance() > 0 && $doc->status !== 'void')<a class="btn btn-primary mt-2" href="{{ route('invoices.show', $doc->token) }}"><x-icon name="wallet" :size="16"/> View invoice &amp; pay</a>@endif
      </div>
    @else
      <div class="tr-notfound" role="alert">
        <div class="tr-notfound-ico"><x-icon name="alert" :size="26"/></div>
        <div><h2>Not verified</h2><p>Re-scan the QR code on the document. If it still fails, the document may have been altered — please email <a href="mailto:{{ setting('contact_email') }}">{{ setting('contact_email') }}</a> with a copy and we will check it from our records.</p></div>
      </div>
    @endif
  </div>
</section>
@endsection