@php
    $dir       = $direction ?? 'rtl';
    $isRtl     = $dir === 'rtl';
    $start     = $isRtl ? 'right' : 'left';
    $end       = $isRtl ? 'left'  : 'right';

    // Determine posted status from raw value (always English from backend)
    $rawStatus = $type ?? 'Unposted';
    $isPosted  = strtolower($rawStatus) === 'posted';

    // Translate badge label based on language
    $statusLabel = $isPosted
        ? ($isRtl ? 'مرحل' : 'Posted')
        : ($isRtl ? 'غير مرحل' : 'Unposted');

    $logoImg = $logoSrc ?? null;
    if (!$logoImg) {
        $logoImgRaw = data_get($company ?? [], 'invoice_logo') ?: null;
        $isHtml  = request()->query('view') === 'html';
        if ($logoImgRaw) {
            $logoImg = $isHtml ? asset($logoImgRaw) : public_path($logoImgRaw);
            if (!$isHtml && !file_exists($logoImg)) $logoImg = null;
        }
    }
    $companyVat  = $company_vat ?? data_get($company ?? [], 'company_vat', data_get($company ?? [], 'tax_number', '---'));
    $companyName = $company_name ?? data_get($company ?? [], 'company_name', data_get($company ?? [], 'name_company', 'Azora'));
@endphp

<div style="padding: 20px 30px 0 30px;">

    {{-- ── TOP ROW: Badge/Date | Logo/Tax ── --}}
    <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
            {{-- Left: badge + print date --}}
            <td width="50%" valign="top" style="text-align:{{ $start }};">
                <div style="margin-bottom:8px;">
                    <span style="border:1px solid {{ $isPosted ? '#22C55E' : '#94A3B8' }};
                                 color:{{ $isPosted ? '#22C55E' : '#94A3B8' }};
                                 border-radius:12px; padding:4px 12px;
                                 font-size:10px; font-weight:bold;">
                        @if($isPosted)&#10004; @endif{{ $statusLabel }}
                    </span>

                </div>

      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr><td style="height:5px; font-size:1px; line-height:10px;">&nbsp;</td></tr>
      </table>

                <div style="font-size:10px; color:#64748B; margin-top:4px;">
                    <b style="color:#1E293B;">{{ $isRtl ? 'تاريخ الطباعة:' : 'Print Date:' }}</b>
                    {{ now()->format('Y-m-d') }}
                </div>
            </td>

            {{-- Right: Logo + company name + tax --}}
            <td width="50%" valign="top" style="text-align:{{ $end }};">
                @if($logoSrc)
                    <img src="{{ $logoSrc }}" style="max-height:40px; max-width:110px; vertical-align:middle;" alt=""/>
                @endif
                <span style="font-size:20px; font-weight:bold; color:#195FBB; vertical-align:middle; margin-{{ $start }}:6px;">
                    {{ $companyName }}
                </span>
                      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr><td style="height:5px; font-size:1px; line-height:10px;">&nbsp;</td></tr>
      </table>
                <div style="font-size:10px; color:#64748B; margin-top:4px;">
                    <b style="color:#1E293B;">{{ $isRtl ? 'الرقم الضريبي:' : 'Tax ID:' }}</b>
                    {{ $companyVat }}
                </div>
            </td>
        </tr>
    </table>

    {{-- ── Divider ── --}}
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr><td style="height:18px;"></td></tr>
    </table>

    {{-- ── Title Block ── --}}
    <div style="text-align:{{ $start }}; border-bottom:2px solid #D1D9E6; padding-bottom:14px;">
        <div style="font-size:26px; font-weight:bold; color:#1E293B; margin-bottom:4px;">
            {{ $isRtl ? ' قيد يومية' : 'Journal Entry ' }}
        </div>
        <div style="font-size:13px; color:#64748B;">
            {{ $isRtl ? 'ملف محاسبي' : 'Accounting Document' }}
        </div>
    </div>

    {{-- ── Spacer ── --}}
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr><td style="height:20px;"></td></tr>
    </table>

</div>