@extends('mail.notifications.layout')

@section('content')
    <div class="highlight-box highlight-box-success">
        <p class="highlight-box-text">📋 Programme Outline</p>
        <p class="highlight-box-subtext">{{ $eventName }}</p>
    </div>

    <h1 class="email-title">Here's the programme{{ $attendeeName ? ', ' . explode(' ', $attendeeName)[0] : '' }}!</h1>

    <p class="email-text">
        The organiser of <strong>{{ $eventName }}</strong> has shared the event programme outline with you.
        Tap below to view the full schedule.
    </p>

    <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin:24px 0;">
        <tr>
            <td align="center">
                <a href="{{ $programmeUrl }}" class="email-button" style="display:inline-block;background:#4f46e5;color:#ffffff;text-decoration:none;padding:12px 28px;border-radius:10px;font-size:14px;font-weight:600;">
                    View programme
                </a>
            </td>
        </tr>
    </table>

    <p class="email-text" style="font-size:13px;color:#6b7280;">
        Or open this link: <a href="{{ $programmeUrl }}" style="color:#4f46e5;">{{ $programmeUrl }}</a>
    </p>
@endsection