@extends($_layout . 'master')
@section('title', scw_text('payment_order_page_title'))
@include($_lib . 'register-meta')

@section('content')





    <div class="checkout-page mt-100">
        <div class="container">
            <div class="checkout-page-wrapper">
                @if ($order)
                    <div class="row">
                        <div class="col-xl-9 col-lg-8 col-md-12 col-12">
                            <div class="section-header mb-3">
                                <h2 class="section-heading">{{ scw_text('payment_order_page_title') }}</h2>
                                <p class="mt-4 mb-4">
                                    {{scw_text('order_successful_and_process_to_payment')}}
                                </p>
                                <div class="mt-4 text-center">
                                    <div id="paypal-button-container"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-12 col-12">
                            <div class="cart-total-area checkout-summary-area">
                                <h3 class="d-none d-lg-block mb-0 text-center heading_24 mb-4">{{ scw_text('checkout_order_summary') }}</h3>

                                {{-- @foreach ($order->details as $item)
                                    <div class="minicart-item d-flex">
                                        <div class="mini-img-wrapper">
                                            <img class="mini-img" src="{{ $item->image }}" alt="{{ $item->product_name }}">
                                        </div>
                                        <div class="product-info">
                                            <h2 class="product-title"><a href="{{ $item->link }}">{{ $item->product_name }}</a></h2>
                                            @if ($item->attributes && count($item->attributes))
                                                @foreach ($item->attributes as $attr)
                                                    <p class="product-vendor">{{ $attr->label ?? $attr->name }}: <strong>{{ $attr->text }}</strong></p>
                                                @endforeach
                                            @endif
                                            <p class="product-vendor">{{ $item->getTotalFormat() }} x {{ $item->quantity }}</p>
                                        </div>
                                    </div>
                                @endforeach --}}

                                <div class="cart-total-box mt-4 bg-transparent p-0">
                                    <div class="subtotal-item subtotal-box">
                                        <h4 class="subtotal-title">{{ scw_text('cart_page_sub_total') }}:</h4>
                                        <p class="subtotal-value {{ parse_classname('cart-sub-total-amount2') }}">{{ $helper->getCurrencyFormat($order->sub_total) }}</p>
                                    </div>
                                    <div class="subtotal-item shipping-box">
                                        <h4 class="subtotal-title">{{ scw_text('cart_page_shipping_fee') }}:</h4>
                                        <p class="subtotal-value">0</p>
                                    </div>
                                    <div class="subtotal-item discount-box">
                                        <h4 class="subtotal-title">{{ scw_text('cart_page_discount') }}:</h4>
                                        <p class="subtotal-value">0</p>
                                    </div>
                                    <hr />
                                    <div class="subtotal-item discount-box">
                                        <h4 class="subtotal-title">{{ scw_text('cart_page_total') }}:</h4>
                                        <p class="subtotal-value {{ parse_classname('cart-total-ammount2') }}">{{ $helper->getCurrencyFormat($order->total_money) }}</p>
                                    </div>


                                    {{-- <div class="mt-4 checkout-promo-code">
                                            <input class="input-promo-code" type="text" placeholder="Promo code" />
                                            <a href="checkout.html" class="btn-apply-code position-relative btn-secondary text-uppercase mt-3">
                                                Apply Promo Code
                                            </a>
                                        </div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                @else
                    <div class="alert alert-warning text-center mt-100 mb-100">
                        {{ scw_text('cart_page_empty') }}
                    </div>
                @endif
            </div>
        </div>
    </div>



@endsection
@section('js')
    <script src="https://www.paypal.com/sdk/js?client-id={{ config('paypal.sandbox.client_id') }}" data-sdk-integration-source="buttons"></script>
    {{-- <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> --}}

    <script>
        paypal.Buttons({
            fundingSource: paypal.FUNDING.PAYPAL,
            disableS: false,
            createOrder: function(data, actions) {
                return App.api.post('/payments/paypal/order/create')
                    .then(function(orderData) {
                        console.log(orderData);
                        return orderData.id;
                    });
            },
            onApprove: function(data, actions) {
                return App.api.post('/payments/paypal/order/' + data.orderID + '/capture')
                    .then(function(orderData) {
                        console.log(data);
                        if(orderData.status && orderData.status == 'COMPLETED'){
                            App.Swal.success(__("payment_transaction_completed", {name: orderData.payer.name.given_name}), null, function(){
                                top.location.href = orderData.redirectURL;
                            })
                        }
                        else if(orderData.error){
                            App.Swal.error(orderData.error.message);
                        }
                        else{
                            App.Swal.warning(__("xhr_error_message"))
                        }
                    });
            }
        }).render('#paypal-button-container');
    </script>


@endsection