@extends('layouts.app', ["isCart" => TRUE])

@section('myjsfile')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.29.2/sweetalert2.all.js"></script>
    <script>

        $("document").ready(function () {

            $(document).on("submit", ".checkout", function (e) {
                $("#place_order").fadeOut();
                swal({
                    title: 'Your order is being processed - please wait',
                    closeOnClickOutside: false,
                    allowOutsideClick: false,
                    closeOnEsc: false,
                    icon: 'info',
                    buttons: false,
                    showConfirmButton: false,
                    allowEnterKey: false,
                });
            })
        });
    </script>
    <style type="text/css">
        input#balancetopay {
            border: 2px solid #69bf26;
            font-size: 17pt;
            padding: 10px 20px;
            color: #4a881a;
        }
    </style>
@endsection

@section('content')



    @php $balancedue = App\Order::where("user_id", Auth::user()->id)->whereNotIn("status",["unpaid", "0", "cancelled"])->where("FullyPaid", 0)->whereNotNull("AmountRemaning")->where("AmountRemaning", ">", 0)->sum("AmountRemaning"); @endphp
    @php
        $user = \Auth::user();
    @endphp

    <div class="container content-container"  style="margin-top: 30px; padding-bottom: 40px; background:white">
        <div class="row content-row">
            <div id="primary" class="content-area content-full-width col-12">

                <main id="main" class="site-main">

                    <article id="post-365" class="post-365 page type-page status-publish hentry mt-4">
                        <div class="entry-content clearfix">
                            <div class="woocommerce">
                                @if ($errors->any())
                                    <div class="woocommerce-notices-wrappe">
                                        <div class="woocommerce-error" role="alert">
                <span class="addMessageCart">@foreach ($errors->all() as $error)
                        <div>{{ $error }}</div>
                    @endforeach</span>
                                        </div>
                                    </div>
                                @endif

                                @if(isset($success))
                                    <div class="woocommerce-notices-wrappe">
                                        <div class="woocommerce-message" role="alert">
                                            <span class="addMessageCart">{!! $success !!}</span>
                                        </div>
                                    </div>
                                @endif


                                @if(session('message'))
                                    <div class="woocommerce-notices-wrappe">
                                        <div class="woocommerce-info" role="alert">
                                            <span class="addMessageCart">{!! session('message') !!}</span>
                                        </div>
                                    </div>
                                @endif


                                @if($balancedue > 0)

                                    <form action="{{ route('cart.paymentPart') }}" class="checkout woocommerce-checkout"
                                          method="post">
                                        {{ csrf_field() }}

                                        <div class="col-12">

                                            <h3 id="order_review_heading">Pay your Christmas Balance</h3>


                                            <div id="order_review" class="woocommerce-checkout-review-order">

                                                <div class="christmasPayment">
                                                    <div class="woocommerce-notices-wrapper"></div>
                                                    <div id="payment" class="woocommerce-checkout-payment">
                                                        <h5 class="card-title">How much do you want to pay towards your
                                                            Christmas Balance?</h5>
                                                        <p class="form-row form-row-wide validate-required validate-phone"
                                                           id="balance" data-priority="100"><label
                                                                    for="balancet" class="">Order Total&nbsp;<abbr
                                                                        class="required"
                                                                        title="required">*</abbr>
                                                                <span class="input-text balancetotal">&pound;{{$balancedue}}</span></label>
                                                        </p>
                                                        <p class="form-row form-row-wide validate-required validate-phone"
                                                           id="balancetopayt" data-priority="100"><label
                                                                    for="balancet" class="">Amount you wish to pay today&nbsp;<abbr
                                                                        class="required"
                                                                        title="required">*</abbr></label><span
                                                                    class="woocommerce-input-wrapper"><input
                                                                        type="number"
                                                                        class="input-text balancetopay"
                                                                        id="balancetopay"
                                                                        step="0.01"
                                                                        name="balancetopay"
                                                                        value="{{$balancedue}}"
                                                                        min="0"
                                                                        max="{{$balancedue}}"
                                                                        placeholder=""/>
                                                        </span>
                                                        </p>
                                                        <div class="alert alert-info">Pay your Christmas Balance with Edible16 by Midnight to secure your order in time for Christmas.
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="woocommerce-notices-wrapper"></div>
                                                <div id="payment" class="woocommerce-checkout-payment">
                                                    <h5 class="card-title">How do you wish to make this payment?</h5>
                                                    <ul class="wc_payment_methods payment_methods methods">
                                                        <li class="wc_payment_method payment_method_bacs">
                                                            <input id="payment_method_bacs" type="radio"
                                                                   class="input-radio" name="payment_method"
                                                                   value="new" required
                                                                   data-order_button_text=""/>
                                                            <label for="payment_method_bacs">
                                                                New Credit/Debit Card</label>
                                                            <div class="payment_box payment_method_bacs">
                                                                <p>We make our payments securely by SagePay</p>
                                                            </div>
                                                        </li>

                                                        @php
                                                            $cards = App\Payment::where("user_id", Auth::user()->id)->where("IsValid", 1)->groupBy("CardMD5")->orderBy("created_at", "desc")->get();
                                                        @endphp

                                                        @foreach($cards as $card)
                                                            <li class="wc_payment_method payment_method_bacs_{{$card->id}}">
                                                                <input id="payment_method_bacs_{{$card->id}}"
                                                                       type="radio"
                                                                       class="input-radio" name="payment_method"
                                                                       value="{{$card->id}}" required
                                                                       data-order_button_text=""/>

                                                                <label for="payment_method_bacs_{{$card->id}}">
                                                                    {{$card->CardDetails}}</label>
                                                                <div class="payment_box payment_method_bacs_{{$card->id}}">
                                                                    <p>You last used this card
                                                                        on: {{Carbon\Carbon::parse($card->created_at)->format('l jS F Y')}}</p>
                                                                </div>
                                                            </li>

                                                        @endforeach
                                                    </ul>
                                                    <div class="form-row place-order">
                                                        <div class="woocommerce-terms-and-conditions-wrapper">
                                                            <div class="woocommerce-privacy-policy-text"><p>Your
                                                                    personal data will be used to process your order,
                                                                    support your experience throughout this website, and
                                                                    for
                                                                    other purposes described in our <a
                                                                            href="/terms/customer"
                                                                            class="woocommerce-privacy-policy-link"
                                                                            target="_blank">privacy policy</a>.</p>
                                                            </div>
                                                        </div>


                                                        <button type="submit" class="button alt"
                                                                name="woocommerce_checkout_place_order" id="place_order"
                                                                value="Place order" data-value="Place order">Make Payment
                                                        </button>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>

                                @else
                                    <div class="alert alert-success">You don't have any balance to clear. Your account
                                        is up to date.
                                    </div>
                                @endif
                            </div>
                        </div><!-- .entry-content -->

                    </article><!-- #post-365 -->
                </main><!-- #main -->
            </div><!-- #primary -->


        </div>
    </div>
@endsection

@section('myjsfile')
    @if(isset($payment))
    <script>
        $(document).ready(function () {
            fbq('track', 'Purchase', {currency: "GBP", value: {{ number_format(($payment->amount), 2) }}});
            gtag('event', 'conversion', {
                'send_to': 'AW-10800484862/LyMqCMW4o4gDEP6jiZ4o',
                'value': {{ number_format(($payment->amount), 2) }},
                'currency': 'GBP'
            });
        })
    </script>

    @endif
@endsection