@extends('mails.qataloog-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 10px; ">
          <table width="100%">
              <tr>
                <td>
                  <p style="font-size: 13px; font-family: Nunito Sans;">Salut {{ $user->name ?? ''}},</p>
                  <p style="line-height: 20px; font-size: 13px; font-family: Nunito Sans;" >
                    Cliquez sur le bouton ci-dessous pour vérifier votre email.
                  </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;">Vérifier les courriels</a>
          </table>
        </td>
    </tr>

    @if ($password)
        <tr>
            <td style="padding: 5px 10px; ">
              <table width="100%" >
                <td>
                    <p style="line-height: 20px; font-size: 13px;"> Votre mot de passe est: <b>{{ $password }}</b>.</p>
                </td>
              </table>
            </td>
        </tr>
    @endif

    <tr>
        <td style="padding: 5px 10px 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