@extends('account.base', [
    'scripts' => [
        'fileUtilities',
        'simpleCountdown'
    ]
])

@section('title', 'Order Details')

@section('account_content')

    @include('common.no_cache')

    <div class="ui grid" id="orderDetails">
        <h2 class="ui dividing header relativeContainer font-title">{{ __('Order Details') }}</h2>

        <div class="row">
            <div class="one wide column"></div>
            <div class="fourteen wide column">
                <div class="button" onclick="location.href='{{ route('orderHistory') }}'">
                    {{__('Back')}}
                </div>
            </div>
        </div>

        <div class="row">
            @php
                use App\Order;
                use App\Enumerables\Currency;
                
                /**
                 * @var Order $order
                 */
                $offline = false; //($order->orderHasChangedCourses()) ? false : ($order->paymentMethod == 'Offline');
                $currency = '';
                $language = config('app.locale') ?? 'en';
                $legacyOrder = $order->hasApplicationFees();
                
                if ($order->currency == Currency::GBP) {
                    $currency = '£ ';
                } else {
                    $currency = '¥ ';
                }
            @endphp

            <div class="one wide column"></div>
            
            <div class="fourteen wide column">
                <div id="orders-table">
                    <div class="top-container">
                        <div class="column order-details">
                            <div class="item">
                                {{__('order-history-OrderNo')}}:
                                {{$order->displayOrderNo ?? ''}}
                            </div>

                            <div class="item">
                                {{__('order-history-TotalPrice')}}:
                                @if($offline)
                                    {{"N/A"}}
                                @else
                                    {{isset($order) ? $currency.number_format($order->orderDiscountedValue(), 2, ".", ",") : ''}}
                                @endif
                            </div>

                            @if(isset($order->paymentStatus) && $order->paymentStatus == \App\Enumerables\PaymentStatus::PAID)
                                <div class="item">
                                    {{__('order-history-OrderTime')}}:
                                    {{isset($order->created_at) ? \App\Traits\Timezone::getTimezoneTimestamp($order->created_at, 'd/m/Y H:i:s') : ''}}
                                </div>
                            @endif
                        
                            <div class="item bold line-break font-title">
                                {{__('Order Status')}}:
                                {{__('paymentStatus-' . $order->paymentStatus) ?? ''}}
                            </div>

                            <div class="item bold font-title">
                                {{__('Payment Method')}}:
                                {{$order->getPaymentMethodsText()}}
                            </div>

                            @if($order->paymentStatus == \App\Enumerables\PaymentStatus::CART_PROCESSING)
                                <div class="item countdown-item bold font-title">
                                    <span>
                                        {{__('remaining-payment-time')}}
                                    </span>
                                    
                                    <span id="orderCountdown" data-countdown="{{$order->countdown ?? 0}}" data-text="hh:mm:ss"></span>
                                </div>
                            @endif

                            @if(!empty($order->orderType))
                                <div class="item">
                                    {{__('Order Type')}}:
                                    {{__($order->orderType)}}
                                </div>
                            @endif
                        </div>

                        <div class="column receipt">
                            @if(isset($order->paymentStatus) && $order->paymentStatus == \App\Enumerables\PaymentStatus::PAID)
                                <div class="receipt-button" onclick="{{'preview(\''.$order->id.'\', this)'}}">
                                    {{__('order-history-Invoice')}}
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="middle-container">
                        @include('account.order.shared.order_details_table_label', [
                            'legacyOrder' => $legacyOrder
                        ])

                        @include('account.order.shared.order_details_table_rows', [
                            'rows' => $orderItems,
                            'offline' => $offline,
                            'legacyOrder' => $legacyOrder
                        ])
                    </div>
                    
                    @if(!empty($order->remarks))
                        <div class="remarks-container">
                            <span class="bold">{{__('Remarks')}}:</span>
                            {!! nl2br(htmlspecialchars($order->remarks)) !!}
                        </div>
                    @endif    

                    <div class="bottom-container">
                        <div class="col price-text">
                            <span>
                                {{__('order-history-OriginalPrice')}}:
                            </span>

                            @if($legacyOrder)
                                <span>
                                    {{__('uni-ucas-application-fee')}}:
                                </span>
                            @endif

                            @if($order->eventDiscounts > 0 && !$offline)
                                <span class="discount">{{__('Event Discount')}}:</span>
                            @endif

                            @if($order->discountTotal > 0 && !$offline)
                                <span class="discount">{{__('Discount-success')}}:</span>
                            @endif

                            <span class="bold">
                                {{__('order-history-Total')}}:
                            </span>
                        </div>

                        <div class="col price-value">
                            <span>
                                @if($offline)
                                    {{"N/A"}}
                                @else
                                    {{$currency}}{{number_format($order->total - $order->applicationFees, 2, ".", ",")}}
                                @endif
                            </span>
    
                            @if($legacyOrder)
                                <span>
                                    @if($offline)
                                        {{"N/A"}}
                                    @else
                                        {{$currency}}{{number_format(($order->applicationFees ?? 0), 2, ".", ",")}}
                                    @endif
                                </span>
                            @endif

                            @if($order->eventDiscounts > 0 && !$offline)
                                <span class="discount">
                                    -{{$currency}}{{number_format($order->eventDiscounts, 2, ".", ",")}}
                                </span>
                            @endif

                            @if($order->discountTotal > 0 && !$offline)
                                <span class="discount">
                                    -{{$currency}}{{number_format($order->discountTotal, 2, ".", ",")}}
                                </span>
                            @endif

                            <span class="bold">
                                @if($offline)
                                    {{"N/A"}}
                                @else
                                    {{$currency}}{{number_format($order->orderDiscountedValue() , 2, ".", ",")}}
                                @endif
                            </span>
                        </div>
                    </div>

                    @if(!empty($changeCourseItemsData['changeCourseItems']))
                        <div class="items-change-header font-title">
                            {{__('Change details')}}
                        </div>

                        <div class="top-container">
                            <div class="item">
                                {{__('Order Type')}}:
                                {{__('order-course-change')}}
                            </div>

                            @php
                                $refundMethod = '';

                                if (!empty($changeCourseItemsData['totalRefund'])) {
                                    $refundMethod .= __('refund-refund', [
                                        'value'=>'-'.$currency.number_format($changeCourseItemsData['totalRefund'], 2, '.', ',')
                                    ]);
                                }

                                if (!empty($changeCourseItemsData['totalConsumed'])) {
                                    if ($refundMethod != '') {
                                        $refundMethod .= ', ';
                                    }

                                    $refundMethod .= __('refund-consumed', [
                                        'value'=>'-'.$currency.number_format($changeCourseItemsData['totalConsumed'], 2, '.', ',')
                                    ]);
                                }
                            @endphp

                            <div class="item">
                                {{__('Refund Method')}}:
                                {{$refundMethod}}
                            </div>
                        </div>

                        <div class="middle-container">
                            @include('account.order.shared.order_details_table_label')

                            @include('account.order.shared.order_details_table_rows', [
                                'rows' => $changeCourseItemsData['changeCourseItems']
                            ])
                        </div>
                    @endif

                    @if(!empty($refundItemsData['refundItems']))
                        <div class="items-change-header font-title">
                            {{__('Refund details')}}
                        </div>

                        <div class="top-container">
                            <div class="item">
                                {{__('Order Type')}}:
                                {{__('order-refund')}}
                            </div>

                            <div class="item">
                                {{__('Order Status')}}:
                                {{__('Refund successful')}}
                            </div>

                            @php
                                /**
                                 * @var array $refundItemsData
                                 */
                                $refundMethod = __('refund-' . $refundItemsData['refundMethods'][0]);

                                if (!empty($refundItemsData['refundMethods'][1])) {
                                    $refundMethod .= ', '.__('refund-'.$refundItemsData['refundMethods'][0]);
                                }
                            @endphp

                            <div class="item">
                                {{__('Refund Method')}}:
                                {{$refundMethod}}
                            </div>
                        </div>

                        <div class="middle-container">
                            @include('account.order.shared.order_details_table_label')

                            @include('account.order.shared.order_details_table_rows', ['rows' => $refundItemsData['refundItems']])
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <script>
        $(function () {
            $('.ui.breadcrumb').append("<a href=\"#\" class=\"section\">"+"{{ __('Order History') }}"+"</a>");
            $('#orderHistoryMenuItem').addClass('active');
    
            $('#orderCountdown').each(function () {
                simpleCountdown2(
                    this,
                    this.getAttribute('data-text'),
                    cancelOrder
                );
            });
        });

        function preview(id, element) {
            preparePreview(
                '',
                $('html'),
                '{{route('prepareInvoicePreview')}}',
                '{{route('displayInvoicePreview')}}',
                '',
                '',
                element,
                {
                    'orderID': id
                }
            );
        }

        function cancelOrder() {
            $.ajax({
                type: 'POST',
                url: '{{route('cancelOrder')}}',
                data: {
                    _token: '{{csrf_token()}}',
                    orderId: '{{$order->id ?? ''}}'
                },
                success: function () {
                    location.reload();
                }
            });
        }
        
        function download(fileURL, fileName){
            var documentDownloader = new $.DocumentDownloader();
            documentDownloader.singleDownload('{{config('locations.customerDocument.asset')}}' + fileURL, fileName);
        }
    </script>
@endsection