@extends('mails.v2.layout.v2-new-email2-layout')

@section('logo')
    <img src="{{ asset('mail_assets/qataloog_new_logo.png') }}" alt="platform_logo" style="width: 100px; height: 20px;" />
@endsection

@section('hero-section')
    <div>
    </div>
@endsection

@section('content')
    <div style="background:#fafafa;padding-left:10px; padding-top:8px; padding-right:10px;border-radius: 6px;">
        <table style="background: transparent;box-shadow: none;">
            <tr style="">
                <td style="width: 55px; margin-right: 0px;vertical-align: top;">
                    <span style="display:inline-block; width: 40px; height: 40px; border-radius: 100%; background: #ccc">
                        <img src="{{ $data['sender_profile'] ?? asset('mail_assets/profile-picture.png') }}"
                            style="width:100%; height: 100%;border-radius: 100%;" alt="profile">
                    </span>
                </td>
                <td style="vertical-align: top;">
                    <div>
                        <p style="padding:0;margin:0;"><strong>{{ $data['sender_name'] ?? '-sender_name-' }}</strong> <span
                                style="margin-left: 5px; font-size: 12px; color: #808080;">{{ $data['sender_date'] ?? '-sender_date-' }}</span>
                        </p>
                        <p style="font-size: 14px; color: #555555;line-height:25px;">
                            {{ $data['sender_message'] ?? '-message-' }}</p>
                    </div>
                </td>
            </tr>
        </table>

    </div>
    <div>
        @if ($data['recipient_date'])
            <h4 style="margin-bottom: 10px;">{{ __('Message') }} {{ '' }}:</h4>
            <div style="padding-left:10px; padding-top:8px; padding-right:10px;border-radius: 6px;">
                <table style="background: transparent;box-shadow: none;">
                    <tr style="">
                        <td style="width: 55px; margin-right: 0px;vertical-align: top;">
                            <span
                                style="display:inline-block; width: 40px; height: 40px; border-radius: 100%; background: #ccc">
                                <img src="{{ $data['recipient_profile'] ?? asset('mail_assets/profile-picture.png') }}"
                                    style="width:100%; height: 100%;border-radius: 100%;" alt="profile">
                            </span>
                        </td>
                        <td style="vertical-align: top;">
                            <div>
                                <p style="padding:0;margin:0;">
                                    <strong>{{ $data['recipient_name'] ?? '-recipient_name-' }}</strong> <span
                                        style="margin-left: 5px; font-size: 12px; color: #808080;">{{ $data['recipient_date'] ?? '' }}</span>
                                </p>
                                <p style="font-size: 14px; color: #555555; line-height:25px;">
                                    {{ $data['recipient_message'] ?? '-message-' }}
                                </p>
                            </div>

                        </td>
                    </tr>
                </table>
            </div>
        @endif


        <center>
            <a style="display: inline-block;margin-top:40px;background: #F14119; color: #fff;padding:12px; padding-left: 20px; padding-right: 20px; text-decoration: none; font-size: 12px; border-radius: 20px;"
                href="{{ $data['link'] ?? '' }}">{{ __('Reply Message') }}</a>
        </center>
    </div>
@endsection