{{--
    The body of App\Mail\BookingCancelledMail (CR-9 §3.2).

    Plain inline-styled HTML, deliberately: no `<x-mail::message>`, no markdown
    mailable theme, no layout. Two reasons, and both are the client's rather than
    a preference —

      * **no lang file** (CR-9 §0.1), and the markdown components pull their
        footer and salutation wording from published vendor views;
      * an email client is not a browser. Everything here is a table and an
        inline `style`, which is what survives Outlook and Gmail intact; a
        stylesheet would be stripped by both.

    Every value comes from $rows, which App\Mail\BookingCancelledMail built —
    the mailable did all the reading, formatting and null-handling, so there is
    not one `?->` on this page. Both halves go out through `{{ }}`; a customer
    name and a detailed reason are user-supplied text and there is no `{!! !!}`
    in this file at all.

    `nl2br` is deliberately NOT applied to the Detailed Reason. It is a textarea,
    so it can contain newlines, and the `white-space: pre-line` on its cell
    renders them without any string ever being marked safe.
--}}
<div style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #1F2937; line-height: 1.5;">
    <p style="margin: 0 0 16px;">
        Booking <strong>{{ $booking->code }}</strong> has been cancelled.
    </p>

    <p style="margin: 0 0 16px;">
        The unit has been released back to available inventory and the linked
        inquiry has been returned to follow-up.
    </p>

    <table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; width: 100%; max-width: 640px;">
        @foreach ($rows as $label => $value)
            <tr>
                <td style="padding: 6px 16px 6px 0; vertical-align: top; color: #6B7280; white-space: nowrap;">
                    {{ $label }}
                </td>
                <td style="padding: 6px 0; vertical-align: top; white-space: pre-line;">
                    {{ $value }}
                </td>
            </tr>
        @endforeach
    </table>

    <p style="margin: 16px 0 0; color: #6B7280; font-size: 12.5px;">
        This is an automated message from NREMS. No approval is required — the
        cancellation has already taken effect.
    </p>
</div>