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

@section('email-content')

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

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

        <h2 style="
            font-size:15px;
            line-height:22px;
            font-weight:700;
            color:#dc2626;
            margin:0 0 12px 0;
        ">
            Dear {{$ticket->siteContact->branch->zone->hdr->title}} {{$ticket->siteContact->branch->zone->hdr->surname}},
        </h2>

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

            <p style="margin:0 0 10px 0;">
                This is to notify you that Blood Drive Request
                <span style="font-weight:700; color:#dc2626;">
                    {{ $ticket->ticket_id }}
                </span>
                has successfully been
                <span style="font-weight:700; color:#16a34a;">
                    approved
                </span>
                by the assigned Donor Relations Practitioner (DRP).
            </p>

        </div>

    </div>

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

        <div style="
            border-radius:14px;
            border:1px solid #bbf7d0;
            background:#f0fdf4;
            padding:14px 18px;
        ">

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

                <p style="margin:0 0 6px 0;">
                    <span style="font-weight:600;">Approved By:</span>
                    {{ $ticket->user->name }} {{ $ticket->user->surname }} (DRP)
                </p>

                <p style="margin:0 0 6px 0;">
                    <span style="font-weight:600;">Proposed Drive Date:</span>
                    {{ \Carbon\Carbon::parse($ticket->events()->where('is_assessment_event', 0)->first()?->start_time)->format('d F Y') }}
                </p>

                <p style="margin:0;">
                    <span style="font-weight:600;">Venue:</span>
                    {{ $ticket->events()->where('is_assessment_event', 0)->first()?->event_location }}
                </p>

            </div>

        </div>

    </div>

    <!-- CTA -->
    <div style="margin-top:24px; text-align:center;">

        <a
            href="{{ route('support.tickets.show', $ticket->id) }}"
            style="
                display:inline-block;
                background:#dc2626;
                color:#ffffff;
                text-decoration:none;
                font-size:13px;
                font-weight:700;
                padding:10px 22px;
                border-radius:10px;
            "
        >
            View Ticket
        </a>

    </div>

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

        <p style="margin:0; font-size:13px; color:#4b5563;">
            SANBS Ticket Monitoring System
        </p>

        <p style="margin:6px 0 0 0; font-size:12px; color:#6b7280;">
            Blood Drive Coordination & Oversight
        </p>

    </div>

</div>

@endsection