{{ attach_library('ui_patterns/tm_itinerary_item.tm_itinerary_item_lib') }}

<div class="span-cut-wrapper page-break-before">
  <span class="span-cut">Cut</span>
</div>

<div class="itin-voucher-wrapper">
  <div class="itin-voucher-header">
    <div class="logo">greateranglia</div>
    <div class="logo"><h3 class="m-0">Attraction Voucher</h3></div>
    <div class="logo">National Rail</div>
  </div>
  <h4 class="itin-voucher-title">{{ offer_title }}</h4>
  <table class="itin-voucher table">
    <tbody>
        <tr><th>Name</th><td>{{ claim_name }}</td></tr>
        <tr><th>Email</th><td>{{ claim_email }}</td></tr>
        <tr><th>TOC Ref</th><td>{{ toc_ref }}</td></tr>
        <tr><th>Offer</th><td>{{ offer_title }}</td></tr>
    </tbody>
  </table>
</div>

<div class="span-cut-wrapper">
  <span class="span-cut">Cut</span>
</div>
