@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;
                ">
                Tu ticket de soporte ha sido escalado
            </h3>
            <p style="color: #161f33;">Hola {{ $data['name'] ?? '-name-' }},
            </p>
            <p style="color: #161f33; line-height: 26px;">
                Gracias por tu mensaje. Hemos dado el siguiente paso para asegurarnos de que tu solicitud de soporte
                #{{ $data['ticket_id'] ?? '101010101' }} reciba la atención que necesita.
                Puedes notar una nueva respuesta en tu chat. Para ayudarnos a resolver tu problema rápidamente, revisa el chat y responde lo antes posible.
            </p>
            <a href="{{ $data['link'] ?? '-link-' }}"
                style="margin-top:2px;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;">
                Ver tickets
            </a>
            <p>
                Saludos,<br />
                Soporte de Qataloog
            </p>
        </td>
    </tr>
    <tr>
        <td
            style="
                background-color: #f14119;
                color: white;
                text-align: center;
                padding: 20px;
                opacity: 50%;
                line-height: 25px;
            ">
            Recibes este correo porque te suscribiste a través de nuestro sitio web
        </td>
    </tr>
@endsection