{{--
    Organisation letterhead block: logo, name, tagline and contact lines.
    A table rather than flexbox because DomPDF does not lay out flex; the same
    markup prints from the browser. The logo is a data: URI for the same reason.

    @param \App\Models\System\Organization|null $org
    @param string $nameColor  Colour of the organisation name (default green)
--}}
@php
    $nameColor = $nameColor ?? '#059669';
    $orgLogo = $org instanceof \App\Models\System\Organization ? $org->logoDataUri() : null;
    $addressLine = collect([$org->address ?? null, $org->city ?? null, $org->po_box ?? null])->filter()->implode(', ');
    $contactLine = collect([$org->email ?? null, $org->contact ?? null, $org->contact_secondary ?? null])->filter()->implode(' · ');
    $registrationLine = collect([
        ! empty($org->tax_identification_number) ? 'TIN: '.$org->tax_identification_number : null,
        ! empty($org->registration_number) ? 'Reg. No: '.$org->registration_number : null,
    ])->filter()->implode(' · ');
@endphp
<table style="border-collapse: collapse; border: none; width: auto; margin: 0;">
    <tr>
        @if($orgLogo)
            <td style="border: none; padding: 0 12px 0 0; vertical-align: top; width: 70px;">
                <img src="{{ $orgLogo }}" alt="{{ $org->name }} logo" style="max-width: 70px; max-height: 70px;">
            </td>
        @endif
        <td style="border: none; padding: 0; vertical-align: top;">
            <div style="font-size: 20pt; font-weight: bold; color: {{ $nameColor }}; margin: 0; line-height: 1.1;">
                {{ $org->name ?? '' }}
            </div>
            @if(!empty($org->tagline))
                <div style="font-size: 9pt; font-style: italic; color: #444; margin-top: 2px;">{{ $org->tagline }}</div>
            @endif
            @if(!empty($org->legal_name) && $org->legal_name !== $org->name)
                <div style="font-size: 9pt; color: #666; margin-top: 2px;">{{ $org->legal_name }}</div>
            @endif
            @if($addressLine !== '')
                <div style="font-size: 9pt; color: #666; margin-top: 2px;">{{ $addressLine }}</div>
            @endif
            @if($contactLine !== '')
                <div style="font-size: 9pt; color: #666; margin-top: 2px;">{{ $contactLine }}</div>
            @endif
            @if($registrationLine !== '')
                <div style="font-size: 9pt; color: #666; margin-top: 2px;">{{ $registrationLine }}</div>
            @endif
        </td>
    </tr>
</table>