@extends('mail.base')

@section('content')
    <div class="bg-blue" style="max-width: 600px;  margin: 0 auto; padding: 20px;">
        <h2 style="text-align: center;  font-weight: 500; color: #ed7c17; margin-top: 3rem;">
            Validation de votre option
        </h2>

        <div style="border-radius: 8px; padding: 20px; background-color: #283756; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
            <h3 style=" font-weight: 500; margin: 3rem 0;">
                Bonjour {{ $user->firstname }} {{ $user->lastname }},
            </h3>

            <p style="margin-bottom: 1rem;">
                Veuillez entrer le code ci-dessous pour valider votre option
            </p>

            <div style="text-align: center; padding: 30px 0; margin: 20px 0;">
                <span
                    style="display: inline-block; font-size: 32px; letter-spacing: 5px; font-weight: bold; color: #2d3748; padding: 10px 20px; background: #ffffff; border: 2px solid #ed7e17; border-radius: 4px;">
                    {{ $code }}
                </span>
            </div>

            <p style="margin-bottom: 1rem;">
                Une fois votre code validé, votre demande sera traitée par nos services.
            </p>

        </div>
    </div>
@endsection