@extends('emails.layouts.base')

@section('title', 'Welcome to Mojere')

@section('content')
    <h2 style="margin:0 0 12px 0;font-family:Arial,sans-serif;font-size:20px;color:#1f2a27;">
        Welcome, {{ $name }}
    </h2>
    <p style="margin:0 0 12px 0;font-family:Arial,sans-serif;font-size:14px;color:#4a4f55;line-height:1.6;">
        Your Mojere account has been created successfully. Use the login details below to sign in.
    </p>

    <table role="presentation" cellpadding="0" cellspacing="0" width="100%"
        style="border:1px solid #e5e7eb;border-radius:8px;margin:14px 0;">
        <tr>
            <td style="padding:12px 14px;font-family:Arial,sans-serif;font-size:14px;color:#1f2a27;">
                <strong>Email:</strong> {{ $email }}
            </td>
        </tr>
        <tr>
            <td style="padding:12px 14px;font-family:Arial,sans-serif;font-size:14px;color:#1f2a27;">
                <strong>Temporary Password:</strong> {{ $temporaryPassword }}
            </td>
        </tr>
    </table>

    <p style="margin:0 0 18px 0;font-family:Arial,sans-serif;font-size:14px;color:#4a4f55;line-height:1.6;">
        For security, please change your password after you sign in.
    </p>

    <a href="{{ $loginUrl }}"
        style="display:inline-block;background:#1e6a2b;color:#ffffff;text-decoration:none;font-family:Arial,sans-serif;font-size:14px;font-weight:600;padding:10px 18px;border-radius:6px;">
        Go to Login
    </a>
@endsection