@php
    use App\Cart;
    use App\Enumerables\Currency;

    $currency = Currency::GBP;
    $currencySign = '£ ';

    if (isset($_COOKIE['currency']) && (int) $_COOKIE['currency'] != Currency::GBP) {
        $currency = Currency::CNY;
        $currencySign = '¥ ';
    }
    
    $prices = $prices ?? Cart::getCartPrices($items ?? [], true);
@endphp

<div class="ui grid" id="shoppingPayment">
    <div class="row flexible-row">
        <div class="sixteen wide column" id="deleteRevert">
            <div class="segment payment-methods">
                @if($currency == \App\Enumerables\Currency::GBP)
                    <img src="{{config('locations.systemPaymentImage.asset').'americanexpress_logo.png'}}" class="ui middle aligned tiny image" alt="">
                    <img src="{{config('locations.systemPaymentImage.asset').'visa_logo.png'}}" class="ui middle aligned tiny image" alt="">
                    <img src="{{config('locations.systemPaymentImage.asset').'mastercard_logo.png'}}" class="ui middle aligned tiny image" alt="">
                    <img src="{{config('locations.systemPaymentImage.asset').'paypal_logo2.png'}}" class="ui middle aligned tiny image" alt="">
                @else
                    <img src="{{config('locations.systemPaymentImage.asset').'alipay_logo.png'}}" class="ui middle aligned tiny image" alt="">
                    
                    @if($language == 'en')
                        <img src="{{config('locations.systemPaymentImage.asset').'wechat_logo-en.png'}}" class="ui middle aligned tiny image" alt="">
                    @else
                        <img src="{{config('locations.systemPaymentImage.asset').'wechat_logo-zh.jpg'}}" class="ui middle aligned tiny image" alt="">
                    @endif
                @endif
            </div>
        </div>
    </div>
    
    <div class="row flexible-row checkout-summary" id="bag_summary">
        <div class="eight wide column">
            <div class="segment remarks-container">
                <label class="segment font-title" for="remarks">
                    {{__('Remarks')}}:
                </label>
                
                <div class="remarks-content">
                    <textarea id="remarks" placeholder="{{__('remarks-limit-placeholder')}}" maxlength="500">{{$remarks ?? ''}}</textarea>
    
                    <div class="contract-container">
                        <input type="checkbox" value="1" id="contractAccepted" class="contract-checkbox">
        
                        <label for="contractAccepted" class="contract-checkbox-label">
                            <i class="ui icon check relativeContainer"></i>
                        </label>
        
                        <div class="contract-checkbox-text">
                            {{__('contract-checkbox-text-1')}}<span class="contract-checkbox-link" onclick="toggleContractsModal(true)">{{__('contract-checkbox-text-2')}}</span>{{__('contract-checkbox-text-3')}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="eight wide column">
            <div class="ui middle aligned list" id="cartPricesList">
                @include('order.components.cart_prices_list', [
                    'currencySign' => $currencySign,
                    'prices' => $prices
                ])
            </div>
        

            <div class="checkout-coupon" onclick="toggleDiscountsModal(true);">
                <img src="{{config('locations.systemImage.asset').'coupon.png'}}" class="coupon-image" alt="">
                {{__('select-coupon')}}
                
                <i class="ui chevron right icon"></i>
            </div>
        
            <div class="checkout-currency" onclick="applyCurrencyChange('{{$currency}}')">
                @if($currency == \App\Enumerables\Currency::GBP)
                    {{__('pay-in-CNY')}}
                @else
                    {{__('pay-in-GBP')}}
                @endif
            </div>
        
            <div class="payment-buttons">
                <div class="ui black button" onclick="location.href='{{route('bag')}}'">
                    {{ __('Back') }}
                </div>
                
                <div class="button secureCheckoutBtn relativeContainer disabled" onclick="preparePayment(this)" id="payButton">
                    <img src="{{config('locations.systemImage.asset').'padlock.png'}}" alt="">
                    <img src="{{config('locations.systemImage.asset').'padlock_white.png'}}" alt="">
                    {{ __('confirm-pay') }}
                </div>
            </div>
        </div>
    </div>
</div>

@include('order.modals.contracts_modal')
@include('order.modals.no_contracts_modal')
@include('order.modals.discount_coupons_modal')