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

@section('email-content')

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

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

        <h2 style="
            font-size: 13px;
            font-weight: bold;
            color: #dc2626;
            margin: 0 0 10px 0;
        ">
            Dear {{ $ticket->user->branch->zone->hdr->name }} {{ $ticket->user->branch->zone->hdr->surname }},
        </h2>

        <div style="
            color: #374151;
            font-size: 12px;
            line-height: 18px;
        ">

            <p style="margin: 0 0 10px 0;">
                This is an automated escalation notification regarding Blood Drive Request Ticket
                <span style="font-weight: bold; color: #dc2626;">
                    {{ $ticket->ticket_id }}
                </span>.
            </p>

            <p style="margin: 0;">
                The assigned Donor Relations Practitioner (DRP) has not yet scheduled a stakeholder meeting
                within the expected response timeframe of seven (7) working days.
            </p>

        </div>

    </div>

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

        <div style="
            border-radius: 12px;
            border: 1px solid #e5e7eb;
            background-color: #fffbeb;
            padding: 14px 18px;
        ">

            <h4 style="
                font-size: 14px;
                font-weight: bold;
                color: #b45309;
                margin: 0 0 8px 0;
            ">
                Action Required
            </h4>

            <p style="
                color: #374151;
                font-size: 12px;
                line-height: 18px;
                margin: 0;
            ">
                Please ensure that the responsible Donor Relations Practitioner schedules
                the stakeholder meeting as soon as possible in order to maintain
                customer engagement timelines and operational service standards.
            </p>

        </div>

    </div>

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

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

        <div>

            <h3 style="
                font-size: 13px;
                font-weight: bold;
                color: #dc2626;
                margin: 0;
            ">
                SANBS Ticket Monitoring System
            </h3>

            <div style="
                width: 180px;
                height: 1px;
                background-color: #fca5a5;
                margin-top: 10px;
            "></div>

        </div>

    </div>

</div>

@endsection