@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="row align-content-center justify-content-center">
                <div class="col-md-6  col-md-offset-3 cart-form text-center">
                    @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" && in_array($order->status->code,["preparing-payment","declined"]))
                        <h2 class="text-center">
                            قم بالدفع من هنا
                        </h2>


                        @if(\App\Models\Settings::where("key","bop-calculate-fees")->first()->value=="no")
                            @php $interest =0;
                        $total = $interest+$order->total;
                            @endphp
                        @else
                            @php
                                $interest =($order->total*1.03)-$order->total;
                                $total = $interest+$order->total;
                            @endphp
                        @endif

                        @if(\App\Models\Settings::where("key","bop-calculate-fees")->first()->value=="yes")
                            <h4 dir="rtl" class="unmarg--bottom text-right"> قيمه الطلب : {{round($order->total)}}
                                شيكل</h4>
                            <h4 dir="rtl" class="unmarg--bottom text-right">عموله دفع عن طريق البطاقة
                                : {{round($interest)}} شيكل</h4>
                        @endif
                        <h3 dir="rtl">المجموع : {{round($total)}} شيكل</h3>
                        <div class="row">
                            <div class="col-md-12">
                                <button class="btn btn-primary btn-block mb-2" id="pay">الدفع الان</button>
                                <i class="fab fa-2x fa-cc-visa"></i>
                                <i class="fab fa-2x fa-cc-mastercard"></i>
                                <i class="fab fa-2x fa-paypal"></i>
                                </form>
                            </div>
                        </div>
                    @elseif($order->payment_method!="cash" && $order->status->code=="preparing")
                        <h2 class="text-center">
                            تم استلام المبلغ بنجاح، سيتم تجهيز طلبك وارساله في اسرع وقت خلال اوقات الدوام.
                        </h2>
                    @endif
                </div>
            </div>
        </div>
        <!--end of container-->
    </section>
@endsection
@section("scripts")
    <script src="https://js.lahza.io/inline.min.js"></script>
    <script>


        $("#pay").click(function (e) {
            e.preventDefault();
            const lahza = new LahzaPopup();
            lahza.newTransaction({
                key: '{{\App\Models\Settings::where("key", "lahza_public_key_live")->first()->value}}',
                email: '{{$order->customer->email??$order->customer->mobile."@ihouse.ps"}}',
                mobile: '{{$order->customer->mobile}}',
                currency: "ILS",
                amount: {{round($total) * 100}},
                reference: "{{$order->track_id}}",
                onSuccess: (transaction) => {
                    let reference = transaction.reference;
                    location.href = "{{route("verify-order")}}/" + reference;
                },
            });
        });

    </script>

@endsection