@extends('mails.v2.layout.v2-email-layout-new')
@section('content')
<tr>
    <td style="background: #FFFFFF; padding-top: 10px;">
        <center>
            <img src="https://api.qataloog.com/mail_assets/failed-subscription.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: 18px;
							font-weight: 600;
							margin-bottom: 32px;
						">
            Action Required – Subscription Payment Failed
        </h3>
        <p style="color: #161f33; margin-bottom: 20px">Hi {{ $user->name ?? 'User' }},</p>
        <p style="color: #161f33; line-height: 1.6">
            We attempted to process your payment, but the charge was unsuccessful.
        </p>
        <p style="color: #161f33; line-height: 1.6">
            This may be due to insufficient funds, an expired card, or a declined transaction by your bank.
        </p>
        <h4 style="font-weight: 700; margin-top: 20px;margin-bottom:0px;">
            Subscriber Details
        </h4>
        <table style="border-collapse:separate;border-spacing: 0 12px;">
            <tr>
                <td style="padding:0;margin-bottom: 30px;">
                    <strong>Plan:</strong>
                </td>
                <td style="padding:0;display:flex;">
                    <span>{{ $plan?->display_name ?? 'Plan' }}</span>
                </td>
            </tr>
            <tr>
                <td style="padding:0;margin-bottom: 30px;">
                    <strong style="margin-right: 30px;">Amount:</strong>
                </td>
                <td style="padding:0;display:flex;">
                    <span>{{ $amount ?? 100 }} {{ strtoupper($currency ?? 'NGN') }}</span>
                </td>
            </tr>
            {{-- <tr>
                <td style="padding:0;margin-bottom: 30px;">
                    <strong>Card:</strong>
                </td>
                <td style="padding:0;display:flex;">
                    <span>{{ $card->last_4digits ?? '0000' }} ({{ strtoupper($card->issuer ?? 'VISA') }})</span>
                </td>
            </tr> --}}
        </table>
        <p style="color: #161f33; line-height: 1.6">
            To avoid any disruption in your access, please update your payment information and retry your subscription
            payment using the link below:
        </p>
        <center>
            <a href="{{ isset($platform) ? $platform->domain : '#' }}"
                style="display: inline-block; margin-top: 15px; margin-bottom: 15px; background:#F14119; text-decoration: none; color:#fff; padding: 15px; padding-left:20px; padding-right: 20px; border-radius: 15px;">Update
                Payment
                Information</a>
        </center>
        <p style="color: #323233; font-size: 16px;">
            Thank you for choosing Qataloog.
        </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