@extends('template.main-template')

@section('content')
    <div class="container margin_30">
        <div class="page_header">
            {{-- <div class="breadcrumbs">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li>Order</li>
                </ul>
            </div> --}}
            <h1>Payment</h1>
        </div>

        <div class="row">

            <div class="col-lg-6 col-md-6 col-sm-12">
                <div class="step first">
                    <h3>1. Order Summary</h3>
                    <div class="box_general summary">

                        <ul>
                            @foreach ($cart as $cItem)
                                <li class="clearfix">
                                    <em>{{ $cItem->product_qt }}x {{ $cItem->productData->product_title }}</em>
                                    <span>{{ formatMoney($cItem->product_value_subtotal, true) }}</span>

                                    @if ($cItem->product_variations)
                                        @if (count(json_decode($cItem->product_variations)) > 0)
                                            <div style="margin-left: 20px;">
                                                @foreach (json_decode($cItem->product_variations) as $variation)
                                                    {!! $variation !!}
                                                @endforeach
                                            </div>
                                        @endif
                                    @endif

                                </li>
                            @endforeach

                            <ul>
                                <li class="clearfix"><em><strong>Subtotal</strong></em>
                                    <span>{{ formatMoney($orderResum->value_purchase, true) }}</span>
                                </li>
                                @if ($orderResum->cupom_code !== null)
                                <li class="clearfix"><em><strong>Coupon</strong></em>
                                    <span>{{ $orderResum->cupom_code }} (-{{$orderResum->value_discount}}%)</span>
                                </li>
                                @endif
                                <li class="clearfix"><em><strong>Tax Rate</strong></em>
                                    <span>{{ formatMoney($orderResum->tax_value, true) }}</span>
                                </li>
                                <li class="clearfix"><em><strong>Shipping</strong></em>
                                    <span>{{ formatMoney($orderResum->value_shipping, true) }}</span>
                                </li>
                            </ul>

                        </ul>

                        <div class="total clearfix">TOTAL
                            <span>
                                @php
                                    $total =
                                        $orderResum->value_total +
                                        $orderResum->tax_value +
                                        $orderResum->value_shipping;
                                @endphp
                                {{ formatMoney($total, true) }}
                            </span>
                        </div>
                    </div>
                    <!-- /box_general -->
                </div>
                <!-- /step -->
            </div>

            <div class="col-lg-6 col-md-6 col-sm-12">
                <div class="step last">
                    <h3>2. Payment</h3>
                    <div class="box_general summary">

                        <div id="paypal-button-container" class="paypal-button-container"></div>

                        {{-- <hr> --}}

                    </div>
                    <!-- /box_general -->
                </div>
                <!-- /step -->
            </div>


        </div>

    </div>
@csrf
@endsection

@push('javascript')
    <script src="https://www.paypal.com/sdk/js?components=buttons,card-fields&client-id=AZmb38v0uVcedcmjXd2IZ_Fuwyd6RmfRBgsuRuNWTZumZRqlu6uQZzSE_xCc9cweEcV8qLAmX86nPNzv"></script>

    <script>
        let paypalOrderId = "{{$orderResum->paypal_order_id}}";
        // let paypalOrderId = "123321";
    </script>

    <script src="{{ asset('shop/js/paypal.js') }}"></script>


@endpush

@push('css')
    <link href="{{ asset('template/css/cart.css') }}" rel="stylesheet">
    <link href="{{ asset('template/css/checkout.css') }}" rel="stylesheet">
    <link rel="stylesheet" type="text/css"
        href="https://www.paypalobjects.com/webstatic/en_US/developer/docs/css/cardfields.css" />
@endpush