@component('mail::message')

{{-- Header with Logo --}}
<div style="text-align: center; margin-bottom: 20px;">
    <img src="{{ asset('images/logo.png') }}" alt="Logo" style="max-height: 80px;">
</div>

{{-- Greeting --}}
<p style="font-size: 16px;">Dear <strong>{{ $client->firstname ?? '' }} {{ $client->lastname ?? '' }}</strong>,</p>

{{-- Introduction --}}
<p style="font-size: 15px;">
    We hope you're doing well! We're excited to have you join the upcoming training session:
</p>

<h2 style="color: #3490dc; font-size: 20px; margin-top: 10px;">
    {{ $tSession->name ?? 'Training Session' }}
</h2>

{{-- Purpose --}}
<p style="font-size: 15px;">
    To help us tailor the session to your needs, we ask you to complete a short pre-training assessment.
    This will give us insight into your current understanding and help ensure the best learning experience.
</p>

{{-- Duration --}}
<p style="font-size: 15px;">
    Estimated time to complete: <strong>{{ $testDuration ?? '10-15 minutes' }}</strong>.
</p>

{{-- CTA Button --}}
{{-- @if(!empty($testLink)) --}}
@component('mail::button', ['url' => 'test', 'color' => 'success'])
📝 Start Pre-Training Test
@endcomponent
{{-- @endif --}}

{{-- Deadline --}}
<p style="font-size: 15px;">
    Please make sure to complete the test by <strong>{{ $testDeadline ?? 'the scheduled deadline' }}</strong>.
</p>

{{-- Contact Info --}}
<p style="font-size: 14px;">
    If you have any questions or issues accessing the test, feel free to reply to this email.
</p>

{{-- Signature --}}
<br>
<p style="font-size: 15px;">
    Best regards,<br>
    <strong>{{ auth()->user()->first_name ?? 'Training Team' }} {{ auth()->user()->last_name ?? '' }}</strong><br>
    {{ auth()->user()->email ?? '' }}
</p>

{{-- Footer --}}
<hr style="margin-top: 30px; margin-bottom: 10px;">
<p style="text-align: center; font-size: 12px; color: #777;">
    &copy; {{ date('Y') }} {{ config('app.name') }}. All rights reserved.
</p>

@endcomponent