{{-- Fixed letterhead for dompdf reports. Requires @page top margin of ~125px. Params: $title, $meta (optional). --}}
<style>
    .letterhead { position: fixed; top: -108px; left: 0; right: 0; height: 98px; border-bottom: 2px solid #2f5d46; }
    .letterhead table { width: 100%; border-collapse: collapse; }
    .letterhead td { padding: 0; vertical-align: top; border: 0; background: none; }
    .letterhead .lh-logo { width: 96px; padding-right: 10px; }
    .letterhead .lh-logo img { max-width: 92px; max-height: 70px; }
    .letterhead .lh-name { margin: 0; color: #2f5d46; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: .8px; }
    .letterhead .lh-trade { margin: 1px 0 0; color: #34453c; font-size: 9px; font-weight: bold; }
    .letterhead .lh-line { margin: 1px 0 0; color: #5b6b63; font-size: 7.5px; }
    .letterhead .lh-doc { width: 210px; text-align: right; }
    .letterhead .lh-title { margin: 0; color: #1f2d27; font-size: 15px; font-weight: bold; }
    .letterhead .lh-meta { margin: 3px 0 0; color: #5b6b63; font-size: 8px; }
</style>
<div class="letterhead">
    <table>
        <tr>
            @if($logo = $company->logoDataUri())
                <td class="lh-logo"><img src="{{ $logo }}" alt=""></td>
            @endif
            <td>
                <p class="lh-name">{{ $company->legal_name }}</p>
                @if($company->trade_name && $company->trade_name !== $company->legal_name)
                    <p class="lh-trade">{{ $company->trade_name }}</p>
                @endif
                @foreach($company->contactLines() as $line)
                    <p class="lh-line">{{ $line }}</p>
                @endforeach
            </td>
            <td class="lh-doc">
                <p class="lh-title">{{ $title }}</p>
                @if(! empty($meta))
                    <p class="lh-meta">{{ $meta }}</p>
                @endif
            </td>
        </tr>
    </table>
</div>