@component('mail::message')
{{-- Style du fond blanc --}}
<div style="background-color: #ffffff; padding: 20px; color: #333; font-family: Times-Roman, serif;">

{{-- Titre --}}
<h1 style="text-align: center; font-size: 24px; color: #8b5cf6;">
    Nouvelle offre postée sur la plateforme
</h1>

{{-- Contenu principal --}}
<p>Une nouvelle offre a été postée sur la plateforme, connectez-vous pour la valider.</p>

{{-- Bouton --}}
<div style="text-align: left; margin: 30px 0;">
    <a href="{{ config('app.url') . '/opportunities/' . $real_estate_id }}"
       style="background-color: #8b5cf6; color: #ffffff; padding: 10px 20px; text-decoration: none; font-size: 16px; border-radius: 5px;">
       Voir le bien
    </a>
</div>

<p>
    Merci,<br>
    L'équipe {{ config('app.name') }}
</p>

<p style="text-align: center;">
    <a href="{{ config('app.url') }}" style="color: #8b5cf6; text-decoration: none;">{{ config('app.url') }}</a><br>
    © {{ date('Y') }} {{ config('app.name') }}
</p>

</div>
@endcomponent