@extends(AdminBaseDashboard::AdminBaseLayout())
@section('title', trans('payment::payment.page_title'))

@section('content')
    <section id="payment-form-wrapper">
        <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>
                    <a href="{{ route('all-packages') }}" class="bread-link">
                        {{ __('payment::payment.packages') }}
                    </a>
                </li>
                <li> {{ __('payment::payment.payment') }}</li>
            </ul>
        </div>
        <div class="content-wrapper wrap">
            <form class="checkout-form">
                <card class="card payment-card">
                    <div class="card-header">
                        <h1 class="title"><span class="icon me-2"><i class="fa-solid fa-credit-card"></i></span> {{ __('payment::payment.payment_form_title') }}</h1>
                    </div>
                    <div class="card-body">
                        <h1 class="title">{{ __('payment::payment.billing information') }}</h1>
                        <table class="cust-billing-info-table">
                            <tr>
                                <td class="label">{{ __('payment::payment.full name') }}</td>
                                <td class="value">{{ $cart->subscription->vendor_name }}</td>
                            </tr>
                            <tr>
                                <td class="label">{{ __('payment::payment.company name') }}</td>
                                <td class="value">{{ $cart->subscription->company_name }}</td>
                            </tr>
                            <tr>
                                <td class="label">{{ __('payment::payment.email') }}</td>
                                <td class="value" style="text-transform: lowercase">{{ $cart->subscription->email }}</td>
                            </tr>
                            <tr>
                                <td class="label">{{ __('payment::payment.contact') }}</td>
                                <td class="value">{{ $cart->subscription->mobile }}</td>
                            </tr>
                            <tr>
                                <td class="label">{{ __('payment::payment.package') }}</td>
                                <td class="value">{{ $cart->package_name }}</td>
                            </tr>
                            <tr>
                                <td class="label">{{ __('payment::payment.price') }}</td>
                                <td class="value">RM{{ number_format($cart->total_after_tax_amount, 2) }}</td>
                            </tr>
                            <tr>
                                <td class="label">{{ __('payment::payment.billing_cycle') }}</td>
                                <td class="value">{{ $cart->billing_cycle }}</td>
                            </tr>
                        </table>
                           <div class="link-wrap">
                               <a href="{{ route('all-packages') }}" class="link">{{ __('payment::payment.change') }}</a>
                           </div>
                        <div class="row">
                            <div class="col-sm-12 col-md-10 col-lg-6">
                                <div class="payment-ops-wrapper">
                                    <h1 class="title">{{ __('payment::payment.choose your preferred payment method') }}</h1>
                                    <div class="payment-accordion">
                                        <button class="pym-accordion-button btn" data-value="billplz" type="button"><span class="input-wrap">
                                            <input type="radio" class="form-check-input" value="billplz" name="payment_method">
                                        </span> {{ __('billplz') }}
                                            <img src="{{ asset('Images/billplz.png') }}" alt="billplz" class="img-fluid">
                                        </button>
                                        <div class="pym-accordion-panel">
                                            {{ __('payment::payment.billplz-note') }}
                                        </div>
                                    </div>
                                    <div class="payment-accordion">
                                        <button class="pym-accordion-button btn" data-value="paypal" type="button">
                                            <span class="input-wrap">
                                            <input type="radio" class="form-check-input" value="paypal" name="payment_method" checked>
                                        </span>{{ __('paypal') }}
                                            <img src="{{ asset('Images/paypal.png') }}" alt="paypal" class="img-fluid">
                                        </button>
                                        <div class="pym-accordion-panel">
                                            {{ __('payment::payment.paypal-note') }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer text-center">
                        <button class="btn proceed-to-pay" data-url="{{ route('process_subscription_payment', ['id' => $cart->id,'token' => csrf_token()]) }}">
                            <span class="btn-text">{{ __('payment::payment.pay now') }}</span>
                            <span class="loading-spinner"><i class="fa-solid fa-spinner"></i></span>
                            <span class="loading-text">{{ __('payment::payment.processing payment') }}</span>
                        </button>
                    </div>
                </card>
            </form>
        </div>
    </section>
@stop
@section('javascript')
    <script src="{{ asset('vendor/payment/js/file.js') }}"></script>
    @stop