@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"]))
                        @if(count($availablePaymentGateways) > 1)
                            <h4 class="text-center">
                                اختر طريقة الدفع من هنا
                            </h4>
                        @endif
                        <div class="">
                            @if(count($availablePaymentGateways) == 1)
                            @else
                                @foreach($availablePaymentGateways as $key => $paymentGateway)
                                    <div class="input-radio input-radio--innerlabel">
                                        <input id="{{$key}}-gateway" class="payment-method" type="radio"
                                               name="payment_method"
                                               {{ $loop->first?'checked':'' }}
                                               value="{{$key}}-card"/>
                                        <label class="px-4" for="{{$key}}-gateway">
                                            @lang('labels.' . strtolower($key))
                                        </label>
                                    </div>
                                @endforeach
                            @endif
                        </div>
                        <div class="my-20px">
                            <div>
                                @php
                                    $key = array_keys($availablePaymentGateways)[0];
                                    $paymentGateway = $availablePaymentGateways[$key];
                                @endphp

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

                                @if($laserAmount = $paymentGateway->getLaserAmount())
                                    <h4 dir="rtl" class="unmarg--bottom text-right">
                                        قيمةالحفر على اليزر:
                                        {{$laserAmount}}
                                    </h4>
                                @endif

                                @if($adjustmentAmount = $paymentGateway->getAdjustmentAmount())
                                    <h4 dir="rtl" class="unmarg--bottom text-right">
                                        {{$paymentGateway->getAdjustmentReason()}}
                                        :
                                        {{$adjustmentAmount}}
                                    </h4>
                                @endif

                                @if(count($availablePaymentGateways) == 1)
                                    <div class="payment-container">
                                        @if($paymentGateway->getInterestAmount())
                                            <h4 dir="rtl" class="unmarg--bottom text-right">
                                                عمولة الدفع من خلال
                                                {{ __('labels.' . strtolower($key) . '_') }}
                                                : {{$paymentGateway->getInterestAmount()}} شيكل
                                            </h4>
                                        @endif
                                        <h3 dir="rtl" class="text-right mt-3">المجموع
                                            : {{$paymentGateway->getTotalAmount()}}
                                            شيكل</h3>

                                        {!!
                                                   $paymentGateway->getPaymentHTMLTemplate()
                                            !!}
                                    </div>
                                @else
                                    @foreach($availablePaymentGateways as $key => $paymentGateway)
                                        <div id="{{$key}}-card-div"
                                             class="payment-container" {!! $loop->first?'':'style="display: none;"' !!}>
                                            @if($paymentGateway->getInterestAmount())
                                                <h4 dir="rtl" class="unmarg--bottom text-right">
                                                    عمولة الدفع من خلال
                                                    {{ __('labels.' . strtolower($key) . '_') }}
                                                    : {{$paymentGateway->getInterestAmount()}} شيكل</h4>
                                            @endif

                                            <h3 dir="rtl" class="text-right mt-3">المجموع
                                                : {{$paymentGateway->getTotalAmount()}} شيكل</h3>

                                            {!! $paymentGateway->getPaymentHTMLTemplate() !!}
                                        </div>
                                    @endforeach
                                @endif
                            </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")
    @if($order->payment_method!="cash" && $order->status->code=="preparing-payment" || $order->payment_method!="cash" && $order->status->code=="declined" )
        @foreach($availablePaymentGateways as $key => $paymentGateway)
            {!! $paymentGateway->getPaymentJsScripts() !!}
        @endforeach
    @endif
    <script>
        let paymetns = JSON.parse('@JSON(IHouse::getPaymentGateways())');

        $('input:radio[name=payment_method]').on('change', function () {
            paymetns.forEach(function (item) {
                let id = '#' + item.key + '-card-div';

                if ($(this).val() === (item.key + '-card')) {
                    $(id).show();
                } else {
                    $(id).hide();
                }
            }.bind(this));
        });
    </script>
@endsection