@extends("layout.app")
@section("content")
    <section>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="text-center"> الطلب {{$order->track_id}}</h1>
                    <hr>
                </div>
            </div>
            <!--end of row-->
        </div>
        <!--end of container-->
    </section>
    <section>
        <div class="container">
            <div class="col-md-6 col-md-offset-3 cart-form" id="loading-payment" style="display:none">

                <h2 class="text-center">
                    جاري التأكيد على عمليه الدفع<br> الرجاء عدم اغلاق الصفحه
                </h2>
                <h2 class="text-center">
                    <i id="cart-icon-loading" style="color:#000;font-size:55px"
                       class="fas fa-spinner fa-2x fa-spin"></i>

                </h2>
            </div>

            <div class="col-md-6 col-md-offset-3 cart-form">
                @if($order->payment_method=="cash" && $order->status->code=="pending")
                    <h2 class="text-center">
                        تم إستلام طلبك بنجاح، سيتم التواصل معك للتأكيد
                    </h2>
                    <a class="btn btn-block btn-primary" href="{{route("home")}}">الرجوع للصفحه الرئيسية</a>
                    <a class="btn btn-block btn-default" href="{{route("customers.orders")}}">طلباتي</a>
                @elseif($order->payment_method!="cash" && $order->status->code=="preparing-payment")
                    <h2 class="text-center">
                        قم بالدفع من هنا
                    </h2>

                    @php
                        $interest =(($order->total*1.034)+1.20) - $order->total;
                        $total = $interest + $order->total;
                    @endphp

                    <h4 dir="rtl" class="unmarg--bottom text-right"> قيمه الطلب : {{round($order->total)}} شيكل</h4>

                    <h4 dir="rtl" class="unmarg--bottom text-right">عموله دفع عن طريق بي بال : {{round($interest)}}
                        شيكل</h4>
                    <h3 dir="rtl">المجموع : {{round($total)}} شيكل</h3>
                    <div class="row" id="paypal-div">
                        <div class="col-md-12">
                            <div id="paypal-button-container"></div>
                        </div>
                    </div>
                @elseif($order->payment_method!="cash" && $order->status->code=="preparing")
                    <h2 class="text-center">
                        تم استلام المبلغ بنجاح، سيتم تجهيز طلبك وارساله في اسرع وقت خلال اوقات الدوام. </h2>

                @endif
            </div>
        </div>
        <!--end of container-->
    </section>
@endsection
@section("scripts")
    @if($order->payment_method!="cash" && $order->status->code=="preparing-payment")

        <script data-namespace="paypal_sdk"
                src="https://www.paypal.com/sdk/js?client-id=AcObu2CW6c9WxEXv_g7U3CWY1TOu2nXOjQsrmu6f0zeI_SXgb7VnWl_1BvXvhRKfvc3gLMBFm-oiSL5t&locale=en_IL&currency=ILS"
                data-order-id="{{$order->track_id}}"></script>
        <script>
            paypal_sdk.Buttons({
                style: {
                    layout: 'vertical',
                    color: 'silver',
                    shape: 'rect',
                    label: 'paypal',
                    tagline: false
                },
                createOrder: function (data, actions) {
                    return actions.order.create({
                        purchase_units: [
                            {
                                amount: {
                                    value: '{{round($total)}}'
                                },
                                shipping: {
                                    address: {
                                        address_line_1: '{{$order->customer->addresses()->first() ? $order->customer->addresses()->first()->address : "NO ADDRESS"}}',
                                        address_line_2: '{{$order->customer->addresses()->first() ? $order->customer->addresses()->first()->alt_address : "NO ALT ADDRESS"}}',
                                        admin_area_2: '{{$order->customer->addresses()->first() ? $order->customer->addresses()->first()->city->title : "NO CITY"}}',
                                        admin_area_1: '{{$order->customer->addresses()->first() ? $order->customer->addresses()->first()->city->title : "NO CITY"}}',
                                        postal_code: '00970',
                                        country_code: 'IL'
                                    }
                                },
                                currency_code: 'ILS'
                            },

                        ],
                        payer: {
                            @if( $order->customer->email)  email_address: "{{$order->customer->email}}", @endif

                                @if(substr($order->customer->mobile,2,1)=="9"||substr($order->customer->mobile,2,1)=="9")
                                                            @else
                                                            @endif
                            

                            phone: {
                                phone_type: "MOBILE",
                                phone_number: {
                                    national_number: "{{$mobile}}"
                                }
                            }
                        },

                        application_context: {
                            locale: "en-US",
                            //shipping_preference: 'NO_SHIPPING'
                        }

                    });
                },
                onCancel: function (data) {

                },
                onApprove: function (data, actions) {
                    $(".cart-form").hide();
                    $("#loading-payment").show();
                    let token = $('meta[name="csrf-token"]').attr('content');
                    return actions.order.capture().then(function (details) {
                        if (details.status == 'COMPLETED') {
                            return fetch('{{route("capture-payment")}}', {
                                method: 'post',
                                headers: {
                                    'content-type': 'application/json',
                                    "Accept": "application/json, text-plain, */*",
                                    "X-Requested-With": "XMLHttpRequest",
                                    "X-CSRF-TOKEN": token
                                },
                                body: JSON.stringify({
                                    orderId: data.orderID,
                                    track_id: "{{$order->track_id}}",
                                    id: details.id,
                                    status: details.status,
                                    payerEmail: details.payer.email_address,
                                })
                            })
                                .then(status)
                                .then(function (response) {

                                    window.location.href = '{{route("order-placed",$order->track_id)}}';
                                })
                                .catch(function (error) {
                                    window.location.href = '{{route("pay-failed",$order->track_id)}}';
                                });
                        } else {
                            window.location.href = '{{route("pay-failed",$order->track_id)}}';
                        }
                    });
                }

            }).render('#paypal-button-container');

            function status(res) {
                if (!res.ok) {
                    throw new Error(res.statusText);
                }
                return res;
            }
        </script>
    @endif
@endsection