@extends('layouts.app')
@php
    $status = $letter->status === 'issued' ? 'valid' : $letter->status;
    $ok = $letter->status === 'issued';
    seo()->title('Verify letter '.$letter->letter_id)->description('Verification of an official INFOTICS Academy letter.')->noindex();
@endphp
@section('content')
<section class="section-sm">
  <div class="container narrow">
    <nav class="crumbs" aria-label="Breadcrumb"><a href="{{ route('home') }}">Home</a><a href="{{ route('verify') }}">Verify</a><span>Letter {{ $letter->letter_id }}</span></nav>
    <div class="verify-card">
      <div class="verify-head {{ $ok ? 'ok' : 'bad' }}" role="status">
        <x-icon :name="$ok ? 'badge-check' : 'shield-alert'" :size="28"/>
        <div class="grow"><b>{{ $ok ? 'Verified — this letter was issued by INFOTICS Academy' : 'This letter is not valid ('.ucfirst($letter->status).')' }}</b><div class="small" style="opacity:.9">{{ $letter->type }} · issued {{ $letter->issued_at->format('d M Y') }}</div></div>
      </div>
      <div class="card-pad">
        <dl class="kv">
          <dt>Document ID</dt><dd class="mono">{{ $letter->letter_id }}</dd>
          <dt>Type</dt><dd>{{ $letter->type }}</dd>
          <dt>Issued to</dt><dd>{{ $letter->user->name }}</dd>
          <dt>Issued on</dt><dd>{{ $letter->issued_at->format('d M Y') }}</dd>
          <dt>Issuer</dt><dd>{{ config('infotics.badges.issuer_name') }}</dd>
          <dt>Status</dt><dd><x-pill :status="$ok ? 'active' : $letter->status"/></dd>
        </dl>
        @if($ok)
        <h2 class="tr-h2 mt-3">Letter text</h2>
        <div class="tr-letter-body">{{ $letter->rendered_body }}</div>
        <div class="row mt-3">
          <a class="btn btn-primary" href="{{ route('letters.pdf', $letter->letter_id) }}" target="_blank" rel="noopener"><x-icon name="download" :size="18"/> Download PDF</a>
          <a class="btn btn-secondary" href="{{ route('letters.print', $letter->letter_id) }}" target="_blank" rel="noopener"><x-icon name="file-text" :size="18"/> Print view</a>
          <a class="btn btn-secondary" href="{{ route('verify') }}">Verify another</a>
        </div>
        @endif
      </div>
    </div>
  </div>
</section>
@endsection