{{--{{ dd($plans, $addid, $post) }}--}}
@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="payment-form" action="{{ Epay::getSubmitUrl() }}">
                        {{ csrf_field() }}
                        @foreach($plans as $items)
                            @php
                                $invoice     = mt_rand(1, 1000000);
                                $amount      = $items->cost;
                                $expiration  = \Carbon\Carbon::now()->addHours(12)->format('d.m.Y H:i:s');
                                $description = $items->name .'Ad №'. $addid;
                                $curancy     = 'USD';

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

                            );
                            @endphp
                            {!! Epay::generateHiddenInputs() !!}
                            <div class="panel panel-default">
                                <div class="panel-heading"><strong>{{ $items->name }}</strong> promo
                                    option @if($items->description)<span class="small">({{ $items->description }}
                                        )</span>@endif</div>
                                <div class="panel-body">
                                    amount: @if(request('plansdays'.$items->id)=='7' || request('plansdays'.$items->id)=='1') {{ $items->cost }} @else {{ $items->cost * 2}} @endif
                                    $ <span class="pull-right">{{ $items->days }} days</span>
                                </div>
                                <input id="plansdays" name="plansdays{{$items->id}}" type="hidden"
                                       value="{{$items->days}}"/>
                            </div>
                        @endforeach

                        <div class="panel panel-default">
                            <div class="panel-heading"><strong>Total</strong></div>
                            <div class="panel-body">
                                amount: <strong>{{ $post['totalcost'] }} $</strong>
                            </div>
                        </div>
                        <div class="bt-drop-in-wrapper">
                            <div id="bt-dropin"></div>
                        </div>
                        <input id="amount" name="amount" type="hidden" value="{{ $post['totalcost'] }} ">
                        <input id="planid" name="planid" type="hidden" value="{{ $post['planssum'] }}"/>
                        <input id="addid" name="add_id" type="hidden" value="{{ $addid }}"/>
                        <input name="transactionid" type="hidden" value="{{ $invoice }}"/>
                        <input name="promotype" type="hidden" value="2"/>
                        <div class="col-sm-12 text-center">
                            <button class="btn btn-blue" id="epaypayment" type="submit"
                                    onclick="PromOptionsPay($(this).closest('form').attr('id'))"><span>Payment</span>
                            </button>
                        </div>
                    </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