@php
    $company = $setting?->company_name ?: config('app.name');
    $primary = $setting?->primary_color ?: '#124a61';
    $symbol = $symbol ?? '';
    $code = $invoice->currency_code ?: '';

    $money = function ($value) use ($symbol, $code) {
        $formatted = number_format((float) $value, 2);
        return ($symbol !== '' ? $symbol . ' ' : ($code !== '' ? $code . ' ' : '')) . $formatted;
    };

    $items = $invoice->lineItems ?? collect();
    $overdue = $invoice->due_date && $invoice->due_date->isPast();
@endphp

<x-mail-shell :message="$message ?? null" :setting="$setting" heading="Payment Reminder"
    preview="Invoice {{ $invoice->invoice_number }}, {{ $money($invoice->balance_due) }} outstanding">

    <p style="margin:0 0 16px;">Dear {{ $invoice->payerName() ?: 'Customer' }},</p>

    <p style="margin:0 0 20px;">
        This is a friendly reminder that invoice <strong>{{ $invoice->invoice_number }}</strong>
        from {{ $company }} has an outstanding balance.
    </p>

    <!-- Summary panel -->
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"
        style="background-color:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; margin:0 0 24px;">
        <tr>
            <td style="padding:20px 24px;">
                <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="font-size:14px; color:#475569;">
                    <tr>
                        <td style="padding:4px 0; font-weight:700; color:#0f172a;">Amount Due</td>
                        <td align="right" style="padding:4px 0; font-weight:700; color:{{ $primary }};">{{ $money($invoice->balance_due) }}</td>
                    </tr>
                    <tr>
                        <td style="padding:4px 0; color:#64748b;">Due Date</td>
                        <td align="right" style="padding:4px 0; color:{{ $overdue ? '#be123c' : '#64748b' }}; font-weight:{{ $overdue ? '700' : '400' }};">
                            {{ optional($invoice->due_date)->format('F j, Y') ?: '—' }}@if ($overdue) &nbsp;(overdue)@endif
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    <!-- Items being contracted -->
    @if ($items->isNotEmpty())
        <p style="margin:0 0 8px; font-size:12px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#94a3b8;">Items</p>
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:0 0 24px; font-size:14px;">
            @foreach ($items as $line)
                <tr>
                    <td style="padding:8px 0; border-bottom:1px solid #f1f5f9; color:#0f172a;">
                        <span style="color:{{ $primary }}; font-weight:700;">&bull;</span>&nbsp;
                        {{ $line->name }}
                        @if ((float) $line->qty > 0)
                            <span style="color:#94a3b8;">&times; {{ rtrim(rtrim(number_format((float) $line->qty, 2), '0'), '.') }}</span>
                        @endif
                    </td>
                    <td align="right" style="padding:8px 0; border-bottom:1px solid #f1f5f9; color:#475569; white-space:nowrap;">{{ $money($line->line_total) }}</td>
                </tr>
            @endforeach
        </table>
    @endif

    <!-- Call to action: always a payment button. Paynow checkout where it is
         live, otherwise the invoice page with the banking details on it. -->
    <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center" style="margin:8px auto 16px;">
        <tr>
            <td align="center" style="background-color:{{ $primary }}; background-image:linear-gradient(135deg,{{ $primary }},{{ $setting?->accent_color ?: '#2e86ab' }}); border-radius:10px;">
                <a href="{{ $canPayOnline ? $payUrl : $portalUrl }}" target="_blank"
                    style="display:inline-block; padding:14px 32px; font-size:15px; font-weight:700; color:#ffffff; text-decoration:none;">
                    Pay {{ $money($invoice->balance_due) }}
                </a>
            </td>
        </tr>
    </table>
    <p style="margin:0; text-align:center; font-size:13px; color:#64748b;">
        @if ($canPayOnline)
            Prefer to review first? <a href="{{ $portalUrl }}" target="_blank" style="color:{{ $primary }}; text-decoration:underline;">View the full invoice online</a>.
        @else
            <a href="{{ $portalUrl }}" target="_blank" style="color:{{ $primary }}; text-decoration:underline;">View the invoice and payment details online</a>.
        @endif
    </p>

    <p style="margin:20px 0 0; font-size:13px; color:#94a3b8; text-align:center;">
        If you have already made this payment, please disregard this message.
    </p>

</x-mail-shell>