@extends('emails.layout')

@section('content')
    <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" class="fluid">
        <tr>
            <td class="body-text" style="font-family:Verdana,Geneva,sans-serif;font-size:15px;line-height:1.6;color:#2d3540;padding:0 0 12px 0;">
                Hello,
            </td>
        </tr>
        <tr>
            <td class="body-text" style="font-family:Verdana,Geneva,sans-serif;font-size:15px;line-height:1.6;color:#2d3540;padding:0 0 16px 0;">
                Memorial <strong style="color:#1f2933;">{{ $funeral_name }}</strong> has been registered on {{ $project_name }}.
            </td>
        </tr>
        <tr>
            <td style="padding:0 0 16px 0;">
                <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" class="info-box" style="background-color:#f8f4f1;border:1px solid #eadfd6;border-radius:8px;">
                    <tr>
                        <td class="body-text" style="padding:14px 16px;font-family:Verdana,Geneva,sans-serif;font-size:14px;line-height:1.8;color:#2d3540;">
                            <strong>Born:</strong> {{ $born_date ?: '-' }}<br>
                            <strong>Memorial date:</strong> {{ $memorial_date ?: '-' }}
                            @if($show_amount)
                                <br><strong>Paid amount:</strong> USD ${{ $amount }}
                            @endif
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td class="body-text" style="font-family:Verdana,Geneva,sans-serif;font-size:15px;line-height:1.6;color:#2d3540;padding:0 0 16px 0;">
                Share the code below with family and friends to add fond memories.
            </td>
        </tr>
        <tr>
            <td align="center" style="padding:0 0 16px 0;">
                <img src="{{ $qr_image_url }}" alt="QR Code" width="120" class="fluid" style="display:block;width:120px;max-width:120px;height:auto;margin:0 auto;border:0;">
                <div class="qr-code-text" style="padding-top:10px;font-family:Verdana,Geneva,sans-serif;font-size:20px;line-height:1.3;font-weight:700;color:{{ $brand_color }};letter-spacing:2px;text-align:center;word-break:break-all;">{{ $qr_code }}</div>
            </td>
        </tr>
        <tr>
            <td align="center" style="padding:0 0 16px 0;">
                @include('emails.partials.app-store-badges')
            </td>
        </tr>
        <tr>
            <td class="body-text" style="font-family:Verdana,Geneva,sans-serif;font-size:14px;line-height:1.6;color:#2d3540;padding:0;">
                Regards,<br>
                <strong style="color:#1f2933;">Team {{ $project_name }}</strong>
            </td>
        </tr>
    </table>
@endsection