{{ 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>
        {% if claim_name %}
        <tr><th>Name</th><td>{{ claim_name }}</td></tr>
        {% endif %}
        {% if claim_email %}
        <tr><th>Email</th><td>{{ claim_email }}</td></tr>
        {% endif %}
        <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>
