@extends('emails._layout')
@section('title', 'مرحباً بك')

@section('body')
<h2 style="margin:0 0 16px;color:#0f172a;">مرحباً بك في {{ $platformName }} 👋</h2>

<p>تم إنشاء حساب عيادة <strong>{{ $clinic->name }}</strong> بنجاح.</p>

<table role="presentation" cellpadding="0" cellspacing="0" width="100%" style="background:#f8fafc;border-radius:8px;padding:16px;margin:20px 0;">
    <tr>
        <td>
            <div style="color:#64748b;font-size:13px;">بيانات الدخول:</div>
            <div style="margin-top:8px;">
                <strong>البريد:</strong>
                <code style="background:#e2e8f0;padding:2px 6px;border-radius:4px;">{{ $ownerEmail }}</code>
            </div>
            <div style="margin-top:8px;">
                <strong>كلمة المرور المؤقتة:</strong>
                <code style="background:#fef3c7;color:#b45309;padding:2px 6px;border-radius:4px;font-size:1.1rem;">{{ $temporaryPassword }}</code>
            </div>
            <div style="margin-top:12px;color:#dc2626;font-size:13px;">
                ⚠️ ننصح بتغيير كلمة المرور بعد أول دخول.
            </div>
        </td>
    </tr>
</table>

<p>للدخول لحساب عيادتك:</p>
<p style="text-align:center;margin:24px 0;">
    <a href="{{ $loginUrl }}"
       style="background:#16a34a;color:#fff;padding:12px 28px;border-radius:8px;text-decoration:none;font-weight:600;display:inline-block;">
        دخول لحساب العيادة ←
    </a>
</p>

<p style="color:#64748b;font-size:13px;">إذا لم تطلب إنشاء هذا الحساب، يرجى تجاهل هذه الرسالة.</p>
@endsection