@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">Join {{ $eventName }}</h1>

    <p class="email-text">
        Your virtual session for <strong>{{ $eventName }}</strong> is ready.
    </p>

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

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