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

@section('email-content')

<p>
    Dear <strong>{{ $ticket->siteContact->first_name.' '.$ticket->siteContact->last_name }}</strong>,
</p>

<p>
    A new message requires your attention on your
    <strong>Blood Drive Request</strong>
    (Ticket <strong>{{ $ticket->ticket_id }}</strong>).
</p>

<p>
    <strong>Current Status:</strong>
    <span style="color:#da291c;">{{ $ticket->pipelineStage->name }}</span>
</p>

{{-- Support Message --}}
<div style="margin:20px 0; padding:18px; background-color:#f5f7fa; border-left:4px solid #0066cc;">
    <p style="margin:0 0 10px 0; font-weight:bold;">
        Message body
    </p>

    <p style="margin:0; line-height:1.6;">
        <span style="font-style:italic">
            {{ $sms_message }}
        </span>
    </p>
</div>

<div style="margin:25px 0; padding:20px; background-color:#f9fafb; border-left:4px solid #da291c;">
    <p style="margin:0 0 10px 0; font-weight:bold;">
        👉 Action Required
    </p>

    <p style="margin:0 0 15px 0;">
        Please log in to view the message and provide your response:
    </p>

    <p style="margin:5px 0;">
        <strong>Portal:</strong><br>
        <a href="{{route('customer.ticket', $ticket->id)}}"
           style="color:#0066cc; text-decoration:none;"
           target="_blank">
            {{route('customer.ticket', $ticket->id)}}
        </a>
    </p>

    <p style="margin:10px 0 0 0;">
        <strong>One-Time PIN:</strong>
        <span style="font-size:16px; letter-spacing:1px;">{{ $ticket->otp }}</span>
    </p>
</div>

<p>
    The SANBS team awaits your reply to keep your request moving forward.
</p>

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

    <p style="margin: 0 0 8px 0; font-size: 14px; color: #374151;">
        Kind regards,
    </p>

    <p style="
        margin: 0;
        font-size: 16px;
        font-weight: bold;
        color: #dc2626;
    ">
        South African National Blood Service (SANBS)
    </p>

</div>
@endsection