@extends('frontend.layouts.app')
@section('content')
    @push('css')
        <style>
            tbody,
            td,
            tfoot,
            th,
            thead,
            tr {
                border: 0;
            }
        </style>
    @endpush
    <table cellspacing="0" border="0" cellpadding="0" width="100%" class="bg-gradient-6">
        <tr>
            <td>
                <table style="max-width:670px; margin:0 auto;" width="100%" border="0" align="center" cellpadding="0"
                    cellspacing="0">

                    <tr>
                        <td>
                            <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"
                                style="max-width:670px; background:#fff; border-radius: 15px; box-shadow:var(--shadow-1); padding:0 40px;">
                                <tr>
                                    <td style="height:20px;">&nbsp;</td>
                                </tr>
                                <tr>
                                    <td style="text-align:center;">
                                        @isset($website_data['logo'])
                                            <a href="{{ asset('frontend/images/logo/' . $website_data['logo']) }}"
                                                title="logo" target="_blank">
                                                <img src="{{ asset('frontend/images/logo/' . $website_data['logo']) }}"
                                                    title="logo" alt="logo" style="width:60%;">
                                            </a>
                                        @endisset
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align:center;">
                                        <img class="edu_bounce_loop"
                                            src="{{ asset('frontend/images/icons/arrow-down.png') }}" title="logo"
                                            alt="check" style="height:40px; margin-bottom: 10px;">
                                    </td>
                                </tr>
                                <tr>
                                    <td style="text-align:center;">
                                        <h2 style="margin:0; font-size:30px;">Thank You For Your Order!</h2><br>
                                        <h2 style="margin:0; font-size:28px; color: var(--color-secondary);">₹
                                            {{ $plan_purchase->total_amount }}</h2>
                                    </td>

                                </tr>
                                <tr>
                                    <td>
                                        <p style="text-align:center; font-size:22px">Your Order Is Successfull.</p>
                                        <h3 style="text-align:center; margin:0;font-size:22px;">{ {{ date('d M Y') }} }</h3>
                                        <br>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <table cellpadding="0" cellspacing="0"
                                            style="width:70%; border-bottom: 1px solid #ededed; margin:0 auto;">
                                            <tbody>
                                                <tr>
                                                    <td
                                                        style="padding: 5px 10px; border-bottom: 1px solid #ededed; width: 45%; font-weight:600;">
                                                        Name:
                                                    </td>
                                                    <td
                                                        style="padding: 5px 10px; border-bottom: 1px solid #ededed; color: #000;">
                                                        {{ $plan_purchase->user->name }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td
                                                        style="padding: 5px 10px; border-bottom: 1px solid #ededed; width: 45%; font-weight:600;">
                                                        Email:
                                                    </td>
                                                    <td
                                                        style="padding: 5px 10px; border-bottom: 1px solid #ededed; color: #000;">
                                                        {{ $plan_purchase->user->email }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td
                                                        style="padding: 5px 10px; border-bottom: 1px solid #ededed; width: 45%; font-weight:600;">
                                                        Mobile No:
                                                    </td>
                                                    <td
                                                        style="padding: 5px 10px; border-bottom: 1px solid #ededed; color: #000;">
                                                        {{ $plan_purchase->user->phone }}
                                                    </td>

                                                </tr>
                                                <tr>
                                                    <td
                                                        style="padding: 5px 10px; border-bottom: 1px solid #ededed; width: 45%; font-weight:600;">
                                                        Package Name:
                                                    </td>
                                                    <td
                                                        style="padding: 5px 10px; border-bottom: 1px solid #ededed; color: #000;">
                                                        {{ $plan_purchase->plan->title }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td
                                                        style="padding: 5px 10px; border-bottom: 1px solid #ededed; width: 45%; font-weight:600;">
                                                        Payment Mode:
                                                    </td>
                                                    <td
                                                        style="padding: 5px 10px; border-bottom: 1px solid #ededed; color: #000;">
                                                        {{ json_decode($plan_purchase->payment_detail)->method }}
                                                    </td>

                                                </tr>
                                                <tr>
                                                    <td
                                                        style="padding: 5px 10px; border-bottom: 1px solid #ededed; width: 45%; font-weight:600;">
                                                        Referral By:
                                                    </td>
                                                    <td
                                                        style="padding: 5px 10px; border-bottom: 1px solid #ededed; color: #000;">
                                                        {{ $plan_purchase->user->sponsorDetail?->name }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td
                                                        style="padding: 5px 10px; border-bottom: 1px solid #ededed; width: 45%; font-weight:600;">
                                                        Payment Status:
                                                    </td>
                                                    <td
                                                        style="padding: 5px 10px; border-bottom: 1px solid #ededed; color: #000;">
                                                        Success
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr><br>
                                <tr>
                                    <td style="text-align:center;">
                                        <div class="rbt-btn btn-sm radius-round mt-3 mb-2">
                                            <a href="{{ route('user.dashboard') }}" class="text-white">
                                                Go TO Dashboard <i class="feather-arrow-right"></i>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                {{-- <tr>
                                    <td style="height:40px;"><img src="{{ asset('frontend/images/ribbon.png') }}" style="height: 60px;width:100%;"></td>
                                </tr> --}}
                                <tr>
                                    <td style="height:10px;">&nbsp;</td>
                                </tr>

                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td style="height:20px;">&nbsp;</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
@endsection