@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">Registration confirmed</h1>

    <p class="email-text">
        You are registered for <strong>{{ $eventName }}</strong>.
    </p>

    <div class="email-details">
        <p class="email-details-title">Your badge</p>
        <p class="email-details-value">{{ $badgeCode }}</p>
    </div>

    @if(! empty($joinUrl))
        <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 virtual session
                    </a>
                </td>
            </tr>
        </table>
    @endif
@endsection