@extends('layout.AtoZPortal.main')

@section('content')

    <ol class="breadcrumb bc-3">
        <li>
            <a href="#"><i class="entypo-home"></i>@lang('routes.CUST_PANEL_PAGE_PAYMENTS_TITLE')</a>
        </li>
    </ol>

    <h3>Add @lang('routes.CUST_PANEL_PAGE_PAYMENTS_TITLE')</h3>
    <div class="tab-content">
        <div class="tab-pane active" id="customer_rate_tab_content">


            <form id="add-edit-payment-form" method="post">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="field-1" class="control-label">@lang('routes.CUST_PANEL_PAGE_PAYMENTS_MODAL_EDIT_PAYMENT_FIELD_AMOUNT')</label>
                                <input type="text" name="Amount" class="form-control" id="field-1" placeholder="" pattern="[0-9.]*" required>
                            </div>
                        </div>
                        <div class="col-md-12 hidden">
                            <div class="form-group">
                                <label for="field-2" class="control-label">@lang('routes.CUST_PANEL_PAGE_PAYMENTS_MODAL_EDIT_PAYMENT_FIELD_PAYMENT_DATE')</label>
                                <input type="text" name="PaymentDate" class="form-control datepicker" data-date-format="yyyy-mm-dd" id="field-2" placeholder="" value="{{date('Y-m-d')}}">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="field-3" class="control-label">@lang('routes.CUST_PANEL_PAGE_PAYMENTS_MODAL_EDIT_PAYMENT_FIELD_INVOICE')</label>
                                <input type="text" name="InvoiceNo" class="form-control" id="field-3" placeholder="">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="field-6" class="control-label">@lang('routes.CUST_PANEL_PAGE_PAYMENTS_MODAL_EDIT_PAYMENT_FIELD_NOTES')</label>
                                <textarea name="Notes" class="form-control" id="field-6" placeholder=""></textarea>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="field-4" class="control-label">Payment Type</label>
                                {{ Form::select('PaymentType', array(''=>'Select','SavedProfile'=>'Saved Profile','NewProfile'=>'New Profile'), '', array("class"=>"select2 small", "required")) }}
                            </div>
                        </div>
                        <div class="col-md-12 NewProfile">
                            <div class="form-group">
                                <label for="field-5" class="control-label">@lang('routes.CUST_PANEL_PAGE_PAYMENTS_MODAL_EDIT_PAYMENT_FIELD_PAYMENT_METHOD')</label>
                                {{ Form::select('PaymentMethod', $method, '', array("class"=>"select2 small", "required")) }}
                            </div>
                        </div>
                        <div class="col-md-12 SavedProfile">
                            <table class="table table-bordered datatable" id="ajxtable-4">
                                <thead>
                                <tr>
                                    <th width="10%">@lang('routes.CUST_PANEL_PAGE_INVOICE_MODAL_PAY_NOW_TBL_TITLE')</th>
                                    <th width="10%">@lang('routes.CUST_PANEL_PAGE_INVOICE_MODAL_PAY_NOW_TBL_STATUS')</th>
                                    <th width="10%">@lang('routes.CUST_PANEL_PAGE_INVOICE_MODAL_PAY_NOW_TBL_DEFAULT')</th>
                                    <th width="25%">@lang('routes.CUST_PANEL_PAGE_INVOICE_MODAL_PAY_NOW_TBL_PAYMENT_METHOD')</th>
                                    <th width="20%">@lang('routes.CUST_PANEL_PAGE_INVOICE_MODAL_PAY_NOW_TBL_CREATED_DATE')</th>
                                    <th width="25%">@lang('routes.TABLE_COLUMN_ACTION')</th>
                                </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                        <div class="col-md-12 hidden">
                            <div class="form-group">
                                <input type="hidden" name="PaymentID" >
                                <input type="hidden" name="CustomerPaymentType" value="Payment In" >
                                <input type="hidden" name="Currency" value="{{$currency}}" >
                                <input type="hidden" name="AccountID" value="{{$Account->AccountID}}">
                            </div>
                        </div>

                    </div>
                </div>
                <div class="modal-footer NewProfile">
                    <button type="submit" id="payment-update"  class="save btn btn-primary btn-sm btn-icon icon-left" data-loading-text="@lang('routes.BUTTON_LOADING_CAPTION')">
                        <i class="entypo-floppy"></i>
                        @lang('routes.BUTTON_SAVE_CAPTION')
                    </button>
                </div>
            </form>
            <script src="{{ URL::asset('assets/js/sweetalert2.all.min.js') }}"></script>
            <script type="text/javascript">
                jQuery(document).ready(function ($) {
                    $(".SavedProfile").hide();
                    $(".NewProfile").hide();

                    $('#add-edit-payment-form').submit(function(e){
                        e.preventDefault();
                         var PaymentMethod = $("#add-edit-payment-form [name='PaymentMethod']").val();

                         if(PaymentMethod.indexOf("online_")==0){
                             PaymentMethod = PaymentMethod.replace("online_", "");
                             var Amount = $("#add-edit-payment-form [name='Amount']").val();
                             var InvoiceNo = $("#add-edit-payment-form [name='InvoiceNo']").val();
                             var custome_notes = $("#add-edit-payment-form [name='Notes']").val();
                             var TopUpPay = 1;



                             if(PaymentMethod=="Paypal"  ){
                                $('#pyapalform [name=notify_url]').val(baseurl + "/paypal_ipn/{{$Account->AccountID}}-0-"+InvoiceNo+"/1");
                                $('#pyapalform [name=amount]').val(Amount);
                                $('#pyapalform').submit();
                                return false;
                             }
                             if(PaymentMethod=="SagePay"){
                                $('#sagepayform [name=p4]').val(Amount);
                                $('#sagepayform').submit();
                                return false;
                             }

                             $("#frm_online_payment [name=Amount]").val(Amount);
                             $("#frm_online_payment [name=InvoiceNo]").val(InvoiceNo);
                             $("#frm_online_payment [name=custome_notes]").val(custome_notes);
                             $("#frm_online_payment [name=TopUpPay]").val(TopUpPay);
                             $("#frm_online_payment [name=Redirect]").val('/portal/payments');
                             $("#frm_online_payment").attr("action", baseurl + "/invoice_payment/{{$Account->AccountID}}-0/"+PaymentMethod).submit();

                             return false;
                         }
                        return false;
                    });
                });
                $('select[name="PaymentType"]').on( "change",function(e){
                    var selection = $(this).val();
                    if(selection=='SavedProfile'){
                        $(".SavedProfile").show();
                        $(".NewProfile").hide();
                        getPaymentMethods();
                    }
                    if(selection=='NewProfile'){
                         $(".SavedProfile").hide();
                         $(".NewProfile").show();
                    }
                });

                function getPaymentMethods() {
                    var ajax_data_table;
                    var list_fields = ["Title", "Status", "isDefault", "PaymentMethod", "CreatedDate", "AccountPaymentProfileID"];

                    console.log(baseurl + "/portal/PaymentMethodProfiles/ajax_datagrid/{{$Account->AccountID}}");

                    // jQuery(document).ready(function ($) {
                    ajax_data_table = $("#ajxtable-4").dataTable({
                        "oLanguage": {
                            "sUrl": baseurl + "/translate/datatable_Label"
                        },
                        "bDestroy": true,
                        "bProcessing": true,
                        "bServerSide": true,
                        "sAjaxSource": baseurl + "/portal/PaymentMethodProfiles/ajax_datagrid/{{$Account->AccountID}}",
                        "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
                        "sPaginationType": "bootstrap",
                        "sDom": "<'row'<'col-xs-6 col-left'l><'col-xs-6 col-right'<'export-data'T>f>r>t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",
                        "aaSorting": [[0, 'asc']],
                        "aoColumns": [{"bSortable": true}, //Title
                            {
                                "bSortable": true, //Status
                                mRender: function (id, type, full) {
                                    var status = '';
                                    if (id == 1) {
                                        status = 'Active'
                                    } else {
                                        status = 'Disable'
                                    }
                                    return status;
                                }
                            }, {
                                "bSortable": true, //Default
                                mRender: function (id, type, full) {
                                    var status = '';
                                    if (id == 1) {
                                        status = 'Default'
                                    } else {
                                        status = ''
                                    }
                                    return status;
                                }
                            }, {"bSortable": true}, //PaymentMethod
                            {"bSortable": true}, //CreatedDate
                            {                       //3  Action
                                "bSortable": false, mRender: function (id, type, full) {
                                var action;

                                action = '<div class = "hiddenRowData" >';
                                for (var i = 0; i < list_fields.length; i++) {
                                    action += '<input type = "hidden"  name = "' + list_fields[i] + '"       value = "' + (full[i] != null ? full[i] : '') + '" / >';
                                }
                                action += '</div>';
                                if (full[3] != 'SagePayDirectDebit') {
                                    action += '<button class="btn paynow btn-success btn-sm " type="submit" data-loading-text="@lang('routes.BUTTON_LOADING_CAPTION')">@lang('routes.BUTTON_PAY_NOW_CAPTION') </button>';
                                }

                                return action;
                            }
                            }],
                        "oTableTools": {
                            "aButtons": []
                        },
                        "fnDrawCallback": function () {
                            $(".dataTables_wrapper select").select2({
                                minimumResultsForSearch: -1
                            });
                        }

                    });
                }

                $(document.body).on('click', '.btn.paynow', function (ev) {
                    //ev.preventDefault();
                    var form    = $(this).closest('form');
                    var Amount  = form.find("input[name='Amount']").val();
                    var InvoiceNo = form.find("input[name='InvoiceNo']").val();
                    var PaymentID = form.find("input[name='PaymentID']").val();
                    var CustomerPaymentType = form.find("input[name='CustomerPaymentType']").val();
                    var Currency = form.find("input[name='Currency']").val();
                    var AccountID = form.find("input[name='AccountID']").val();
                    var PaymentDate = form.find("input[name='PaymentDate']").val();
                    var Notes = form.find("textarea[name='Notes']").val();
                    if(Amount != "" && Amount != false && Amount.match(/^[0-9]*\.?[0-9]*$/)){
                        Swal.fire({
                            title: 'Are you sure?',
                            text: "You won't be able to revert this!",
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#00a651',
                            cancelButtonColor: '#cc2424',
                            confirmButtonText: 'Yes, proceed it!'
                        }).then((result) => {
                            form.find(".btn.paynow").prop('disabled', true);
                        if (result.value) {
                            var cur_obj = $(this).prev("div.hiddenRowData");
                            AccountPaymentProfileID = cur_obj.find("[name=AccountPaymentProfileID]").val();
                            if (AccountPaymentProfileID > 0) {
                                $('#ajxtable-4_processing').css('visibility', 'visible');
                                $.ajax({
                                            url: baseurl + '/portal/payments/pay_now/{{$Account->AccountID}}', //Server script to process data
                                            type: 'POST',
                                            data: {
                                                AccountPaymentProfileID : AccountPaymentProfileID,
                                                Amount: Amount,
                                                InvoiceNo: InvoiceNo,
                                                PaymentID: PaymentID,
                                                CustomerPaymentType: CustomerPaymentType,
                                                Currency: Currency,
                                                AccountID: AccountID,
                                                PaymentDate: PaymentDate,
                                                Notes: Notes
                                            },
                                            dataType: 'json',
                                            success: function (response) {
                                                form.find(".btn.paynow").button("reset").prop('disabled', false);
                                                $('#ajxtable-4_processing').css('visibility', 'hidden');
                                                if (response.status == 'success') {
                                                    Swal.fire(
                                                            'Success',
                                                            'Your payment has been successfully submitted!',
                                                            'success'
                                                    ).then(function () {
                                                        window.location.href = baseurl + '/portal/payments/add';
                                                    });
                                                } else {
                                                    toastr.error(response.message, "Error", toastr_opts);
                                                    form.find(".btn.paynow").button("reset").prop('disabled', false);
                                                    //toastr.error('@lang('routes.CUST_PANEL_PAGE_INVOICE_BUTTON_PAY_NOW_ERROR_MSG')', "Error", toastr_opts);
                                                }
                                            }
                            });
                            } else {
                                form.find(".btn.paynow").button("reset").prop('disabled', false);
                                toastr.error('@lang('routes.CUST_PANEL_PAGE_INVOICE_BUTTON_PAY_NOW_ERROR_MSG')', "Error", toastr_opts);
                            }
                            return false;
                        }
                    });
                    }
                });

            </script>
            <style>
                .dataTables_filter label{
                    display:none !important;
                }
                .dataTables_wrapper .export-data{
                    right: 30px;
                }
            </style>

            @include('includes.errors')
            @include('includes.success')

        </div>
    </div>
@stop
@section('footer_ext')
    @parent
    <form action="" id="frm_online_payment" method="post">
        <input type="hidden" name="Amount" class="form-control">
        <input type="hidden" name="InvoiceNo" class="form-control">
        <input type="hidden" name="custome_notes" class="form-control">
        <input type="hidden" name="TopUpPay" class="form-control">
        <input type="hidden" name="Redirect" class="form-control">
    </form>
    @if(is_paypal($Account->CompanyId) )
        {{$paypal_button}}
    @endif
    @if(is_sagepay($Account->CompanyId))
        {{$sagepay_button}}
    @endif
@stop