@extends('layout.emails._message-base')

@section('email-content')

<div style="width: 100%; font-family: Arial, sans-serif;">

    <!-- Hero Banner -->
    <div style="
        position: relative;
        overflow: hidden;
        border-radius: 14px;
        background-color: #dc2626;
        margin-bottom: 14px;
        padding: 14px 28px;
    ">

        <div style="position: relative;">

            <h1 style="
                font-size: 15px;
                font-weight: bold;
                color: #ffffff;
                margin: 0 0 4px 0;
            ">
                Blood Drive Day Tomorrow
            </h1>

            <p style="
                font-size: 12px;
                color: #ffffff;
                margin: 0;
            ">
                We're almost there!
            </p>

        </div>

    </div>

    <!-- Content -->
    <div style="padding: 0 28px;">

        <!-- Greeting -->
        <h2 style="
            font-size: 13px;
            font-weight: bold;
            color: #dc2626;
            margin: 0 0 10px 0;
        ">
            Dear {{ $ticket->siteContact->first_name }} {{ $ticket->siteContact->last_name }},
        </h2>

        <!-- Main Content -->
        <div style="display: flex; flex-direction: column; gap: 14px;">

            <!-- Item 1 -->
            <div>

                <p style="
                    color: #374151;
                    font-size: 12px;
                    line-height: 18px;
                    margin: 0;
                ">
                    Tomorrow marks Blood Drive day in our tracking process—our SANBS team will arrive on site to handle setup, coordinate logistics, and ensure everything is ready for a smooth lifesaving event.
                </p>

            </div>

            <!-- Divider -->
            <div style="border-top: 1px solid #e5e7eb;"></div>

            <!-- Item 2 -->
            <div>

                <p style="
                    font-size: 11px;
                    font-weight: bold;
                    color: #dc2626;
                    margin: 0 0 6px 0;
                    text-transform: uppercase;
                    letter-spacing: 0.5px;
                ">
                    Preparation Reminder
                </p>

                <p style="
                    color: #374151;
                    font-size: 12px;
                    line-height: 18px;
                    margin: 0;
                ">
                    Please ensure all final preparations are complete—we are fully set for a successful blood drive.
                </p>

            </div>

        </div>

        <!-- Closing -->
        <div style="margin-top: 20px;">

            <p style="
                color: #374151;
                font-size: 12px;
                margin: 0 0 6px 0;
            ">
                Regards,
            </p>

            <p style="
                color: #dc2626;
                font-weight: bold;
                font-size: 13px;
                margin: 0;
            ">
                The SANBS Donor Relations Team
            </p>

        </div>

    </div>

</div>

@endsection