@extends('mails.v2.layout.v2-email-layout-new')
@section('content')
    <tr>
        <td style="background: #DFF3FC; padding-top: 20px;">
            <center>
                <img src="https://api.qataloog.com/mail_assets/support.png" alt="support"
                    style="width: auto; height: 200px" />
            </center>
        </td>
    </tr>
    <tr>
        <td style="padding: 24px; padding-top:15px;">
            <h3
                style="
                    text-align: center;
                    font-size: 16px;
                    font-weight: 600;
                    margin-bottom: 25px;
                ">
                ✅ Votre demande d'assistance a été résolue
            </h3>
            <p style="color: #161f33;">Bonjour {{ $data['name'] ?? 'Divine John' }},
            </p>
            <p style="color: #161f33; line-height: 26px;">
                Votre demande d'assistance n°{{ $data['ticket_id'] ?? '101010101' }} a été résolue et la conversation est maintenant close.<br />
                Si vous avez de nouvelles questions ou besoin d'aide pour autre chose, n'hésitez pas à ouvrir une nouvelle demande d'assistance à tout moment.
            </p>
            <p style="color: #161f33;line-height: 26px;">
                Merci de nous avoir contactés — nous sommes toujours là pour vous aider.
            </p>
            <a href="{{ $data['link'] ?? '-link-' }}"
                style="margin-top:5px;background-color:#F68066;display:inline-block;padding-top: 12px;padding-bottom: 12px;padding-left: 20px;padding-right: 20px;border-radius: 4px;font-size: 14px; color:#FEFEFF;text-decoration:none;">
                Voir les tickets
            </a>
            <p>
                Cordialement,<br />
                Support Qataloog
            </p>
        </td>
    </tr>
    <tr>
        <td
            style="
                background-color: #f14119;
                color: white;
                text-align: center;
                padding: 20px;
                opacity: 50%;
                line-height: 25px;
            ">
            Vous recevez cet e-mail parce que vous vous êtes inscrit via notre site web
        </td>
    </tr>
@endsection