@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;
                ">
                Tiketi yako ya Usaidizi Imepelekwa Ngazi ya Juu
            </h3>
            <p style="color: #161f33;">Habari {{ $data['name'] ?? '-name-' }},
            </p>
            <p style="color: #161f33; line-height: 26px;">
                Asante kwa ujumbe wako. Tumefanya hatua inayofuata ili kuhakikisha ombi lako la usaidizi
                #{{ $data['ticket_id'] ?? '101010101' }} linapata uangalizi unaohitajika.
                Unaweza kuona jibu jipya kwenye gumzo lako. Ili tusaidie kutatua tatizo lako haraka, tafadhali angalia gumzo na ujibu haraka iwezekanavyo.
            </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;">
                Tazama Tiketi
            </a>
            <p>
                Kwa heri,<br />
                Usaidizi wa Qataloog
            </p>
        </td>
    </tr>
    <tr>
        <td
            style="
                background-color: #f14119;
                color: white;
                text-align: center;
                padding: 20px;
                opacity: 50%;
                line-height: 25px;
            ">
            Unapokea barua pepe hii kwa sababu ulijiandikisha kupitia tovuti yetu
        </td>
    </tr>
@endsection