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

@section('email-content')

<div style="font-family: Arial, Helvetica, sans-serif; color:#374151;">

    <!-- Greeting -->
    <div style="margin-top:14px;">

        <h2 style="
            font-size:14px;
            font-weight:700;
            color:#dc2626;
            margin:0 0 10px 0;
            line-height:20px;
        ">
            Dear {{ $ticket->user?->name }} {{ $ticket->user?->surname }},
        </h2>

        <div style="
            font-size:13px;
            line-height:20px;
            color:#4b5563;
        ">

            <p style="margin:0 0 12px 0;">

                This is an automated notification to advise that Blood Drive Request Ticket
                <span style="font-weight:700; color:#dc2626;">
                    {{ $ticket->ticket_id }}
                </span>
                has officially resumed today following the scheduled pause period.

            </p>

            <!-- Status Box -->
            <div style="
                border:1px solid #bbf7d0;
                background:#f0fdf4;
                padding:10px 14px;
                border-radius:10px;
                margin:0 0 12px 0;
            ">

                <p style="
                    font-size:12px;
                    font-weight:700;
                    color:#15803d;
                    margin:0 0 6px 0;
                ">
                    Ticket Status Update
                </p>

                <p style="
                    font-size:12px;
                    line-height:18px;
                    color:#4b5563;
                    margin:0;
                ">
                    The ticket has automatically transitioned back to an active state and processing may now continue.
                </p>

            </div>

            <p style="margin:0;">
                Kindly proceed with the necessary follow-up actions to ensure continued coordination,
                timely execution, and successful completion of the blood drive process.
            </p>

        </div>

    </div>

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

        <p style="margin:0; font-size:13px; color:#4b5563;">
            Regards,
        </p>

        <div style="margin-top:8px;">

            <h3 style="
                font-size:14px;
                font-weight:700;
                color:#dc2626;
                margin:0;
                line-height:20px;
            ">
                SANBS Ticket Monitoring System
            </h3>

            <p style="
                font-size:12px;
                color:#6b7280;
                margin:4px 0 0 0;
                line-height:18px;
            ">
                Automated Escalation & Compliance Monitoring
            </p>

        </div>

    </div>

</div>

@endsection