@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 btn-gradient radius-round  mt-3 mb-2">
                                            <a href="{{route('user.dashboard')}}" class="text-white">
                                                <span class="icon-reverse-wrapper">
                                                    <span class="btn-text">Go TO Dashboard</span>
                                                    <span class="btn-icon"><i class="feather-arrow-up-right"></i></span>
                                                    <span class="btn-icon"><i class="feather-arrow-up-right"></i></span>
                                                </span>
                                            </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