@extends('pdf._base')
@section('title', $l->type.' '.$l->letter_id)
@section('css')
<style>
.ltitle { font-family: 'Sora'; font-weight: bold; font-size: 15px; color: #0B1B33; letter-spacing: .5px; margin-top: 26px; text-align: center; text-transform: uppercase; }
.lbody { font-size: 11px; line-height: 1.85; color: #1B2740; white-space: pre-line; margin-top: 18px; text-align: justify; }
</style>
@endsection
@section('body')
@include('pdf._letterhead', ['title' => 'OFFICIAL LETTER', 'number' => $l->letter_id, 'subtitle' => $l->type])
<div class="page" style="padding-top:20px">
  <table><tr>
    <td class="small"><span class="muted">Ref.</span> <b class="ink">{{ $l->letter_id }}</b></td>
    <td class="small r"><span class="muted">Date</span> <b class="ink">{{ $l->issued_at->format('d F Y') }}</b></td>
  </tr></table>
  <div class="ltitle">{{ $l->type }}</div>
  <div class="lbody">{{ $l->rendered_body }}</div>
  <table style="margin-top:46px"><tr>
    <td style="width:60%;vertical-align:bottom">
      <div style="font-family:'Script';font-size:30px;color:#0B1B33;height:36px">{{ $signatory['script'] }}</div>
      <div class="sig-line" style="width:230px"><b class="ink">{{ $signatory['name'] }}</b><br>{{ $signatory['role'] }} · {{ $brand['name'] }}</div>
    </td>
    <td class="r" style="vertical-align:bottom"><img src="{{ $qr }}" width="76" height="76" alt=""><div class="tiny muted" style="margin-top:3px">Scan to verify this letter</div></td>
  </tr></table>
</div>
@include('pdf._footer', ['note' => 'Verify: '.preg_replace('#^https?://#', '', url('/letters/verify/'.$l->letter_id))])
@endsection