@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->name }} {{ $ticket->user->surname }},
        </h2>

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

            <p style="margin: 0;">
                This is a reminder for you to action ticket
                <span style="font-weight: bold; color: #dc2626;">
                    {{ $ticket->ticket_id }}
                </span>
                to ensure we keep the process on track.
            </p>

        </div>

    </div>

    <!-- Current Stage -->
    <div style="margin-top: 18px;">

        <div style="
            border-radius: 12px;
            border: 1px solid #fee2e2;
            background-color: #fef2f2;
            padding: 14px 16px;
        ">

            <p style="
                font-size: 11px;
                font-weight: bold;
                color: #374151;
                margin: 0 0 6px 0;
                text-transform: uppercase;
                letter-spacing: 0.4px;
            ">
                Current Stage
            </p>

            <p style="
                font-size: 14px;
                font-weight: bold;
                color: #dc2626;
                margin: 0;
            ">
                {{ $ticket->pipelineStage->name }}
            </p>

        </div>

    </div>

    <!-- Info Message -->
    <div style="margin-top: 18px;">

        <div style="
            border-left: 3px solid #dc2626;
            padding: 10px 12px;
            background-color: #ffffff;
        ">

            <p style="
                font-size: 12px;
                line-height: 18px;
                color: #374151;
                margin: 0;
            ">
                Please schedule the stakeholder meeting as soon as possible
                to ensure we keep the process on track.
            </p>

        </div>

    </div>

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

        <p style="
            font-size: 12px;
            color: #374151;
            margin: 0;
        ">
            Thank you for your attention to this request.
        </p>

    </div>

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

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

        <h3 style="
            font-size: 13px;
            font-weight: bold;
            color: #dc2626;
            margin: 0;
        ">
            SANBS Donor Relations Team
        </h3>

    </div>

</div>

@endsection