@php
    $emailPrimary = \App\Models\Setting::get('primary_color', '#b66420');
    $emailSecondary = \App\Models\Setting::get('secondary_color', '#d3901d');
@endphp
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ $subject }}</title>
    <style>
        body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #334155; margin: 0; padding: 0; background: #f1f5f9; }
        .wrapper { max-width: 600px; margin: 0 auto; padding: 24px; }
        .content { background: #fff; border-radius: 12px; padding: 32px; box-shadow: 0 1px 3px rgba(0,0,0,.08); border-top: 4px solid {{ $emailPrimary }}; }
        .greeting { margin-bottom: 20px; font-size: 16px; color: {{ $emailSecondary }}; }
        .body { font-size: 15px; }
        .body img { max-width: 100%; height: auto; }
        .body a { color: {{ $emailPrimary }}; }
        .footer { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e2e8f0; font-size: 13px; color: #64748b; }
    </style>
</head>
<body>
    <div class="wrapper">
        <div class="content">
            @if($subscriberName)
            <p class="greeting">Bonjour {{ $subscriberName }},</p>
            @else
            <p class="greeting">Bonjour,</p>
            @endif
            <div class="body">
                {!! $content !!}
            </div>
            <div class="footer">
                <p>Vous recevez cet email car vous êtes inscrit à notre newsletter.</p>
            </div>
        </div>
    </div>
</body>
</html>
