@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')
    <div class="highlight-box">
        <p class="highlight-box-text">Speaker invitation</p>
        <p class="highlight-box-subtext">{{ $eventName }}</p>
    </div>

    <h1 class="email-title">
        You're invited to speak{{ $speakerName ? ', '.explode(' ', $speakerName)[0] : '' }}
    </h1>

    <p class="email-text">
        The organiser of <strong>{{ $eventName }}</strong> has added you to the speaker roster.
        Your speaker page includes the programme, your session times, and links to join the virtual stage.
    </p>

    <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin:24px 0;">
        <tr>
            <td align="center">
                <a href="{{ $portalUrl }}" 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;">
                    Open your speaker page
                </a>
            </td>
        </tr>
    </table>

    <p class="email-text-sm">
        Or open this link: <a href="{{ $portalUrl }}" style="color:#4f46e5;">{{ $portalUrl }}</a>
    </p>
@endsection