@extends(AdminBaseDashboard::AdminBaseLayout())
@section('title', trans('payment::payment.your payment is successful'))

@section('content')
    <section id="order-confirmation-container">
        <div class="container-fluid breadcrumb-wraper">
            <ul class="breadcrumb">
                <li><a href="{{ route('dashboard')}}" class="active bread-link">
                        <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('payment::payment.home')}}</a></li>
                <li>{{__('payment::payment.administrator')}}</li>
                <li>{{__('payment::payment.system management')}}</li>
            </ul>
        </div>
        <div class="wrapper">
            <div class="container">
                <div class="header text-center">
                    <h4 class="title">
                        <span class="me-2 icon"><i class="fa-solid fa-check-circle"></i></span>
                        @lang('payment::payment.your payment has been received').
                    </h4>
                    <div class="img-wrapper">
                        <img src="{{ asset('Images/payment_icon.jpeg') }}" alt="" class="img-fluid">
                    </div>
                </div>
                <div class="content-wrapper">
                    <p class="usr_text">Hi {{ $order->subscription->vendor_name }},</p>
                    <p class="lng-text">@lang('payment::payment.payment_confirmation_note')</p>
                    <p class="lng-text">@lang('payment::payment.payment_confirmation_instruction_note')</p>
                    <p class="lng-text">@lang('payment::payment.transaction_details'):</p>
                    <table class="payment-details-wrapper">
                        <tr>
                            <td class="label">@lang('payment::payment.customer name')</td>
                            <td class="value">{{ $order->subscription->vendor_name }}</td>
                        </tr>
                        <tr>
                            <td class="label">@lang('payment::payment.email')</td>
                            <td class="value">{{ $order->subscription->email }}</td>
                        </tr>
                        <tr>
                        <tr>
                            <td class="label">@lang('payment::payment.invoice number')</td>
                            <td class="value">#{{ $order->invoice_number }}</td>
                        </tr>
                        <tr>
                            <td class="label">@lang('payment::payment.transaction id')</td>
                            <td class="value">{{ $order->payment_reference }}</td>
                        </tr>
                        <tr>
                            <td class="label">@lang('payment::payment.amount paid')</td>
                            <td class="value">RM{{ number_format($order->total_after_tax_amount, 2) }}</td>
                        </tr>
                        <tr>
                            <td class="label">@lang('payment::payment.payment method')</td>
                            <td class="value">{{ $order->payment_method }}</td>
                        </tr>
                        <tr>
                            <td class="label">@lang('payment::payment.plan')</td>
                            <td class="value">{{ $order->subscription->package_name }}</td>
                        </tr>
                        <tr>
                            <td class="label">@lang('payment::payment.billing cycle')</td>
                            <td class="value">{{ $order->billing_cycle }}</td>
                        </tr>
                        <tr>
                            <td class="label">@lang('payment::payment.next payment date')</td>
                            <td class="value">{{ date('D d, M Y H:i:sa', strtotime($order->subscription->end_date)) }}</td>
                        </tr>
                    </table>
                </div>
                <div class="pg-footer">
                    <p class="text">@lang('payment::payment.do you have any concern about this payment?. Feel free to get in touch with us').
                        <a href="https://www.bigeweb.com/contact-us" target="_blank">Contact Support</a></p>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('javascript')
   <script>
       $(document).ready(function (e){
           e.preventDefault();
       });
   </script>
    @stop