@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;
                    ">
                {{ $data['title'] ?? '-title-' }}
            </h3>
            <p style="color: #161f33;">Hi {{ $data['target_user']['name'] ?? 'Admin' }},
            </p>
            <p style="color: #161f33;line-height: 24px;">
                {{ $data['is_admin'] ?? null
                    ? 'A user is still waiting for a response on their support ticket. It’s been an hour since their last message.'
                    : 'Our support team responded to your ticket, but we haven’t heard back from you yet.' }}
            </p>
            <p style="color: #161f33; margin-bottom:0px;">
                <span style="font-weight:700">Ticket Details</span>
            </p>
            <table style="border-collapse:separate;border-spacing: 0 12px;">
                <tr>
                    <td style="padding: 0;width: 180px;"><span style="font-weight:600;">Ticket ID
                            :</span>
                    </td>
                    <td>
                        <span> #{{ $data['chat']['ident'] ?? '-ident-' }}</span>
                    </td>
                </tr>
                @if ($data['is_admin'])
                    <tr style="">
                        <td style="padding: 0;margin:0;"><span style="font-weight:600;">Submitted by :</span>
                        </td>
                        <td>
                            <span>{{ $data['other_user']['name'] ?? '-user_name-' }}</span>
                        </td>
                    </tr>
                    <tr style="">
                        <td style="padding:0; margin-right: 40px;"><span style="font-weight:600;">Date Submitted :</span>
                        </td>
                        <td>
                            <span>{{ $data['ticket_date'] }}</span>
                        </td>
                    </tr>
                @else
                    <tr style="">
                        <td style="padding: 0;margin:0;"><span style="font-weight:600;">Support Agent :</span>
                        </td>
                        <td>
                            <span>{{ $data['other_user']['name'] ?? '-user_name-' }}</span>
                        </td>
                    </tr>
                @endif
                <tr style="padding-bottom:20px;">
                    <td style="padding: 0;margin:0;"><span style="font-weight:600;">Time of last message :</span>
                    </td>
                    <td>
                        <span>{{ $data['target_last_message_time'] }}</span>
                    </td>
                </tr>
            </table>
            <p style="line-height: 22px; margin-top:0; padding-top:0;">
                {{ $data['is_admin'] ?? null
                    ? 'Please reply as soon as possible to keep the conversation going.'
                    : "We’ve attached a screenshot of the last message for your reference.
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            Please reply when you can so we can continue helping you." }}

            </p>
            <a href="{{ $data['is_admin'] ? $data['chat']['admin_ticket_link'] : $data['chat']['ticket_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;">
                View Tickets
            </a>
            <div class="chat">
                @if ($data['other_message'])
                    <span class="left">
                        <table style="border-collapse:separate;border-spacing: 0 0px;width:100%;">
                            <tr>
                                <td style="padding: 0;">
                                    <span
                                        style="font-weight:500;">{{ $data['other_user']['name'] ?? '-other_user' }}</span>
                                </td>
                            </tr>
                            <tr>
                                <td class="message_td" style="padding: 0;margin:0;">
                                    <div class="message">{{ $data['other_message']['message'] }}</div>
                                </td>
                            </tr>
                            @if ($data['other_message']['attachments'])
                                <tr>
                                    <td style="padding: 0;margin:0;">
                                        <img class="image" src="{{ $data['other_message']['attachments'] }}"
                                            alt="screenshot">
                                    </td>
                                </tr>
                            @endif
                            <tr>
                                <td style="padding: 0;margin:0;text-align:end;">
                                    <span class="time"
                                        style="margin-left:auto;">{{ $data['other_last_message_time'] }}</span>
                                </td>
                            </tr>
                        </table>
                    </span>
                @endif
                @if ($data['target_message'])
                    <div class="right" style="margin-left:auto;">
                        <table style="border-collapse:separate;border-spacing: 0 0px;width:100%;">
                            <tr>
                                <td style="padding:0;display:table-cell;vertical-align: middle;text-align:end;">
                                    <span
                                        style="font-weight:500; margin-left:auto;">{{ $data['target_user']['name'] ?? '-target_user' }}
                                    </span>
                                    {{-- <img style="width:22px;height:22px;border-radius:100%;margin-left: 6px;"
                                    src="{{ $data['target_user']['profile_pic'] ?? 'https://api.qataloog.com/mail_assets/profile-picture.png' }}"
                                    alt="profile"> --}}
                                </td>
                            </tr>
                            <tr>
                                <td class="message_td" style="padding: 0;margin:0;">
                                    <div class="message">{{ $data['target_message']['message'] }}</div>
                                </td>
                            </tr>
                            @if ($data['target_message']['attachments'])
                                <tr>
                                    <td style="padding: 0;margin:0;">
                                        <img class="image" src="{{ $data['target_message']['attachments'] }}"
                                            alt="screenshot" />
                                    </td>
                                </tr>
                            @endif
                            <tr>
                                <td style="padding: 0;margin:0;text-align:end;">
                                    <span class="time"
                                        style="margin-right:auto;">{{ $data['target_last_message_time'] }}</span>
                                </td>
                            </tr>
                        </table>
                    </div>
                @endif
            </div>
            <p>
                Best,<br />
                Qataloog Support
            </p>
        </td>
    </tr>
    <tr>
        <td
            style="
                background-color: #f14119;
                color: white;
                text-align: center;
                padding: 20px;
                opacity: 50%;
                line-height: 25px;
            ">
            You are recieving this email because you opted in via our website
        </td>
    </tr>
@endsection