@extends('mails.aust-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,</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="{{ $austlink }}"
                    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