@extends('emails.layouts.app')

@section('content')
<p>Bonjour,</p>
<p>Vous avez demandé la réinitialisation de votre mot de passe. Utilisez le code ci-dessous pour procéder à la réinitialisation :</p>

<div style="background:#f7f9f8; border:1px solid #e6f2ee; border-radius:6px; padding:20px; text-align:center; margin:20px 0;">
    <p style="margin:0 0 8px 0; font-size:14px; color:#666;">Code de réinitialisation</p>
    <p style="font-size:24px; font-weight:700; letter-spacing:6px; color:#007554; margin:0;">{{ $code }}</p>
</div>

<p style="margin-top:12px;">
    Ce code est valable <strong>{{ $ttlMinutes ?? 15 }} minutes</strong>
    @if(!empty($expiresAt))
        (jusqu'au <strong>{{ \Carbon\Carbon::parse($expiresAt)->setTimezone(config('app.timezone'))->format('d/m/Y H:i') }}</strong> heure locale).
    @endif
</p>

<div style="background:#fff3cd; border:1px solid #ffeaa7; border-radius:6px; padding:12px 16px; margin:16px 0;">
    <p style="margin:0; font-size:14px;"><strong>Instructions :</strong></p>
    <ul style="margin:8px 0 0 0; padding-left:20px; font-size:14px;">
        <li>Copiez le code ci-dessus</li>
        <li>Retournez sur la page de réinitialisation</li>
        <li>Collez le code dans le champ prévu à cet effet</li>
        <li>Créez votre nouveau mot de passe</li>
    </ul>
</div>

<p style="color:#dc3545; font-weight:bold;">⚠️ Si vous n'avez pas demandé cette réinitialisation, ignorez cet email. Votre mot de passe restera inchangé.</p>

<p>Pour des raisons de sécurité, ce code ne peut être utilisé qu'une seule fois et expire automatiquement.</p>

<p style="margin-top:24px;">Cordialement,<br>L'équipe M-Process</p>
@endsection