<x-emails.layout :subject="'Transaction Receipt'" :headerTitle="config('app.name')" :headerUrl="route('user.dashboard')">
    <!-- Header Title -->
    <h1
        style="margin:0 0 20px 0; font-size:28px; font-weight:700; color:#0369a1; text-align:center; letter-spacing:1px;">
        Transaction Receipt
    </h1>

    <!-- Greeting -->
    <p style="margin:0 0 20px 0; font-size:16px; line-height:1.6; color:#333;">
        Hello <strong>{{ $user->name }}</strong>,
    </p>

    <!-- Message -->
    <p style="margin:0 0 30px 0; font-size:16px; line-height:1.6; color:#555;">
        Your transaction receipt is ready. Please find the PDF receipt attached to this email.
    </p>

    <!-- Info Section -->
    <table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:30px;">
        <tr>
            <td style="font-size:14px; color:#555; line-height:1.5; text-align:center;">
                Date: <strong>{{ now()->toDayDateTimeString() }}</strong>
            </td>
        </tr>
    </table>

    <!-- Note -->
    <p style="font-size:13px; color:#888; text-align:center; margin-bottom:30px;">
        This is an automated message. Please do not reply.
    </p>

    <!-- Footer -->
    <p style="margin-top:40px; font-size:14px; color:#555; text-align:center; line-height:1.6;">
        Thank you for choosing <strong>{{ config('app.name') }}</strong>.<br>
        &mdash; The {{ config('app.name') }} Team
    </p>
</x-emails.layout>
