@extends('emails.layouts.event')

@section('content')
    <h1 style="margin:0 0 18px;font-size:24px;line-height:1.35;font-weight:700;color:#111827;text-align:center;">
        Thank you for registering!
    </h1>

    <p style="margin:0 0 16px;font-size:15px;line-height:1.7;color:#475467;text-align:center;">
        Hi {{ $registration->name }}, your spot for
        <strong style="color:#111827;">{{ $event->title }}</strong>
        is confirmed.
    </p>

    <p style="margin:0 0 22px;font-size:15px;line-height:1.7;color:#475467;text-align:center;">
        Keep your registration code handy for check-in and your records.
    </p>

    <table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="margin:0 0 24px;">
        <tr>
            <td style="padding:18px 20px;border-radius:14px;background:#f8fafc;border:1px solid #eaecf0;text-align:left;">
                <p style="margin:0 0 10px;font-size:14px;line-height:1.5;color:#344054;">
                    <strong style="color:#111827;">Registration code:</strong> {{ $registration->registration_code }}
                </p>
                <p style="margin:0 0 10px;font-size:14px;line-height:1.5;color:#344054;">
                    <strong style="color:#111827;">Date:</strong> {{ $event->start_date->format('F j, Y g:i A') }}
                </p>
                @if($event->location)
                    <p style="margin:0 0 10px;font-size:14px;line-height:1.5;color:#344054;">
                        <strong style="color:#111827;">Location:</strong> {{ $event->location }}
                    </p>
                @endif
                @if($registration->organization)
                    <p style="margin:0 0 10px;font-size:14px;line-height:1.5;color:#344054;">
                        <strong style="color:#111827;">Organization:</strong> {{ $registration->organization }}
                    </p>
                @endif
                @if($registration->position)
                    <p style="margin:0;font-size:14px;line-height:1.5;color:#344054;">
                        <strong style="color:#111827;">Position:</strong> {{ $registration->position }}
                    </p>
                @endif
            </td>
        </tr>
    </table>

    <p style="margin:0 0 28px;font-size:15px;line-height:1.7;color:#475467;text-align:center;">
        @if($event->contact_email)
            Have questions? We’d love to help — just reply or write to
            <a href="mailto:{{ $event->contact_email }}" style="color:#b98100;text-decoration:none;">{{ $event->contact_email }}</a>.
        @else
            Have questions? Just hit reply and we’ll help.
        @endif
    </p>

    <p style="margin:0;font-size:15px;line-height:1.7;color:#475467;text-align:center;">
        Our best,<br>
        <strong style="color:#111827;">The {{ app(\App\Services\SettingsService::class)->get('site_name', config('app.name')) }} team</strong>
    </p>
@endsection