@extends('layout.blank')
<script src="{{URL::to('/')}}/assets/js/jquery-1.11.0.min.js"></script>
<script src="{{URL::to('/')}}/assets/js/toastr.js"></script>
<script src="{{URL::to('/')}}/assets/js/jquery-ui/js/jquery-ui-1.10.3.minimal.min.js"></script>
<script src="{{URL::to('/')}}/assets/js/select2/select2.min.js"></script>
<link rel="stylesheet" type="text/css" href="{{URL::to('/')}}/assets/js/select2/select2-bootstrap.css">
<link rel="stylesheet" type="text/css" href="{{URL::to('/')}}/assets/js/select2/select2.css">
<link rel="stylesheet" type="text/css" href="{{URL::to('/')}}/assets/js/dataTables.bootstrap.js">
<link rel="stylesheet" type="text/css" href="{{URL::to('/')}}/assets/js/jquery.dataTables.min.js">
@section('content')
    <header class="x-title">
        <div class="payment-strip">
            <div class="x-content">
                <div class="x-row">
                    <div class="x-span8">
                        <div>
                            <div class="due" style="font-size: 16px !important;">@lang('routes.CUST_PANEL_PAGE_INVOICE_CVIEW_LBL_TOTAL_DUE')</div>
                        </div>
                        <div class="amount">
                        <span class="overdue">{{$CurrencySymbol}}{{number_format($DueAmount,get_round_decimal_places($AccountID))}}
                            @if(!empty($CreditCardFee))
                                + {{$CreditCardFee}}{{$CreditCardFeeType}}(Card Fee)
                            @endif
                        </span>
                        </div>
                    </div>
                    <div class="x-span4 pull-left">
                        <h1 class="text-center">
                            <h1 class="text-center">Payment</h1>
                        </h1>
                    </div>
                </div>
            </div>
        </div>
    </header>
    @if($PaymentGatewayID==PaymentGateway::AuthorizeNet || $PaymentGatewayID==PaymentGateway::Cardknox || $PaymentGatewayID==PaymentGateway::Stripe || $PaymentGatewayID==PaymentGateway::FideliPay || $PaymentGatewayID==PaymentGateway::PeleCard || $PaymentGatewayID==PaymentGateway::MerchantWarrior))
    @include('invoices.all_invoice_creditcard')
    @endif
    @if($PaymentGatewayID==PaymentGateway::StripeACH)
        @include('invoices.invoice_bankaccount')
    @endif
    @if($PaymentGatewayID==PaymentGateway::Forte)
        @include('invoices.invoice_bankaccountforte')
    @endif
    @if($PaymentGatewayID==PaymentGateway::AuthorizeNetEcheck)
        @include('invoices.invoice_authorizebankaccount')
    @endif

    <script>
        var PaymentGatewayID = '{{$PaymentGatewayID}}';
        toastr_opts = {
            "closeButton": true,
            "debug": false,
            "positionClass": "toast-top-right",
            "onclick": null,
            "showDuration": "300",
            "hideDuration": "1000",
            "timeOut": "5000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "fadeIn",
            "hideMethod": "fadeOut"
        };

        if ($.isFunction($.fn.select2)) {
            $("select.select2").each(function(i, el) {
                var $this = $(el),
                    opts = {
                        allowClear: attrDefault($this, 'allowClear', false)
                    };
                if ($this.hasClass('small')) {
                    opts['minimumResultsForSearch'] = attrDefault($this, 'allowClear', Infinity);
                    opts['dropdownCssClass'] = attrDefault($this, 'allowClear', 'no-search')
                }
                $this.select2(opts);
                if ($this.hasClass('small')) {
                    $this.select2('container').find('.select2-search').addClass('hidden');
                }
                //$this.select2("open");
            }).promise().done(function() {
                $('.select2').css('visibility', 'visible');
            });


            if ($.isFunction($.fn.perfectScrollbar)) {
                $(".select2-results").niceScroll({
                    cursorcolor: '#d4d4d4',
                    cursorborder: '1px solid #ccc',
                    railpadding: {
                        right: 3
                    }
                });
            }
        }

        // Element Attribute Helper
        function attrDefault($el, data_var, default_val) {
            if (typeof $el.data(data_var) != 'undefined') {
                return $el.data(data_var);
            }

            return default_val;
        }
    </script>
@stop