@extends('emails.layout')

@section('content')
    <div style="background-color: #fef2f2; border: 2px solid #fee2e2; padding: 24px; border-radius: 15px; text-align: center; margin-bottom: 24px;">
       <h2 style="font-weight: 900; font-size: 24px; margin-bottom: 8px; color: #e53935;">Sign-In Security Alert</h2>
    </div>

    <p>Dear <strong>{{ $user->name }}</strong>,</p>
    
    <p>This is an automated security notice confirming that your <strong>OptoCare Clinical Hub</strong> account was successfully accessed at <strong>{{ $loginTime }}</strong>.</p>
    
    <p>We detected access from the following terminal:</p>
    
    <div style="background-color: #f8fafc; padding: 20px; border-radius: 15px; border: 1px solid #e2e8f0; margin: 24px 0;">
       <p style="margin: 0; font-family: monospace; font-size: 14px;">IP Address: {{ $ipAddress }}</p>
       <p style="margin: 5px 0 0; font-family: monospace; font-size: 12px; color: #64748b;">Device: {{ $userAgent }}</p>
    </div>
    
    <p style="font-size: 14px; color: #64748b;">
        If this was you, you can safely ignore this email. If you did not authorize this login, please <strong>change your password immediately</strong> or contact the system administrator.
    </p>
    
    <p style="margin-top: 40px; font-weight: 500;">
        Stay Secure,<br>
        <span style="color: #1e4b6e; font-weight: 900;">OptoCare Admin Terminal</span>
    </p>
@endsection