@extends('layout.app')

@section('page-title', $data->title)

@section('breadcrumb')
    <div class="tf-breadcrumb">
        <div class="container">
            <div class="tf-breadcrumb-wrap d-flex justify-content-between flex-wrap align-items-center">
                <div class="tf-breadcrumb-list">
                    <a href="{{ url('new-design/home.php') }}" class="text">Home</a>
                    <i class="icon icon-arrow-right"></i>
                    <span class="text">Review order</span>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('content')
    <div class="review-order-wrapper">
        @if($data->reseller_id && $data->admin)
            <div class="container">
                <div id="checkout-confirm-reseller" class="text-center alert alert-danger">
                    This looks like a reseller <a href='{{ url('admin/reseller_view.php?reseller_id=' . $data->reseller_id) }}' target='_blank'>account</a>. If that's correct, please, place the order logged in the reseller's account.
                </div>
            </div>
        @endif

        @if($data->amazonPayError)
            <div class="container">
                <div id="amazon-pay-errors" class="text-center alert alert-danger">
                    There was a problem with your payment. Please try it again or you can go to the
                    <a href="{{ url('new-design/checkout.php') }}"> Billing/Shipping info page</a> to change your payment method.
                </div>
            </div>
        @endif

        <div class="container">
            <div id="review-message" class="text-center alert alert-primary">
                Please, review the information below.<br>
                If everything is correct, click the button at the bottom of this page. To correct any mistakes just click <a href="javascript:history.back(1)">here</a> to go back.
            </div>
        </div>

        <div class="container mb-4">
            @include('partials._billing_shipping_info', ['order' => $data->order])
        </div>

        @if($data->order->comments)
            <div class="container mb-4 mt_60">
                <h5 class="mb-3">Comments</h5>
                <div class="line mb-4"></div>
                <p>{{ $data->order->comments }}</p>
            </div>
        @endif

        <div class="container mb-4 mt_60">
            <form action="{{ WEB_PATH . 'new-design/review_order.php' }}"
                  method="POST"
                  class="tf-page-cart-wrap"
                  id="review-order-form"
            >
                <input type="hidden" name="action_name" id="action-name" value="proceed">

                @include('partials._cart_items', ['order' => $data->orderCart, 'is_readonly' => true])

                @include('partials._order_summary', [
                    'orderSummaryData' => $data->orderSummaryData,
                    'affirmData' => $data->affirmData,
                    'amazonPay' => $data->amazonPay,
                    'payment_method' => $data->order->payment_method,
                    'is_review' => true,
                    'is_admin' => $data->admin
                ])
            </form>
        </div>
    </div>
@endsection

@push('after-foot-js')
    <script type="text/javascript" src="{{ asset('new-design/js/review-order.js') }}"></script>
    @if($data->order->payment_method === 'paypal')
        <script>
            const PAYPAL_ENVIRONMENT = "@php echo(PROD_ENV? 'production' : 'sandbox') @endphp";
        </script>
        <script src="https://www.paypalobjects.com/api/checkout.js" data-version-4 log-level="warn"></script>
        <script src="https://js.braintreegateway.com/web/3.26.0/js/client.min.js"></script>
        <script src="https://js.braintreegateway.com/web/3.26.0/js/paypal-checkout.min.js"></script>
        <script>
            $(function () {
                ReviewOrder.initializePaypal('{{ $data->client_token }}', '{{ $data->order->grand_total }}');
            });
        </script>
    @elseif($data->order->payment_method === 'affirm')
        <script type="text/javascript" src="{{ asset('js/jquery/jquery.js') }}"></script>
        <script>
            $('#affirm-pay-button').click(function (e) {
                e.preventDefault();
                e.stopPropagation();

                affirm.checkout({!! json_encode($data->affirmData) !!});

                affirm.checkout.open({
                    onSuccess: function(a) {
                        console.log(a);
                        $('<input>').attr({
                            type: 'hidden',
                            name: 'affirm_token',
                            value: a.checkout_token
                        }).appendTo('form#review-order-form');

                        $('form#review-order-form').submit();
                    },
                    onFail: function(error) {
                        $('.preload').hide();
                        console.log(error);
                    },
                })
            });
        </script>
    @elseif($data->order->payment_method === 'amazonPay')
        <script src="https://static-na.payments-amazon.com/checkout.js"></script>
        <script>
            amazon.Pay.renderButton('#amazonPay-button', {
                merchantId: '{{ $data->amazonPay['merchantId'] }}',
                ledgerCurrency: 'USD',
                sandbox: {{ $data->amazonPay['sandbox'] ? 'true' : 'false' }},
                checkoutLanguage: 'en_US',
                productType: 'PayOnly',
                placement: 'Checkout',
                buttonColor: 'Gold',
                createCheckoutSessionConfig: {
                    payloadJSON: {!! json_encode($data->amazonPay['payload']) !!},
                    signature: '{{ $data->amazonPay['signature'] }}',
                    publicKeyId: '{{ $data->amazonPay['publicKeyId'] }}'
                }
            });
        </script>
    @endif
@endpush