@extends('base')

@section('title', 'Payment Successful')

@section('content')

    @include('common.no_cache')

    <div class="ui basic segment">
        <div class="ui grid">
            <div class="sixteen wide column">
                <div class="ui breadcrumb payment">
                    <span class="userName">{{__('You are checking out as')}}{{" "}}{{$order->getCustomer()->email}} {{" "}} {{__('You are checking out as chinese only')}}</span>
                </div>
            </div>
        </div>
    </div>

    <div class="ui grid" id="payment_successful">
        <div class="row">
            <div class="col">
                <div class="payment-main">
                    <div class="tab-header relativeContainer">
                        {{"1 "}}{{__("Payment")}}
                        <img src="{{config('locations.systemImage.asset').'green_tick.png'}}" alt="">
                    </div>

                    <div class="tab-header active relativeContainer">
                        {{"2 "}}{{__("Order confirmation")}}
                        <img src="{{config('locations.systemImage.asset').'green_tick.png'}}" alt="">
                    </div>

                    <div class="confirmation">
                        <span>{{__('Thank you for your order')}}</span>

                        <div class="button" onclick="location.href='{{route("courses_catalog")}}'">{{__('Continue shopping')}}</div>
                    </div>

                    <div class="order_summary">
                        <div class="order_summary-item order_summary-item-left">
                            <div class="order_summary-text">
                                <span class="text">{{__('Order reference number')}}{{":"}}</span>

                                <span class="number">{{$order->displayOrderNo}}</span>

                                <span class="text">{{__('Order confirmation email sent to')}}{{":"}}</span>

                                <span class="email">{{$order->getCustomer()->email}}</span>
                            </div>
                        </div>

                        <div class="line"></div>

                        <div class="order_summary-item order_summary-item-right">
                            <div class="order_summary-code">
                                <div class="qr-items">
                                    <img src="{{config('locations.systemImage.asset').'UKUOFFER.jpg'}}" alt="">
                                </div>

                                <div class="qr-text font-title bold">
                                    关注服务号</br>获取最新申请进度
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="divider">{{__('Your order details')}}</div>

                    <div class="order_details">
                        <div class="rows">
                            <div class="item first">
                                <span>{{__('Your order')}}</span>
                                <span>{{__('unit-price')}}</span>
                                <span>{{__('Quantity')}}</span>
                                <span>{{__('Subtotal-2')}}</span>
                            </div>
                            @php
                                use App\Enumerables\Currency;
                                use App\Order;
                                
                                /**
                                 * @var Order $order
                                 */
                            
                                $currency = '';
                                if ($order->currency == Currency::GBP) {
                                    $currency = '£';
                                } else {
                                    $currency = '¥';
                                }

                                $language = config('app.locale') ?? 'zh';
                            @endphp

                            @foreach($order->cartItems() as $item)
                                @php
                                    /**
                                     * @var \App\OrderItems $item
                                     */
                                @endphp
                                <div class="item {{$item->storedSubtitle($language, true) == ""  ? 'virtualCourse':''}}">
                                    <div class="uniLogo relativeContainer">
                                        <img src="{{$item->storedProductImage($language)}}" alt="">
                                    </div>

                                    <div class="text">
                                        <span class="header">
                                            {{$item->storedTitle($language, true)}}
                                        </span>
                                        <span class="subheader">
                                            {{$item->storedSubtitle($language, true)}}
                                        </span>
                                    </div>

                                    <div class="price">
                                        {{$currency }}{{number_format(($item->serviceFees + $item->depositFees) / $item->getCount(), 2)}}
                                    </div>

                                    <div class="price">
                                        {{$item->getCount()}}
                                    </div>
                                    
                                    <div class="price">
                                        {{$currency }}{{number_format($item->totalFees, 2)}}
                                    </div>
                                </div>
                            @endforeach
                        </div>

                        <div class="summary">
                            <span class="item">
                                <span class="left">{{__('original-price')}}{{": "}}</span>
                                <span class="right">
                                    {{$currency }} {{ number_format($order->total - $order->applicationFees, 2, ".", ",") }}
                                </span>
                            </span>

                            @if($order->eventDiscounts > 0)
                                <span class="item">
                                    <span class="left">{{__('Event Discount')}}{{": "}}</span>
                                    <span class="right">
                                        -{{$currency }} <span id="eventDiscountAmount">{{number_format($order->eventDiscounts, 2, ".", ",")}}</span>
                                    </span>
                                </span>
                            @endif

                            @if($order->discountTotal > 0)
                                <span class="item">
                                    <span class="left">{{__('Discount-success')}}{{": "}}</span>
                                    <span class="right">
                                        -{{$currency }} <span id="discountAmount">{{number_format($order->discountTotal, 2, ".", ",")}}</span>
                                    </span>
                                </span>
                            @endif
                            @php
                                $refundAmount = $order->orderRefund();
                            @endphp
                            @if($refundAmount > 0)
                                <span class="item">
                                    <span class="left">{{__('Refund Amount')}}{{": "}}</span>
                                    <span class="right">
                                        -{{$currency }} <span id="refundAmount">{{number_format($refundAmount, 2, ".", ",")}}</span>
                                    </span>
                                </span>
                            @endif

                            <span class="item">
                                <span class="left">{{__('Total')}}{{": "}}</span>
                                <span class="right">
                                    {{$currency }} {{ number_format($order->paidTotal, 2, ".", ",") }}
                                </span>
                            </span>
                        </div>
                    </div>
                </div>

                <div class="payment-sidebar">
                    @if($order->totalCourses > 0)
                        @if(!$applicationForm)
                            <div class="item">
                                <div class="header">
                                    {{__('Fill in application form')}}
                                </div>
                
                                <div class="content">
                                    {{__('Go to')}} <a href="{{route('application-form-show')}}">{{__('Application Form')}}</a> {{__('to fill in and submit your application form')}}
                                </div>
                            </div>
                        @elseif(!$applicationDocuments)
                            <div class="item">
                                <div class="header">
                                    {{__('Upload documents')}}
                                </div>
                
                                <div class="content">
                                    {{__('Go to')}} <a href="{{route('clientDocument')}}">{{__('Application Documents')}}</a> {{__('to upload required documents')}}
                                </div>
                            </div>
                        @else
                            <div class="item">
                                <div class="header">
                                    {{__('Track application status')}}
                                </div>
                
                                <div class="content">
                                    {{__('Want to know your application status? Just click')}} <a href="{{route('applicationStatus')}}">{{__('here')}}</a> {{__('to track it')}}
                                </div>
                            </div>
                        @endif
                    @endif

                    @if($order->totalTranslations > 0)
                        <div class="item">
                            <div class="header yellow">
                                {{__('Upload Translation File')}}
                            </div>

                            <div class="content">
                                {{__('Please visit')}} <a href="{{route('translationStatus')}}">{{__('My Translations')}}</a> {{__('to upload your translation files and to follow the progress of your translation.')}}
                            </div>
                        </div>
                    @endif

                    <div class="item">
                        <div class="header">
                            {{__('FAQs')}}
                        </div>

                        <div class="content">
                            {{__('Check our-success')}}  <a href="{{route('faq')}}">{{__('Frequently Asked Questions')}}</a> {{__('for information on tracking your order')}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection