@extends('layouts.app')

@section('content')
    <section class="page-header page-header-xs">
        <div class="container">

            <h1>WebMoto.us&nbsp;<span>Promo ads - payment</span></h1>

            <!-- breadcrumbs -->
            <ol class="breadcrumb">
                <li><a href="{{ @url('/') }}">Home</a></li>
                <li>Add Promo Listing</li>
            </ol><!-- /breadcrumbs -->

        </div>
    </section>
    <section>
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <form method="post" id="formplanpayment" action="{{ Epay::getSubmitUrl() }}">
                        {{ csrf_field() }}
                        @php
                            $invoice     = mt_rand(1, 1000000);
                            $amount      = $plan->cost;
                            $expiration  = \Carbon\Carbon::now()->addHours(12)->format('d.m.Y H:i:s');
                            $description = $plan->name .'Ad №'. request('addid');
                            $curancy     = 'EUR';

                        Epay::setData(
                            $invoice,
                            $amount,
                            $expiration,
                            $description,
                            $curancy

                        );
                        @endphp
                        {!! Epay::generateHiddenInputs() !!}

                        <div class="panel panel-default">
                            <div class="panel-heading"><strong>{{ $plan->name }}</strong> - promo plan
                                @if($plan->description)
                                    <div class="">{{ $plan->description }}</div>@endif
                            </div>
                            <div class="panel-body">
                                amount: <strong>{{ $plan->cost }} &dollar;</strong>
                            </div>
                        </div>

                        <div class="bt-drop-in-wrapper">
                            <div id="bt-dropin"></div>
                        </div>

                        <input id="amount" name="amount" type="hidden" value="{{ $plan->cost }} ">
                        <input id="nonce" name="payment_method_nonce" type="hidden"/>
                        <input id="planid" name="planid" type="hidden" value="{{ $plan->id }}"/>
                        <input id="addid" name="add_id" type="hidden" value="{{ request('addid') }}"/>
                        <input name="transactionid" type="hidden" value="{{ $invoice }}"/>
                        <input name="promotype" type="hidden" value="1"/>
                        <button class="btn btn-blue pull-right" type="submit"
                                onclick="PromOptionsPay($(this).closest('form').attr('id'))"><span>Payment</span>
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('footer_scripts')
    <script type="text/javascript">


        function PromOptionsPay(formid) {

            var postData = $("#" + formid).serializeArray();
            var _type = $("#" + formid).val();
            var token = jQuery("meta[name='csrf-token']").attr('content');

            $.ajax({
                type: 'POST',
                url: '/beforpayment',
                data: {_token: token, '_data': postData, type: _type}, // a JSON object to send back
                success: function (response) { // What to do if we succeed
                    // window.location.href = '/promoplans/subscribe/' + aadid + '/' + type;
                    console.log(response);
                },
                error: function (jqXHR, textStatus, errorThrown) { // What to do if we fail
                    console.log(JSON.stringify(jqXHR));
                    console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
                }
            });
        }


    </script>


@endsection