@extends('mails/template')

@section('header')
    @include('mails/partials/header')
@endsection

@section('title')
    <span>Password Reset Request / Demande de réinitialisation de mot de passe</span>
@endsection

@section('subtitle')
    <span>Your password reset request has been received. / Votre demande de réinitialisation de mot de passe a bien été prise en compte.</span>
@endsection

@section('content')

    <!-- English Content -->
    <div style="font-size: 14px; color: #4b4a4a; line-height: 140%; word-wrap: break-word;">
        <p style="font-size: 14px; line-height: 16.8px; font-family:Helvetica, Arial, sans-serif; color:#757575">
            You can now reset your password by clicking the button below:
        </p>
    </div>

    <!-- French Content -->
    <div style="font-size: 14px; color: #4b4a4a; line-height: 140%; word-wrap: break-word; margin-top: 20px; border-top: 1px solid #ddd; padding-top: 20px;">
        <p style="font-size: 14px; line-height: 16.8px; font-family:Helvetica, Arial, sans-serif; color:#757575">
            Vous pouvez maintenant modifier votre mot de passe en cliquant sur le bouton ci-dessous :
        </p>
    </div>

@endsection

@section('actions')
    <a href="{{ url(config('app.frontend_url').'/auth/reset-pwd') }}?token={{ $token }}" target="_blank"
       class="v-button"
       style="box-sizing: border-box;display: inline-block;text-decoration: none;-webkit-text-size-adjust: none;text-align: center;color: #000000; background-color: #5CAF7D; border-radius: 40px;-webkit-border-radius: 40px; -moz-border-radius: 40px; width:auto; max-width:100%; overflow-wrap: break-word; word-break: break-word; word-wrap:break-word; mso-border-alt: none;font-size: 14px;">
        <span style="display:block;padding:10px 30px;line-height:120%;">
            <span style="font-size: 16px; line-height: 19.2px; font-family:Helvetica, Arial,sans-serif; color:#ffffff">
                Reset Password / Réinitialiser
            </span>
        </span>
    </a>
@endsection

@section('actions_message')
    <div style="font-size: 16px; color: #ffffff; line-height: 140%; text-align: center; word-wrap: break-word;">
        <p style="font-size: 16px; line-height: 22.4px; font-family:Helvetica, Arial, sans-serif; color:#757575">
            Thank you for your trust. / Merci de votre confiance.
        </p>
    </div>
@endsection

@section('footer')
    @include('mails/partials/footer')
@endsection