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

@section('email-content')

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

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

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

        <div style="margin-top: 10px; color: #4b5563; font-size: 12px; line-height: 20px;">

            @php
                if ($status === 'paused')
                    $ticket_activity = $ticket->history()->where('flag', 'ticket_paused')->latest()->first();
                else
                    $ticket_activity = $ticket->history()->where('flag', 'ticket_rejected')->latest()->first();
            @endphp

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

                @if ($status === 'paused')
                    has been paused by
                @else
                    has been rejected by
                @endif

                <span style="font-weight: 600; color: #111827;">
                    {{ $ticket_activity->user->name }} {{ $ticket_activity->user->surname }}
                </span>.
            </p>

            @if ($status === 'paused')

                <div style="border: 1px solid #fecaca; background-color: #fef2f2; padding: 8px 14px; border-radius: 10px; margin-bottom: 12px;">

                    <p style="font-size: 12px; font-weight: 600; color: #c2410c; margin: 0 0 4px 0;">
                        Pause Reason
                    </p>

                    <p style="color: #4b5563; margin: 0;">
                        {{ $ticket_activity->reason?->activity_reason }}
                    </p>

                </div>

            @else

                <div style="border: 1px solid #fecaca; background-color: #fef2f2; padding: 8px 14px; border-radius: 10px; margin-bottom: 12px;">

                    <p style="font-size: 12px; font-weight: 600; color: #b91c1c; margin: 0 0 4px 0;">
                        Rejection Reason
                    </p>

                    <p style="color: #4b5563; margin: 0;">
                        {{ $ticket_activity->reason?->activity_reason }}
                    </p>

                </div>

            @endif

            <p style="margin: 0;">
                Kindly review and facilitate the necessary follow-up to ensure timely resolution
                and continued donor engagement.
            </p>

        </div>

    </div>

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

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

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

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

            <p style="color: #4b5563; font-size: 12px; margin-top: 3px;">
                Automated Escalation & Compliance Monitoring
            </p>

        </div>

    </div>

</div>

@endsection