@extends('mail.notifications.layout')

@section('email-header')
    @include('mail.partials.brand-header', ['brand' => 'events'])
@endsection

@section('email-footer')
    @include('mail.partials.brand-footer', ['brand' => 'events'])
@endsection

@section('content')
    @if($attendeeName)
        <p class="email-text">Hi {{ $attendeeName }},</p>
    @endif

    <h1 class="email-title">{{ $eventName }}</h1>

    <p class="email-text">
        Here is everything you need for <strong>{{ $eventName }}</strong>:
    </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;margin:8px 4px;">
                    View programme
                </a>
                <a href="{{ $joinUrl }}" class="email-button-secondary" style="display:inline-block;background:#f1f5f9;color:#0f172a;text-decoration:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;margin:8px 4px;">
                    Join virtual session
                </a>
            </td>
        </tr>
    </table>
@endsection