@extends('emails.layouts.stepup', [
    'preheader' => 'Secure payment link for invoice ' . $invoiceNumber . ' — Balance ' . $balanceDisplay . '.',
])

@section('body')
    <p style="margin:0 0 14px;">Hello,</p>
    <p style="margin:0 0 14px;">
        Here is a secure payment link for invoice <strong>{{ $invoiceNumber }}</strong>.
    </p>
    <p style="margin:0 0 14px;">
        Balance due: <strong>{{ $balanceDisplay }}</strong>
    </p>

    @include('emails.components.button', [
        'url' => $paymentUrl,
        'label' => 'Pay Securely',
    ])

    <p style="margin:16px 0 0;font-size:12px;color:#666;">
        This link is unique to your invoice. For your security, do not share it.
    </p>
@endsection