@extends('mails.eas-template-fr')

@section('content')

    <tr>
        <td class="hero-image">
            <img src="https://qataloog.s3.us-west-2.amazonaws.com/email+1.png" alt="" width="600" style="max-width: 100%;">
        </td>
    </tr>

    <tr>
        <td style="padding:5px 20px; ">
        <table width="100%">
            <tr>
                <td>
                    <p style="font-size: 13px; font-family: Nunito Sans;">Salute,</p>
                    <p style="line-height: 20px; font-size: 13px; font-family: Nunito Sans;" >
                        Vous recevez cet e-mail car nous avons reçu une demande de réinitialisation du mot de passe pour votre compte.
                    </p>
                </td>
            </tr>
        </table>
        </td>
    </tr>

    <tr>
        <td style="padding: 5px 20px; ">
          <table width="100%" >
            <a href="{{ $url }}" style="color:#000; font-size: 15px; font-weight: 600; text-decoration: none; cursor: pointer; font-family: Nunito Sans; background-color:#ED702E; border-radius: 4px; padding: 4px; color: #ffffff; padding: 2px 10px 2px 10px;"> Réinitialiser le mot de passe</a>
            <p style="line-height: 20px; font-size: 13px; font-family: Nunito Sans;"> Ce lien de réinitialisation de mot de passe expirera dans 60 minutes. Si vous n'avez pas demandé de réinitialisation du mot de passe, aucune autre action n'est requise.</p>
          </table>
        </td>
    </tr>

    <tr>
        <td style="padding: 5px 20px 15px;">
          <table width="100%">
            <p style="font-size: 13px;">Vous utilisez l'application mobile? Utilisez l'OTP ci-dessous</p>
            <p style="font-weight: 600; display: inline; margin-right: 5px;">Code OTP:</p><span>{{ $otp }}</span>
          </table>
        </td>
    </tr>

@endsection