@extends('emails.layouts.email-layout-advance')
@section('content')
    <table class="mobile-table" style="min-width:290px;font-family:Helvetica, Arial, 'sans-serif';background: #EBF9F9;overflow: hidden;border-collapse: separate !important; max-width:625px" width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tbody>
        <tr>
            <td align="center" valign="top" style="min-width: 200px;padding:33px 25px 30px">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" style="min-width:290px;">
                    <tbody>
                    <tr>
                        <td align="center" valign="top" style="min-width: 200px;"><img style="display: inline-block;max-width: 100%;height: 125px;width: auto;" src="{{ asset('img/subs-renew.png') }}"></td>
                    </tr>

                    <tr>
                        <td align="center" valign="top" style="min-width: 200px;color: #136564;font-family: 'Lato', sans-serif;font-weight: 700;font-size: 26px;padding-top:40px;padding-bottom:20px;">
                            {{ @$planName }} Plan Subscription Confirmation
                        </td>
                    </tr>
                    <tr>
                        <td align="center" valign="top" style="min-width: 200px;color:#2D2D2D;font-family: 'Lato', sans-serif;font-weight: 400;font-size: 18px;">
                            Below are your subscription details
                        </td>
                    </tr>
                    <tr>
                        <td align="left" valign="top" style="min-width: 200px;">&nbsp;</td>
                    </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        </tbody>
    </table>
    <table class="mobile-table" style="font-family:Helvetica, Arial, 'sans-serif';background: #fff;overflow: hidden;border-collapse: separate !important; max-width:625px;min-width:290px;" width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tbody>
        <tr>
            <td class="mobile-view-body" align="left" valign="top" style="min-width: 200px;">
                <p>Dear {{ @$userName }},</p>
                <p>Congratulation! You have taken a great step towards growing your business and we are very happy to be part of your journey.</p>
                <p>This email confirms your <b>{{ @$recurringPeriod }}ly</b> subscription for the MyBizzHive <b>{{ @$planName }} plan</b> that will auto-renews on <b>{{ @$planExpirationDate }}</b>. </p>
            </td>
        </tr>
        <tr>
            <td class="mobile-view-body" align="center" valign="top" style="min-width: 200px;">
                <table width="350" style="min-width:290px;">
                    <tr class="spaceUnder">

                        <td style="min-width: 200px;font-weight: bold; padding-bottom: 10px;">{{ @$planName }} ({{ @$recurringPeriod }})</td>
                        <td style="min-width: 200px;font-weight: bold;text-align:right;padding-bottom: 10px;">${{ @$planAmount }} USD</td>

                    </tr>
                    @if($coupon!='' && $coupon!==null)
                    <tr class="spaceUnder">
                        <td style="padding-bottom: 10px;">Coupon ({{ @$coupon }})</td>
                        <td style="text-align:right;padding-bottom: 10px;">{{ @$discountAmount }} USD</td>
                    </tr>         
                    @endif           
                    <tr class="spaceUnder">

                        <td style="min-width: 200px;padding-bottom: 10px;">Taxes ({{ @$state }})</td>
                        <td style="min-width: 200px;text-align:right;padding-bottom: 10px;">${{ @$stateTaxAmount }} USD</td>

                    </tr>
                    <tr class="spaceUnder">
                        <td style="min-width: 200px;padding-bottom: 10px;">Start Date</td>
                        <td style="min-width: 200px;text-align:right;padding-bottom: 10px;">{{ @$planStartDate }}</td>
                    </tr>
                    <tr class="spaceUnder">
                        <td style="min-width: 200px;padding-bottom: 10px;">Payment Method</td>
                        <td style="min-width: 200px;text-align:right;padding-bottom: 10px;">{{ @$cardBrand }} {{ @$cardLast4 }}</td>
                    </tr>
                    <tr class="spaceUnder">
                        <td style="min-width: 200px;"><hr></td>
                        <td style="min-width: 200px;"><hr></td>
                    </tr>
                    <tr>

                        <td style="min-width: 200px;padding-bottom: 10px;">Payment Received</td>
                        <td style="min-width: 200px;font-weight: bold;text-align:right;padding-bottom: 10px;">${{ @$totalAmount }} USD</td>

                    </tr>
                </table>
            </td>
        </tr>

        <tr>
            <td align="center" valign="top" style="min-width: 200px;color: #979797; font-size: 12px;font-weight: 400;padding-top:40px;"><em>Note:</em> Please do not reply to this message. The email cannot accept any incoming email.
            </td>
        </tr>
        <tr>
            <td align="center" valign="top" style="min-width: 200px;">&nbsp;</td>
        </tr>
        </tbody>
    </table>




@endsection