@php
    $partner = $partner ?? null;
    $name = trim(($partner->first_name ?? '').' '.($partner->last_name ?? ''));
    $loginUrl = $loginUrl ?? url('/login');
    $sans = "'IBM Plex Sans', Helvetica, Arial, sans-serif";
    $mono = "'IBM Plex Mono', 'Courier New', Courier, monospace";
@endphp
@component('emails.layout', [
    'title' => 'Welcome to SYSTRONICS Partners Area',
    'eyebrow' => 'Partner Area',
])
    <p style="margin:0 0 8px;font-family:{{ $mono }};color:#5A6879;font-size:11px;font-weight:600;letter-spacing:0.13em;text-transform:uppercase;">Welcome</p>
    <h1 style="margin:0 0 16px;font-family:{{ $sans }};color:#131C2B;font-size:28px;line-height:1.25;font-weight:700;letter-spacing:-0.03em;">Your partner account is active</h1>
    <p style="margin:0 0 14px;font-family:{{ $sans }};font-size:15.5px;line-height:1.65;color:#4A5A6E;">
        Hello {{ $name !== '' ? $name : 'partner' }},
    </p>
    <p style="margin:0 0 18px;font-family:{{ $sans }};font-size:15.5px;line-height:1.65;color:#4A5A6E;">
        Thank you for registering as a SYSTRONICS Partner. Use your User ID and password to access prices, downloads and activation code requests.
    </p>
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:0 0 22px;">
        <tr>
            <td style="background-color:#EDF5FF;border:1px solid #C9DDFF;border-radius:12px;padding:16px 18px;">
                <p style="margin:0 0 4px;font-family:{{ $mono }};color:#5A6879;font-size:10.5px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;">User ID</p>
                <p style="margin:0;font-family:{{ $sans }};color:#0A2F6B;font-size:18px;font-weight:700;">{{ $partner->login ?? '' }}</p>
            </td>
        </tr>
    </table>
    <table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin:0 0 8px;">
        <tr>
            <td style="background-color:#0F62FE;border-radius:8px;">
                <a href="{{ $loginUrl }}" target="_blank" rel="noopener" style="display:inline-block;padding:13px 18px;color:#ffffff;font-family:{{ $sans }};font-size:14px;font-weight:600;text-decoration:none;">Sign in</a>
            </td>
        </tr>
    </table>
    <p style="margin:22px 0 0;font-family:{{ $sans }};font-size:15.5px;line-height:1.65;color:#4A5A6E;">
        Kind regards,<br />
        SYSTRONICS Support Team
    </p>
@endcomponent