@extends('emails.partials.layout')

@section('title', __('emails.welcome.subject', ['name' => $user->fullName]))
@section('preheader', __('emails.welcome.subtitle'))
@section('hero_title', __('emails.welcome.greeting', ['name' => $user->fullName]))
@section('hero_subtitle', __('emails.welcome.subtitle'))

@section('content')
    <p style="margin:0 0 12px; font-size:15px; color:#1f2937;">
        {{ __('emails.welcome.body') }}
    </p>
    <div style="background-color:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:16px; margin-bottom:16px;">
        <p style="margin:0 0 6px; font-size:13px; text-transform:uppercase; letter-spacing:0.08em; color:#64748b;">
            {{ __('emails.welcome.account_label') }}
        </p>
        <p style="margin:0; font-size:14px; color:#0f172a;">
            {{ __('emails.welcome.username', ['username' => $user->username]) }}<br>
            {{ __('emails.welcome.email', ['email' => $user->email]) }}
        </p>
    </div>
    <p style="margin:0 0 16px; font-size:14px; color:#1f2937;">
        {{ __('emails.welcome.verification') }}
    </p>
    <h3 style="margin:0 0 10px; font-size:16px;">{{ __('emails.welcome.next_steps_title') }}</h3>
    <table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="border-collapse:collapse;">
        <tr>
            <td style="padding:6px 0; font-size:14px; color:#6b7280;">01</td>
            <td style="padding:6px 0; font-size:14px; color:#0f172a;">{{ __('emails.welcome.step_one') }}</td>
        </tr>
        <tr>
            <td style="padding:6px 0; font-size:14px; color:#6b7280;">02</td>
            <td style="padding:6px 0; font-size:14px; color:#0f172a;">{{ __('emails.welcome.step_two') }}</td>
        </tr>
        <tr>
            <td style="padding:6px 0; font-size:14px; color:#6b7280;">03</td>
            <td style="padding:6px 0; font-size:14px; color:#0f172a;">{{ __('emails.welcome.step_three') }}</td>
        </tr>
    </table>
@endsection

@section('cta')
    <a href="{{ url('/event-admin') }}" style="display:inline-block; background-color:#111827; color:#ffffff; text-decoration:none; padding:12px 20px; border-radius:999px; font-weight:600; font-size:14px;">
        {{ __('emails.welcome.cta') }}
    </a>
@endsection

@section('footer')
    {!! __('emails.welcome.footer') !!}
@endsection