<?php $__env->startSection('filter'); ?>
    <div id="datatable-filter" class="fixed new_filter" data-current-user="Art Ramadani" data-order-by-status="1" data-max-chat-history="25">
        <div class="filter-inner">
            <h2 class="filter-header">
                <a href="#" class="filter-close" data-animate="1"><i class="entypo-cancel"></i></a>
                <i class="fa fa-filter"></i>
                Filter
            </h2>
            <form role="form" id="payment-table-search" method="post"  action="<?php echo Request::url(); ?>" class="form-horizontal form-groups-bordered validate" novalidate>
                <div class="form-group">
                    <label for="field-1" class="control-label small_label">Account</label>
                    <?php echo Form::select('AccountID', $accounts, '', array("class"=>"select2","data-allow-clear"=>"true","data-placeholder"=>"Select Account")); ?>

                </div>
                <div class="form-group">
                    <label class="control-label small_label">Invoice No</label>
                    <input type="text" name="InvoiceNo" class="form-control" id="field-1" placeholder="" value="<?php echo Input::get('InvoiceNo'); ?>" />
                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label small_label">Status</label>
                    <?php echo Form::select('Status', Payment::$status, (!empty(Input::get('Status'))?Input::get('Status'):''), array("class"=>"select2 small","data-allow-clear"=>"true","data-placeholder"=>"Select Status")); ?>

                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label small_label">Action</label>
                    <?php echo Form::select('type', Payment::$action, Input::get('Type'), array("class"=>"select2 small","data-allow-clear"=>"true","data-placeholder"=>"Select Type")); ?>

                </div>
                <div class="form-group">
                    <label class="control-label">Recalled</label><br/>
                    <p class="make-switch switch-small">
                        <input id="Recall_on_off" name="recall_on_off" type="checkbox" value="1">
                    </p>
                </div>
                <!--payment date start -->
                <div class="form-group">
                    <label class="control-label small_label" for="PaymentDate_StartDate">Date From</label>
                    <div class="row">
                        <div class="col-sm-6" >
                            <input autocomplete="off" type="text" name="PaymentDate_StartDate" id="PaymentDate_StartDate" class="form-control datepicker "  data-date-format="yyyy-mm-dd" value="<?php echo Input::get('StartDate'); ?>" data-enddate="<?php echo date('Y-m-d'); ?>" />
                        </div>
                        <div class="col-sm-6">
                            <input type="text" name="PaymentDate_StartTime" data-minute-step="5" data-show-meridian="false" data-default-time="00:00:00" data-show-seconds="true" data-template="dropdown" placeholder="00:00:00" class="form-control timepicker">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label  class="control-label small_label" for="PaymentDate_EndDate">End Date</label>
                    <div class="row">
                        <div class="col-sm-6" >
                            <input autocomplete="off" type="text" name="PaymentDate_EndDate" id="PaymentDate_EndDate" class="form-control datepicker"  data-date-format="yyyy-mm-dd" value="<?php echo Input::get('EndDate'); ?>" data-enddate="<?php echo date('Y-m-d'); ?>" />
                        </div>
                        <div class="col-sm-6">
                            <input type="text" name="PaymentDate_EndTime" data-minute-step="5" data-show-meridian="false" data-default-time="23:59:59" value="23:59:59" data-show-seconds="true" placeholder="00:00:00" data-template="dropdown" class="form-control timepicker">
                        </div>
                    </div>
                </div>
                <!--payment date end -->
                <div class="form-group">
                    <label for="field-1" class="control-label">Payment Method</label>
                    <?php echo Form::select('paymentmethod', Payment::$method, Input::get('paymentmethod') , array("class"=>"select2 small","data-allow-clear"=>"true","data-placeholder"=>"Select Type")); ?>

                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label">Currency</label>
                    <?php echo Form::select('CurrencyID',Currency::getCurrencyDropdownIDList(),(!empty(Input::get('CurrencyID'))?Input::get('CurrencyID'):$DefaultCurrencyID),array("class"=>"select2 small")); ?>

                </div>
                <div class="form-group">
                    <label class="control-label">Account Tag</label>
                    <input class="form-control tags" name="tag" type="text" >
                </div>
                <div class="form-group">
                    <br/>
                    <button type="submit" class="btn btn-primary btn-md btn-icon icon-left">
                        <i class="entypo-search"></i>
                        Search
                    </button>
                </div>
            </form>
        </div>
    </div>
<?php $__env->stopSection(); ?>


<?php $__env->startSection('content'); ?>
<style>
.small_fld{width:80.6667%;}
.small_label{width:5.0%;}
.col-sm-e2{width:15%;}
.small-date-input{width:11%;}
#selectcheckbox{
    padding: 15px 10px;
}
</style>
<ol class="breadcrumb bc-3">
  <li> <a href="<?php echo action('dashboard'); ?>"><i class="entypo-home"></i>Home</a> </li>
  <li class="active"> <a href="javascript:void(0)">Payments</a> </li>
</ol>
<h3>Payments</h3>
    <div class="clear"></div>
    <div class="row hidden" id="add-template">
      <div class="col-md-12">
        <form id="add-template-form" method="post">
          <div class="panel panel-primary" data-collapsed="0">
            <div class="panel-heading">
              <div class="panel-title"> Payment Mapping </div>
              <div class="panel-options"> <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a> </div>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <label for="field-1" class="col-sm-2 control-label">Template Name:</label>
                <div class="col-sm-4">
                  <input type="text" class="form-control" name="TemplateName" value="" />
                </div>
              </div>
              <br />
              <br />
              <div class="panel panel-primary" data-collapsed="0">
                <div class="panel-heading">
                  <div class="panel-title"> Payments CSV Importer </div>
                  <div class="panel-options"> <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a> </div>
                </div>
                <div class="panel-body">
                  <div class="form-group">
                    <label for="field-1" class="col-sm-2 control-label">Delimiter:</label>
                    <div class="col-sm-4">
                      <input type="text" class="form-control" name="option[Delimiter]" value="," />
                    </div>
                    <label for="field-1" class="col-sm-2 control-label">Enclosure:</label>
                    <div class="col-sm-4">
                      <input type="text" class="form-control" name="option[Enclosure]" value="" />
                    </div>
                  </div>
                  <div class="form-group"> <br />
                    <br />
                    <label class="col-sm-2 control-label">Escape:</label>
                    <div class="col-sm-4">
                      <input type="text" class="form-control" name="option[Escape]" value="" />
                    </div>
                    <label for="field-1" class="col-sm-2 control-label">First row:</label>
                    <div class="col-sm-4"> <?php echo Form::select('option[Firstrow]', array('columnname'=>'Column Name','data'=>'Data'),'',array("class"=>"select2 small")); ?> </div>
                  </div>
                  <p style="text-align: right;"> <br />
                    <br />
                    <button class="check btn btn-primary btn-sm btn-icon icon-left"> <i class="entypo-floppy"></i> Check </button>
                  </p>
                </div>
              </div>
              <div class="panel panel-primary" data-collapsed="0">
                <div class="panel-heading">
                  <div class="panel-title"> Field Remapping </div>
                  <div class="panel-options"> <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a> </div>
                </div>
                <div class="panel-body" id="mapping">
                  <div class="form-group">
                    <label for="field-1" class="col-sm-2 control-label">Account Name*</label>
                    <div class="col-sm-4"> <?php echo Form::select('selection[AccountName]', array(),'',array("class"=>"select2 small")); ?> </div>
                    <label for="field-1" class="col-sm-2 control-label">Payment Date*</label>
                    <div class="col-sm-4"> <?php echo Form::select('selection[PaymentDate]', array(),'',array("class"=>"select2 small")); ?> </div>
                  </div>
                  <div class="form-group"> <br />
                    <br />
                    <label for="field-1" class="col-sm-2 control-label">Payment Method*</label>
                    <div class="col-sm-4"> <?php echo Form::select('selection[PaymentMethod]', array(),'',array("class"=>"select2 small")); ?> </div>
                    <label for="field-1" class="col-sm-2 control-label">Action*</label>
                    <div class="col-sm-4"> <?php echo Form::select('selection[PaymentType]', array(),'',array("class"=>"select2 small")); ?> </div>
                  </div>
                  <div class="form-group"> <br />
                    <br />
                    <label for="field-1" class="col-sm-2 control-label">Amount*</label>
                    <div class="col-sm-4"> <?php echo Form::select('selection[Amount]', array(),'',array("class"=>"select2 small")); ?> </div>
                    <label for="field-1" class="col-sm-2 control-label">Invoice</label>
                    <div class="col-sm-4"> <?php echo Form::select('selection[InvoiceNo]', array(),'',array("class"=>"select2 small")); ?> </div>
                  </div>
                  <div class="form-group"> <br />
                    <br />
                    <label for="field-1" class="col-sm-2 control-label">Note</label>
                    <div class="col-sm-4"> <?php echo Form::select('selection[Notes]', array(),'',array("class"=>"select2 small")); ?> </div>
                    <label for=" field-1" class="col-sm-2 control-label">Date Format</label>
                    <div class="col-sm-4"> <?php echo Form::select('selection[DateFormat]',Company::$date_format ,'',array("class"=>"select2 small")); ?> </div>
                  </div>
                </div>
              </div>
              <div class="panel panel-primary" data-collapsed="0">
                <div class="panel-heading">
                  <div class="panel-title"> CSV File to be loaded </div>
                  <div class="panel-options"> <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a> </div>
                </div>
                <div class="panel-body">
                  <div id="table-4_processing" class="dataTables_processing hidden">Processing...</div>
                    <div class="dataTables_wrapper">
                      <table class="table table-bordered datatable" id="tablemapping">
                        <thead>
                          <tr> </tr>
                        </thead>
                        <tbody>
                        </tbody>
                      </table>
                    </div>
                </div>
              </div>
              <p style="text-align: right;">
                <input type="hidden" name="PaymentUploadTemplateID" />
                <input type="hidden" name="TemplateFile" value="" />
                <input type="hidden" name="TempFileName" value="" />
                <input type="hidden" name="ProcessID" value="" />
                <button id="payments-upload" type="submit"  class="save btn btn-primary btn-sm btn-icon icon-left" data-loading-text="Loading..."> <i class="entypo-floppy"></i> Save </button>
              </p>
            </div>
          </div>
        </form>
      </div>
    </div>
    <br>
      <div class="row dropdown">
          <div  class="col-md-12">
              <?php if(User::can('Payments','Recall') || User::can('Payments','Add')): ?>
              <div class="input-group-btn pull-right" style="width:70px;">
                  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Action <span class="caret"></span></button>
                  <ul class="dropdown-menu dropdown-menu-left" role="menu" style="background-color: #000; border-color: #000; margin-top:0px;">
                      <?php if(User::can('Payments','Add')): ?>
                      <li class="li_active">
                          <a id="add-new-payment" class="add-cli" type_ad="active" href="javascript:void(0);" >
                              <i class="entypo-plus"></i>
                              <span>Add</span>
                          </a>
                      </li>
                      <?php endif; ?>
                      <?php if(User::can('Payments','Recall')): ?>
                      <li class="tohidden">
                          <a href="javascript:void(0);" class="recall" >
                              <i class="entypo-ccw"></i>
                              <span>Recall</span>
                          </a>
                      </li>
                      <?php endif; ?>
                      <?php if(User::can('Payments','Quickbook Post Payment')): ?>
                          <li class="tohidden">
                              <a href="javascript:void(0);" class="quickbook_post" >
                                  <i class="entypo-direction"></i>
                                  <span>Quickbook Post Payment</span>
                              </a>
                          </li>
                      <?php endif; ?>
                  </ul>
              </div><!-- /btn-group -->
              <?php endif; ?>

              <a href="javascript:;" id="upload-payments" class="btn upload btn-primary pull-right"> <i class="entypo-upload"></i> Upload </a>
          </div>
          <div class="clear"></div>
      </div>
<br>
    <table class="table table-bordered datatable" id="table-4">
        <thead>
        <tr>
            <th width="1%"><input type="checkbox" id="selectall" name="checkbox[]" class="" /></th>
            <th width="10%">Account Name</th>
            <th width="10%">Invoice No</th>
            <th width="9%">Amount</th>
            <th width="8%">Type</th>
            <th width="10%">Payment Date</th>
            <th width="10%">Status</th>
            <th width="10%">CreatedBy</th>
            <th width="10%">Notes</th>
            <th width="15%">Action</th>
        </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
    <script type="text/javascript">
        var toFixed = '<?php echo get_round_decimal_places(); ?>';
	 var currency_signs = <?php echo $currency_ids; ?>;
                var list_fields  = ['PaymentID','AccountName','AccountID','Amount','PaymentType','Currency','PaymentDate','Status','CreatedBy','PaymentProof','InvoiceNo','PaymentMethod','Notes','Recall','RecallReasoan','RecallBy','AmountWithSymbol','CreditCardFee'];
                var $searchFilter = {};
                var update_new_url;
                var postdata;
                jQuery(document).ready(function ($) {

                    $('#filter-button-toggle').show();

                    $searchFilter.AccountID = $("#payment-table-search select[name='AccountID']").val();
                    $searchFilter.InvoiceNo = $("#payment-table-search [name='InvoiceNo']").val();
                    $searchFilter.Status = $("#payment-table-search select[name='Status']").val();
                    $searchFilter.type = $("#payment-table-search select[name='type']").val();
                    $searchFilter.paymentmethod = $("#payment-table-search select[name='paymentmethod']").val();
                    $searchFilter.PaymentDate_StartDate = $("#payment-table-search input[name='PaymentDate_StartDate']").val();
                    $searchFilter.PaymentDate_StartTime = $("#payment-table-search input[name='PaymentDate_StartTime']").val();
                    $searchFilter.PaymentDate_EndDate   = $("#payment-table-search input[name='PaymentDate_EndDate']").val();
                    $searchFilter.PaymentDate_EndTime   = $("#payment-table-search input[name='PaymentDate_EndTime']").val();
                    $searchFilter.CurrencyID 			= $("#payment-table-search select[name='CurrencyID']").val();
                    $searchFilter.tag = $("#payment-table-search [name='tag']").val();
                    if($("#payment-table-search select[name='recall_on_off']")) {
                        $searchFilter.recall_on_off = $("#payment-table-search [name='recall_on_off']").prop("checked");
                    }else{
                        $searchFilter.recall_on_off = 0;
                    }

                    data_table = $("#table-4").dataTable({
                        "bDestroy": true,
                        "bProcessing": true,
                        "bServerSide": true,
                        "sAjaxSource": baseurl + "/payments/ajax_datagrid/type",
                        "fnServerParams": function (aoData) {
                            aoData.push(
                                    {"name": "AccountID", "value": $searchFilter.AccountID},
                                    {"name": "InvoiceNo","value": $searchFilter.InvoiceNo},
                                    {"name": "Status","value": $searchFilter.Status},
                                    {"name": "type","value": $searchFilter.type},
                                    {"name": "paymentmethod","value": $searchFilter.paymentmethod},
                                    {"name": "recall_on_off","value": $searchFilter.recall_on_off},
									{"name": "PaymentDate_StartDate","value": $searchFilter.PaymentDate_StartDate},
									{"name": "PaymentDate_StartTime","value": $searchFilter.PaymentDate_StartTime},
									{"name": "PaymentDate_EndDate","value": $searchFilter.PaymentDate_EndDate},
									{"name": "PaymentDate_EndTime","value": $searchFilter.PaymentDate_EndTime},
									{"name": "CurrencyID","value": $searchFilter.CurrencyID},
									{"name": "tag","value": $searchFilter.tag}

                            );
                            data_table_extra_params.length = 0;
                            data_table_extra_params.push(
                                    {"name": "AccountID", "value": $searchFilter.AccountID},
                                    {"name": "InvoiceNo","value": $searchFilter.InvoiceNo},
                                    {"name": "Status","value": $searchFilter.Status},
                                    {"name": "type","value": $searchFilter.type},
                                    {"name": "paymentmethod","value": $searchFilter.paymentmethod},
                                    {"name": "recall_on_off","value": $searchFilter.recall_on_off},
									{"name": "PaymentDate_StartDate","value": $searchFilter.PaymentDate_StartDate},
									{"name": "PaymentDate_StartTime","value": $searchFilter.PaymentDate_StartTime},
									{"name": "PaymentDate_EndDate","value": $searchFilter.PaymentDate_EndDate},
									{"name": "PaymentDate_EndTime","value": $searchFilter.PaymentDate_EndTime},
									{"name": "CurrencyID","value": $searchFilter.CurrencyID},
									{"name": "tag","value": $searchFilter.tag},
                                    {"name":"Export","value":1}
                            );

                        },
                        "iDisplayLength": parseInt('<?php echo CompanyConfiguration::get('PAGE_SIZE'); ?>'),
                        "sPaginationType": "bootstrap",
                        "sDom": "<'row'<'col-xs-6 col-left '<'#selectcheckbox.col-xs-1'>'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": [[5, 'desc']],
                        "aoColumns": [
                            {
                                "bSortable": false, //Account
                                mRender: function (id, type, full) {
                                    var chackbox = '<div class="checkbox "><input type="checkbox" name="checkbox[]" value="' + full[0] + '" class="rowcheckbox" ></div>';
                                    if($('#Recall_on_off').prop("checked")){
                                        chackbox='';
                                    }
                                    return chackbox;
                                }
                            }, //1   CurrencyDescription
                            {
                                "bSortable": true, //Account
                                mRender: function (id, type, full) {
                                    return full[1]
                                }
                            }, //1   CurrencyDescription
                            {
                                "bSortable": true, //Account
                                mRender: function (id, type, full) {
                                    return full[10]
                                }
                            }, //1   CurrencyDescription
                            {
                                "bSortable": true, //Amount
                                mRender: function (id, type, full) {
                                    var a = parseFloat(Math.round(full[3] * 100) / 100).toFixed(toFixed);
                                    a = a.toString();
                                    return full[16]
                                }
                            },
                            {
                                "bSortable": true, //Type
                                mRender: function (id, type, full) {
                                    return full[4]
                                }
                            },

                            {
                                "bSortable": true, //paymentDate
                                mRender: function (id, type, full) {
                                    return full[6]
                                }
                            },
                            {
                                "bSortable": true, //status
                                mRender: function (id, type, full) {
                                    return full[7]
                                }
                            },
                            {
                                "bSortable": true, //Created by
                                mRender: function (id, type, full) {
                                    return full[8]
                                }
                            },
							{
                                "bSortable": true, //Created by
                                mRender: function (id, type, full) {
                                    return full[12]
                                }
                            },
                            {                       //3  Action

                                "bSortable": false,
                                mRender: function (id, type, full) {
                                    var action, edit_, show_, recall_;
                                    var Approve_Payment = "<?php echo URL::to('payments/{id}/payment_approve_reject/approve'); ?>";
                                    var Reject_Payment = "<?php echo URL::to('payments/{id}/payment_approve_reject/reject'); ?>";
                                    var recall_ = "<?php echo URL::to('payments/{id}/recall'); ?>";
                                    Approve_Payment = Approve_Payment.replace('{id}', full[0]);
                                    Reject_Payment = Reject_Payment.replace('{id}', full[0]);
                                    recall_  = recall_ .replace( '{id}', full[0]);
                                    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>';
                                    action += ' <a data-name = "' + full[0] + '" data-id="' + full[0] + '" title="View" class="view-payment btn btn-default btn-sm"><i class="fa fa-eye"></i></a>';
                                    <?php if(User::is('BillingAdmin') || User::is_admin()): ?>
                                    if(full[7] != "Approved"){
                                        action += ' <div class="btn-group"><button href="#" class="btn generate btn-success btn-sm  dropdown-toggle" data-toggle="dropdown" data-loading-text="Loading...">Approve/Reject <span class="caret"></span></button>'
                                        action += '<ul class="dropdown-menu dropdown-green" role="menu"><li><a href="' + Approve_Payment+ '" class="approvepayment" >Approve</a></li><li><a href="' + Reject_Payment + '" class="rejectpayment">Reject</a></li></ul></div>';
                                    }
                                    <?php endif; ?>

                                    //action += ' <a data-name = "' + full[0] + '" data-id="' + full[0] + '" class="edit-payment btn btn-default btn-sm btn-icon icon-left"><i class="entypo-pencil"></i>Edit </a>';
                                    <?php if(User::checkCategoryPermission('Payments','Recall')) {?>
                                    if(full[13]==0 && full[7]!='Rejected' ){
                                        action += ' <a href="'+recall_+'" data-redirect="<?php echo URL::to('payments'); ?>"  class="btn recall btn-danger btn-sm btn-icon icon-left"><i class="entypo-ccw"></i>Recall </a>';
                                    }
                                    <?php } ?>
                                    if(full[9]!= null){
                                        action += '<span class="col-md-offset-1"><a class="btn btn-success btn-sm btn-icon icon-left"  href="<?php echo URL::to('payments/download_doc'); ?>/'+full[0]+'" title="" ><i class="entypo-down"></i>Download</a></span>'
                                    }
                                    return action;
                                }
                            }
                        ],
                        "oTableTools": {
                            "aButtons": [
                                {
                                    "sExtends": "download",
                                    "sButtonText": "EXCEL",
                                    "sUrl": baseurl + "/payments/ajax_datagrid/xlsx", //baseurl + "/generate_xlsx.php",
                                    sButtonClass: "save-collection"
                                },
                                {
                                    "sExtends": "download",
                                    "sButtonText": "CSV",
                                    "sUrl": baseurl + "/payments/ajax_datagrid/csv", //baseurl + "/generate_csv.php",
                                    sButtonClass: "save-collection"
                                }
                            ]
                        },
                        "fnDrawCallback": function () {
							get_total_grand();
                            $(".dataTables_wrapper select").select2({
                                minimumResultsForSearch: -1
                            });
                            if($('#Recall_on_off').prop("checked")){
                                $('#selectcheckbox').addClass('hidden');
                            }else{
                                $('#selectcheckbox').removeClass('hidden');
                            }
                            $("#table-4 tbody input[type=checkbox]").each(function (i, el) {
                                var $this = $(el),
                                        $p = $this.closest('tr');

                                $(el).on('change', function () {
                                    var is_checked = $this.is(':checked');

                                    $p[is_checked ? 'addClass' : 'removeClass']('selected');
                                });
                            });

                            $('.tohidden').removeClass('hidden');
                            $('#selectall').removeClass('hidden');
                            if($('#Recall_on_off').prop("checked")){
                                $('.tohidden').addClass('hidden');
                                $('#selectall').addClass('hidden');
                            }
                            //select all record
                            $('#selectallbutton').click(function(){
                                if($('#selectallbutton').is(':checked')){
                                    checked = 'checked=checked disabled';
                                    $("#selectall").prop("checked", true).prop('disabled', true);
                                    $('#table-4 tbody tr').each(function (i, el) {
                                        $(this).find('.rowcheckbox').prop("checked", true).prop('disabled', true);
                                        $(this).addClass('selected');
                                    });
                                }else{
                                    checked = '';
                                    $("#selectall").prop("checked", false).prop('disabled', false);
                                    $('#table-4 tbody tr').each(function (i, el) {
                                        $(this).find('.rowcheckbox').prop("checked", false).prop('disabled', false);
                                        $(this).removeClass('selected');
                                    });
                                }
                            });
                        }

                    });
                    $("#selectcheckbox").append('<input type="checkbox" id="selectallbutton" name="checkboxselect[]" class="" title="Select All Found Records" />');
                    // Replace Checboxes
                    $(".pagination a").click(function (ev) {
                        replaceCheckboxes();
                    });

                    $('#upload-payments').click(function(ev){
                        ev.preventDefault();
                        $('#upload-modal-payments').modal('show');
                    });


                    $('table tbody').on('click', '.view-payment', function (ev) {
                        ev.preventDefault();
                        ev.stopPropagation();
                        var self = $(this);
                        setSelection(self);
                        $('#view-modal-payment').trigger("reset");
                        var cur_obj = self.prev("div.hiddenRowData");
                        for(var i = 0 ; i< list_fields.length; i++){							
                            if(list_fields[i] == 'AmountWithSymbol'){
                                $("#view-modal-payment [name='Amount']").text(cur_obj.find("input[name='AmountWithSymbol']").val());
                            }else if(list_fields[i] == 'Currency'){ 							
							var currency_sign_show = currency_signs[cur_obj.find("input[name='" + list_fields[i] + "']").val()];
								if(currency_sign_show!='Select a Currency'){								
									$("#view-modal-payment [name='" + list_fields[i] + "']").text(currency_sign_show);	
								 }else{
									 $("#view-modal-payment [name='" + list_fields[i] + "']").text("Currency Not Found");	
									 }
							}else {
                                $("#view-modal-payment [name='" + list_fields[i] + "']").text(cur_obj.find("input[name='" + list_fields[i] + "']").val());
                            }
                        }

                        $('#view-modal-payment h4').html('View Payment');
                        $('#view-modal-payment').modal('show');
                    });

                    $('table tbody').on('click', '.edit-payment', function (ev) {
                        ev.preventDefault();
                        ev.stopPropagation();

                        var cur_obj = $(this).siblings("div.hiddenRowData");
                        var select = ['AccountID','PaymentMethod','PaymentType'];
                        for(var i = 0 ; i< list_fields.length; i++){
                            if(select.indexOf(list_fields[i])!=-1){
                                $("#add-edit-payment-form [name='"+list_fields[i]+"']").val(cur_obj.find("input[name='"+list_fields[i]+"']").val()).trigger("change");
                            }else if(list_fields[i] == 'PaymentProof'){

                            }else{
                                $("#add-edit-payment-form [name='"+list_fields[i]+"']").val(cur_obj.find("input[name='"+list_fields[i]+"']").val());
                            }
                        }

                        $('#add-edit-modal-payment h4').html('Edit Payment');
                        $('#add-edit-modal-payment').modal('show');
                    });

                    $('body').on('click', '.btn.recall,.recall', function (e) {
                        e.preventDefault();
                        e.stopPropagation();
                        var self = $(this);
                        var PaymentIDs =[];
                        $('#recall-payment-form').trigger("reset");
                        if(self.hasClass('btn')){
                            setSelection(self);
                            var tr = self.parents('tr');
                            var ID = tr.find('.rowcheckbox:checked').val();
                            PaymentIDs[0] = ID;

                        }else{
                            PaymentIDs = getselectedIDs();
                        }
                        $('#recall-payment-form [name="PaymentIDs"]').val(PaymentIDs);
                        $('#recall-modal-payment').modal('show');

                    });

                    $('body').on('click', '.btn.quickbook_post,.quickbook_post', function (e) {
                        e.preventDefault();
                        e.stopPropagation();
                        var self = $(this);
                        var PaymentIDs =[];
                        if (!confirm('Are you sure you want to post in quickbook selected invoices?')) {
                            return;
                        }

                        if(self.hasClass('btn')){
                            setSelection(self);
                            var tr = self.parents('tr');
                            var ID = tr.find('.rowcheckbox:checked').val();
                            PaymentIDs[0] = ID;

                        }else{
                            PaymentIDs = getselectedIDs();
                        }
                        //alert(PaymentIDs);return false;
                        if (PaymentIDs.length) {
                            submit_ajax(baseurl + '/payments/payments_quickbookpost', 'PaymentIDs=' + PaymentIDs)
                        }

                    });

                    $('#recall-payment-form').submit(function(e){
                        e.preventDefault();
                        var SelectedIDs 		  =  $('#recall-payment-form [name="PaymentIDs"]').val();
                        var criteria_ac			  =  '';

                        if($('#selectallbutton').is(':checked')){
                            criteria_ac = 'criteria';
                            $('#recall-payment-form [name="criteria"]').val(JSON.stringify($searchFilter));
                        }else{
                            criteria_ac = 'selected';
                            $('#recall-payment-form [name="criteria"]').val('');
                        }

                        if(SelectedIDs=='' && criteria_ac=='selected')
                        {
                            alert("Please select atleast one account.");
                            $("#payment-recall").button('reset');
                            return false;
                        }
                        var formData = new FormData($('#recall-payment-form')[0]);
                        $.ajax({
                            url: $(this).attr("action"),
                            type: 'POST',
                            dataType: 'json',
                            success: function (response) {
                                $(".btn.save").button('reset');
                                if (response.status == 'success') {
                                    toastr.success(response.message, "Success", toastr_opts);
                                    $('#recall-modal-payment').modal('hide');
                                    $('#selectallbutton').prop('checked',false);
                                    data_table.fnFilter('', 0);
                                } else {
                                    toastr.error(response.message, "Error", toastr_opts);
                                }
                            },
                            // Form data
                            data: formData,
                            cache: false,
                            contentType: false,
                            processData: false
                        });
                    });

                    $("#payment-status-form").submit(function(e){
                        e.preventDefault();
                        submit_ajax($(this).find("input[name='URL']").val(),$(this).serialize());
                    });

                    $("#payments-upload").click(function(e){
                        e.preventDefault();
                        var url = '<?php echo URL::to('payments/upload/validate_column_mapping'); ?>';  // 0 Validate maping
                        var formData = new FormData($('#add-template-form')[0]);

                        $.ajax({
                            url:url, //Server script to process data
                            type: 'POST',
                            dataType: 'json',
                            beforeSend: function(){
                                $('.btn.save').button('loading');
                            },
                            success: function(response) {
                                $(".btn.save").button('reset');
                                if( typeof response.ProcessID != 'undefined'){
                                    var ProcessID = response.ProcessID;
                                }else {
                                    if( typeof response.message != 'undefined'){
                                        toastr.error(response.message, "Error", toastr_opts);
                                        return;
                                    }else{
                                        toastr.error("Problem inserting Payment, Try Again.", "Error", toastr_opts);
                                        return;
                                    }
                                }
                                if (response.status == 'success') {
                                    if(response.message) {
                                        $('#confirm-modal-payment h4').text('Confirm Payment');
                                        message = response.message.replace(new RegExp('\r\n', 'g'), '<br>');
                                        $('#add-template').find('[name="ProcessID"]').val(ProcessID);
                                        $('#confirm-modal-payment').modal('show');
                                        $('#confirm-payment-form .warnings').html(message);
                                    }else{
                                        $('#add-template').find('[name="ProcessID"]').val(ProcessID);
                                        $("#confirm-payments").click();
                                    }

                                } else {

                                    $('#confirm-modal-payment h4').text('File validation');
                                    message = '<b>Warnings</b><br/>'+ response.message.replace(new RegExp('\r\n', 'g'), '<br>');
                                    $('#add-template').find('[name="ProcessID"]').val(ProcessID);
                                    if(!response.confirmshow){
                                        $('#confirm-payments').addClass('hidden');
                                    }
                                    $('#confirm-modal-payment').modal('show');
                                    $('#confirm-payment-form .warnings').html(message);

                                }
                            },
                            data: formData,
                            //Options to tell jQuery not to process data or worry about content-type.
                            cache: false,
                            contentType: false,
                            processData: false
                        });
                    });


                    $("#confirm-payments").click(function(e){
                        e.preventDefault();
                        var url = '<?php echo URL::to('payments/upload/confirm_bulk_upload'); ?>';  // Confirm Upload Payment.

                        var formData = new FormData($('#add-template-form')[0]);
                        $.ajax({
                            url:url, //Server script to process data
                            type: 'POST',
                            dataType: 'json',
                            beforeSend: function(){
                                $('.btn.save').button('loading');
                            },
                            success: function(response) {
                                $(".btn.save").button('reset');
                                if (response.status == 'success') {
                                    $('#confirm-modal-payment').modal('hide');
                                    toastr.success(response.message, "Success", toastr_opts);
                                    location.reload();
                                } else {
                                    var message;
                                    if( response.messagestatus == 'Error' ){   // Column maping - File validation

                                        $('#confirm-payments').addClass('hidden');
                                        $('#confirm-modal-payment h4').text('Confirm Payment');
                                        message = '<b>Warnings</b><br/>' + response.message.replace(new RegExp('\n\r', 'g'), '<br>');
                                        var ProcessID = response.ProcessID;
                                        $('#add-template').find('[name="ProcessID"]').val(ProcessID);
                                        $('#confirm-modal-payment').modal('show');
                                        $('#confirm-payment-form [name="warnings"]').html(message);

                                    }else if(response.messagestatus == 'Success' ){   //
                                        $('#confirm-modal-payment').modal('hide');
                                    }else{                                      // Error
                                        toastr.error(response.message, "Error", toastr_opts);
                                    }
                                }
                            },
                            data: formData,
                            //Options to tell jQuery not to process data or worry about content-type.
                            cache: false,
                            contentType: false,
                            processData: false
                        });
                    });

                    $('#confirm-modal-payment').on('hidden.bs.modal', function(event){
                        $('#confirm-payments').removeClass('hidden');
                    });

                    $('.btn.check').click(function(e){
                        e.preventDefault();
                        $('#table-4_processing').removeClass('hidden');
                        var formData = new FormData($('#add-template-form')[0]);
                        $.ajax({
                            url:'<?php echo URL::to('payments/ajaxfilegrid'); ?>',
                            type: 'POST',
                            dataType: 'json',
                            beforeSend: function(){
                                $('.btn.check').button('loading');
                            },
                            success: function(response) {
                                $('.btn.check').button('reset');
                                if (response.status == 'success') {
                                    var data = response.data;
                                    createGrid(data);
                                } else {
                                    toastr.error(response.message, "Error", toastr_opts);
                                }
                                $('#table-4_processing').addClass('hidden');
                            },
                            data: formData,
                            cache: false,
                            contentType: false,
                            processData: false
                        });
                    });

                    $('table tbody').on('click', '.approvepayment , .rejectpayment', function (e) {
                        e.preventDefault();
                        e.stopPropagation();
                        var self = $(this);
                        setSelection(self);
                        var text = (self.hasClass("approvepayment")?'Approve':'Reject');
                        if (!confirm('Are you sure you want to '+ text +' the payment?')) {
                            return;
                        }
                        $("#payment-status-form").find("input[name='Notes']").val('');
                        $("#payment-status-form").find("input[name='URL']").val($(this).attr('href'));
                        $("#payment-status").modal('show', {backdrop: 'static'});
                        return false;
                    });

                    $("#add-edit-payment-form [name='AccountID']").change(function(){

                        $("#add-edit-payment-form [name='AccountName']").val( $("#add-edit-payment-form [name='AccountID'] option:selected").text());

                        var AccountID = $("#add-edit-payment-form [name='AccountID'] option:selected").val()

                        if(AccountID > 0 ) {
                            var url = baseurl + '/payments/get_currency_invoice_numbers/'+AccountID;
                            $.get(url, function (response) {

                                console.log(response);
                                if( typeof response.status != 'undefined' && response.status == 'success'){

                                    $("#currency").text('(' + response.Currency_Symbol + ')');

                                    var InvoiceNumbers = response.InvoiceNumbers;
                                    $('input[name=InvoiceNo]').typeahead({
                                        //source: InvoiceNumbers,
                                        local: InvoiceNumbers

                                    });

                                }

                            });

                        }
                    });
                    $("#add-edit-payment-form [name='CreditCardFee']").change(function() {
                        $("#add-edit-payment-form [name='Amount']").change();
                    });
                    $("#add-edit-payment-form [name='CreditCardFeeType']").change(function() {
                        $("#add-edit-payment-form [name='Amount']").change();
                    });
                    $("#add-edit-payment-form [name='Amount']").change(function(){
                        var Amount = $("#add-edit-payment-form [name='Amount']").val();
                        var CreditCardFee = $("#add-edit-payment-form [name='CreditCardFee']").val();
                        var CreditCardFeeType = $("#add-edit-payment-form [name='CreditCardFeeType'] option:selected").val();
                        var TotalCreditCardFee = 0;
                        if(CreditCardFeeType=='Percentage'){
                            TotalCreditCardFee = (CreditCardFee * Amount)/100;
                        }else{
                            TotalCreditCardFee = CreditCardFee;
                        }
                        $("#add-edit-payment-form [name='TotalCreditCardFee']").val(TotalCreditCardFee);
                    });

                    $('#add-new-payment').click(function (ev) {
                        ev.preventDefault();
                        $('#add-edit-payment-form').trigger("reset");
                        $("#add-edit-payment-form [name='AccountID']").select2().select2('val','');
                        $("#add-edit-payment-form [name='PaymentMethod']").val('').trigger("change");
                        $("#add-edit-payment-form [name='PaymentType']").val('').trigger("change");
                        $("#add-edit-payment-form [name='PaymentID']").val('')
                        $('#add-edit-modal-payment h4').html('Add New Payment');
                        $('.file-input-name').text('');
                        $('#add-edit-modal-payment').modal('show');
                    });

                    $(document).on('click', '#table-4 tbody tr', function() {
                        $(this).toggleClass('selected');
                        if($(this).is('tr')) {
                            if ($(this).hasClass('selected')) {
                                $(this).find('.rowcheckbox').prop("checked", true);
                            } else {
                                $(this).find('.rowcheckbox').prop("checked", false);
                            }
                        }
                    });

                    $('#selectall').click(function(){
                        if($(this).is(':checked')){
                            checked = 'checked=checked';
                            $(this).prop("checked", true);
                            $(this).parents('table').find('tbody tr').each(function (i, el) {
                                $(this).find('.rowcheckbox').prop("checked", true);
                                $(this).addClass('selected');
                            });
                        }else{
                            checked = '';
                            $(this).prop("checked", false);
                            $(this).parents('table').find('tbody tr').each(function (i, el) {
                                $(this).find('.rowcheckbox').prop("checked", false);
                                $(this).removeClass('selected');
                            });
                        }
                    });


                    $('#add-edit-payment-form').submit(function(e){
                        e.preventDefault();
                        var PaymentID = $("#add-edit-payment-form [name='PaymentID']").val();
                        if( typeof PaymentID != 'undefined' && PaymentID != ''){
                            update_new_url = baseurl + '/payments/'+PaymentID+'/update';
                        }else{
                            update_new_url = baseurl + '/payments/create';
                        }
                        ajax_Add_update(update_new_url);
                    });
                    //$("#payment-table-search").submit();

                    $("#form-upload").submit(function (e) {
                        e.preventDefault();
                        //if($('#form-upload').find('select[name="uploadtemplate"]').val()>0){
                        //$("#form-upload").submit();
                        //}else{
                        var PaymentUploadTemplateID = $(this).find('[name="PaymentUploadTemplateID"]').val();
                        $('#add-template').find('[name="PaymentUploadTemplateID"]').val(PaymentUploadTemplateID);
                        var formData = new FormData($('#form-upload')[0]);
                        show_loading_bar(0);
                        $.ajax({
                            url:  '<?php echo URL::to('payments/check_upload'); ?>',  //Server script to process data
                            type: 'POST',
                            dataType: 'json',
                            beforeSend: function(){
                                $('.btn.upload').button('loading');
                                show_loading_bar({
                                    pct: 50,
                                    delay: 5
                                });

                            },
                            afterSend: function(){
                                console.log("Afer Send");
                            },
                            success: function (response) {
                                show_loading_bar({
                                    pct: 100,
                                    delay: 2
                                });

                                if (response.status == 'success') {
                                    $('#upload-modal-payments').modal('hide');
                                    var data = response.data;
                                    createGrid(data);
                                    $('#add-template').removeClass('hidden');
                                    var scrollTo = $('#add-template').offset().top;
                                    $('html, body').animate({scrollTop:scrollTo}, 1000);
                                } else {
                                    toastr.error(response.message, "Error", toastr_opts);
                                }
                                //alert(response.message);
                                $('.btn.upload').button('reset');
                            },
                            // Form data
                            data: formData,
                            //Options to tell jQuery not to process data or worry about content-type.
                            cache: false,
                            contentType: false,
                            processData: false
                        });
                        //}
                    });

                    $('#Account_ID').change(function() {
                        $('#PaymentMethod').change();
                    });

                    $('#PaymentMethod').on('change', function() {
                        if(this.value == 'CREDIT CARD'){
                            $('#CreditCardFeecheck').show();
                            $('#CreditCardFeeTypecheck').show();
                            $('#TotalCreditCardFeecheck').show();
                        }else{
                            $('#CreditCardFeecheck').hide();
                            $('#CreditCardFeeTypecheck').hide();
                            $('#TotalCreditCardFeecheck').hide();
                        }

                        if(this.value == 'CREDIT NOTE')
                        {
                            var formData = new FormData($('#add-edit-payment-form')[0]);
                            $.ajax({
                                url:'<?php echo URL::to('payments/getcreditnotes'); ?>',
                                type: 'POST',
                                dataType: 'json',
                                success: function(response) {
                                    //alert(JSON.stringify(response.data));
                                    if (response.status == 'success') {
                                        var data = response.data;
                                        var options = '<option value="">Select Credit Note</option>';
                                        Object.keys(data).forEach(function(key) {
                                            var total = data[key].GrandTotal - data[key].PaidAmount;
                                            if(total != 0)
                                            {
                                                options += '<option value='+data[key].CreditNotesID+'>No.' +data[key].CreditNotesNumber+' - '+ total.toFixed(2)+'</option>';
                                            }
                                        });
                                        $("#CreditNotesList").select2("destroy").select2();
                                        $('#CreditNotesList').html(options);
                                        $('#creditnotebox').removeClass('hidden');
                                    } else {
                                        toastr.error(response.message, "Credit Note Not Available For this Account", toastr_opts);
                                    }
                                    //$('#table-4_processing').addClass('hidden');
                                },
                                data: formData,
                                cache: false,
                                contentType: false,
                                processData: false
                            });
                        }
                        else{
                            $('#creditnotebox').addClass('hidden');
                        }
                    });

                    $('#CreditNotesList').on('click', function() {
                        var id = $('#CreditNotesList option:selected').val();
                        if(id != "")
                            $('input[name="Amount"]').val($('#CreditNotesList option:selected').text());
                        else
                            $('input[name="Amount"]').val("");
                    });

                    function createGrid(data){
                        var tr = $('#tablemapping thead tr');
                        var body = $('#tablemapping tbody');
                        tr.empty();
                        body.empty();
                        $.each( data.columns, function( key, value ) {
                            tr.append('<th>'+value+'</th>');
                        });

                        $.each( data.rows, function(key, row) {
                            var tr = '<tr>';
                            $.each( row, function(key, item) {
                                if(typeof item == 'object' && item != null ){
                                    tr+='<td>'+item.date+'</td>';
                                }else{
                                    tr+='<td>'+(!item?'':item)+'</td>';
                                }
                            });
                            tr += '</tr>';
                            body.append(tr);
                        });
                        $("#mapping select").each(function(i, el){
                            if(el.name !='selection[DateFormat]'){
                                var self = $('#add-template-form [name="'+el.name+'"]');
                                rebuildSelect2(self,data.columns,'Skip loading');
                            }
                        });
                        if ( data.PaymentUploadTemplate ) {
                            $.each( data.PaymentUploadTemplate, function( optionskey, option_value ) {
                                if(optionskey == 'Title'){
                                    $('#add-template-form').find('[name="TemplateName"]').val(option_value)
                                }
                                if(optionskey == 'Options'){
                                    $.each( option_value.option, function( key, value ) {

                                        if(typeof $("#add-template-form [name='option["+key+"]']").val() != 'undefined'){
                                            $('#add-template-form').find('[name="option['+key+']"]').val(value)
                                            if(key == 'Firstrow'){
                                                $("#add-template-form [name='option["+key+"]']").val(value).trigger("change");
                                            }
                                        }

                                    });
                                    $.each( option_value.selection, function( key, value ) {
                                        if(typeof $("#add-template-form input[name='selection["+key+"]']").val() != 'undefined'){
                                            $('#add-template-form').find('input[name="selection['+key+']"]').val(value)
                                        }else if(typeof $("#add-template-form select[name='selection["+key+"]']").val() != 'undefined'){
                                            $("#add-template-form [name='selection["+key+"]']").val(value).trigger("change");
                                        }
                                    });
                                }
                            });
                        }

                        $('#add-template-form').find('[name="TemplateFile"]').val(data.filename);
                        $('#add-template-form').find('[name="TempFileName"]').val(data.tempfilename);
                    }
					
			function get_total_grand()
			{
				$('.total_ajax').remove();
			 $.ajax({
					url: baseurl + "/payments/ajax_datagrid_total",
					type: 'GET',
					dataType: 'json',
					data:{
				"AccountID":$("#payment-table-search select[name='AccountID']").val(),
				"InvoiceNo":$("#payment-table-search input[name='InvoiceNo']").val(),
				"Status":$("#payment-table-search select[name='Status']").val(),
				"type":$("#payment-table-search select[name='type']").val(),				
				"paymentmethod":$("#payment-table-search select[name='paymentmethod']").val(),
				"PaymentDate_StartDate":$("#payment-table-search input[name='PaymentDate_StartDate']").val(),
				"PaymentDate_StartTime":$("#payment-table-search input[name='PaymentDate_StartTime']").val(),
				"PaymentDate_EndDate":$("#payment-table-search input[name='PaymentDate_EndDate']").val(),
				"PaymentDate_EndTime":$("#payment-table-search input[name='PaymentDate_EndTime']").val(),
				"CurrencyID":$("#payment-table-search select[name='CurrencyID']").val(),	
				"tag":$("#payment-table-search select[name='tag']").val(),
				"recall_on_off":$searchFilter.recall_on_off = $("#payment-table-search [name='recall_on_off']").prop("checked"),
				"bDestroy": true,
				"bProcessing":true,
				"bServerSide":true,
				"sAjaxSource": baseurl + "/payments/ajax_datagrid_total",
				"iDisplayLength": parseInt('<?php echo CompanyConfiguration::get('PAGE_SIZE'); ?>'),
				"sPaginationType": "bootstrap",
				/*"sDom": "<'row'<'col-xs-6 col-left '<'#selectcheckbox.col-xs-1'>'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": [[4, 'desc']]},
					success: function(response1) {
						console.log("sum of result"+response1);

                        if(response1.total_grand!=null) {
                            $('#table-4 tbody').append('<tr class="total_ajax"><td colspan="3"><strong>Total</strong></td><td><strong>'+response1.total_grand+'</strong></td><td colspan="6"></td></tr>');
                        }
						
	
						}
				});	
		}
                    if (isxs()) {
                        $('#paymentsearch').find('.col-sm-2,.col-sm-1').each(function () {
                            $(this).removeClass('col-sm-e2');
                            $(this).removeClass('small-date-input');
                            $(this).removeAttr('style');

                        });
                    }

                    $('[name="Status"]').on('select2-open', function() {
                        $('.select2-results .select2-add').on('click', function(e) {
                            e.stopPropagation();
                        });
                    });

                    $("#payment-table-search").submit(function(e) {
                        e.preventDefault();
                        public_vars.$body = $("body");
                        //show_loading_bar(40);
                        $searchFilter.AccountID = $("#payment-table-search select[name='AccountID']").val();
                        $searchFilter.InvoiceNo = $("#payment-table-search [name='InvoiceNo']").val();
                        $searchFilter.Status = $("#payment-table-search select[name='Status']").val();
                        $searchFilter.type = $("#payment-table-search select[name='type']").val();
                        $searchFilter.paymentmethod = $("#payment-table-search select[name='paymentmethod']").val();
                        $searchFilter.PaymentDate_StartDate = $("#payment-table-search input[name='PaymentDate_StartDate']").val();
                        $searchFilter.PaymentDate_StartTime = $("#payment-table-search input[name='PaymentDate_StartTime']").val();
                        $searchFilter.PaymentDate_EndDate   = $("#payment-table-search input[name='PaymentDate_EndDate']").val();
                        $searchFilter.PaymentDate_EndTime   = $("#payment-table-search input[name='PaymentDate_EndTime']").val();
                        $searchFilter.CurrencyID 			= $("#payment-table-search select[name='CurrencyID']").val();
                        $searchFilter.tag 			= $("#payment-table-search input[name='tag']").val();
                        if($("#payment-table-search select[name='recall_on_off']")) {
                            $searchFilter.recall_on_off = $("#payment-table-search [name='recall_on_off']").prop("checked");
                        }else{
                            $searchFilter.recall_on_off = 0;
                        }
                        data_table.fnFilter('', 0);
                        return false;
                    });


                });

                function ajax_Add_update(fullurl){
                    var data = new FormData($('#add-edit-payment-form')[0]);
                    //show_loading_bar(0);

                    $.ajax({
                        url:fullurl, //Server script to process data
                        type: 'POST',
                        dataType: 'json',
                        beforeSend: function(){
                            /*$('.btn.upload').button('loading');
                             show_loading_bar({
                             pct: 50,
                             delay: 5
                             });*/

                        },
                        afterSend: function(){
                            console.log("Afer Send");
                        },

                        success: function(response) {
                            $("#payment-update").button('reset');
                            $('#modal-payment').modal('hide');

                            if (response.status == 'success') {
                                $('#add-edit-modal-payment').modal('hide');
                                toastr.success(response.message, "Success", toastr_opts);
                                if( typeof data_table !=  'undefined'){
                                    data_table.fnFilter('', 0);
                                }
                            } else {
                                toastr.error(response.message, "Error", toastr_opts);
                            }
                            $('.btn.upload').button('reset');
                        },
                        complete:function(){
                            $(".btn").button('reset');
                        },
                        data: data,
                        //Options to tell jQuery not to process data or worry about content-type.
                        cache: false,
                        contentType: false,
                        processData: false
                    });
                    var $label = $('#add-edit-payment-form [for="PaymentProof"]');
                    $label.parents('.form-group').find('a,span').remove();
                    $label.parents('.form-group').find('div').append('<input id="PaymentProof" name="PaymentProof" type="file" class="form-control file2 inline btn btn-primary" data-label="<i class=\'glyphicon glyphicon-circle-arrow-up\'></i>&nbsp;   Browse" />');
                    var $this = $('#PaymentProof');
                    var label = attrDefault($this, 'label', 'Browse');
                    $this.bootstrapFileInput(label);
                }
                // Replace Checboxes
                $(".pagination a").click(function (ev) {
                    replaceCheckboxes();
                });

        function getselectedIDs(){
            var SelectedIDs = [];
            $('#table-4 tr .rowcheckbox:checked').each(function (i, el) {
                var accountIDs = $(this).val().trim();
                SelectedIDs[i++] = accountIDs;
            });
            return SelectedIDs;
        }

            </script>
    <style>
                .dataTables_filter label{
                    display:none !important;
                }
                .dataTables_wrapper .export-data{
                    right: 30px !important;
                }
            </style>
    <?php echo $__env->make('includes.errors', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <?php echo $__env->make('includes.success', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('footer_ext'); ?>
    @parent
<div class="modal fade" id="add-edit-modal-payment">
  <div class="modal-dialog">
    <div class="modal-content">
    <form id="add-edit-payment-form" method="post">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Add New payment Request</h4>
      </div>
      <div class="modal-body">
          <div class="row">
            <div class="col-md-12">
            <div class="form-group">
              <label for="field-5" class="control-label">Account Name * <span id="currency"></span></label>
              <?php echo Form::select('AccountID', $accounts, '', array("class"=>"select2","id"=>"Account_ID","data-allow-clear"=>"true","data-placeholder"=>"Select Account")); ?>

              <input type="hidden" name="AccountName" />
            </div>
          </div>
          </div>
          <div class="row">
            <div class="col-md-12">
            <div class="form-group">
              <label for="field-5" class="control-label">Payment Date *</label>
              <input type="text" name="PaymentDate" class="form-control datepicker" data-date-format="yyyy-mm-dd" id="field-5" placeholder="">
            </div>
          </div>
          </div>
          <div class="row">
            <div class="col-md-12">
            <div class="form-group">
              <label for="field-5" class="control-label">Payment Method *</label>
              <?php echo Form::select('PaymentMethod', Payment::$method, '', array("class"=>"select2 small","id"=>"PaymentMethod")); ?> </div>
          </div>
          </div>
          <div class="row hidden" id="creditnotebox">
              <div class="col-md-12">
                  <div class="form-group">
                      <label for="field-5" class="control-label">Credit Notes *</label>
                      <?php echo Form::select('CreditNotesList', ['' => 'Select Credit Note'] , '', array("class"=>"select2 small","id"=>"CreditNotesList")); ?> </div>
              </div>
          </div>
          <div class="row">
            <div class="col-md-12">
            <div class="form-group">
              <label for="field-5" class="control-label">Action *</label>
              <?php echo Form::select('PaymentType', Payment::$action, '', array("class"=>"select2 small","id"=>"PaymentTypeAuto")); ?> </div>
          </div>
          </div>
          <div class="row" id="CreditCardFeecheck">
              <div class="col-md-12">
                  <div class="form-group">
                      <label for="field-5" class="control-label">Credit Card Fee</label>
                      <input type="text" id="CreditCardFee" name="CreditCardFee" class="form-control" id="field-5" placeholder="">
                  </div>
              </div>
          </div>
          <div class="row" id="CreditCardFeeTypecheck">
              <div class="col-md-12">
                  <div class="form-group">
                      <label for="field-5" class="control-label">Credit Card Fee Type</label>
                      <?php echo Form::select('CreditCardFeeType', array('Percentage' => 'Percentage','Flat' => 'Flat') ,'', array("class"=>"select2 small","id"=>"CreditCardFeeType")); ?>

                  </div>
              </div>
          </div>
          <div class="row">
            <div class="col-md-12">
            <div class="form-group">
              <label for="field-5" class="control-label">Amount *</label>
              <input type="text" name="Amount" class="form-control" id="field-5" placeholder="">
              <input type="hidden" name="PaymentID" >
              <input type="hidden" name="Currency" >
            </div>
          </div>
          </div>
          <div class="row" id="TotalCreditCardFeecheck">
              <div class="col-md-12">
                  <div class="form-group">
                      <label for="field-5" class="control-label">Total Credit Card Fee</label>
                      <input type="text" id="TotalCreditCardFee" name="TotalCreditCardFee" class="form-control" id="field-5" placeholder="">
                  </div>
              </div>
          </div>
          <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label for="field-5" class="control-label">Invoice</label>
              <input type="text" id="InvoiceAuto" name="InvoiceNo" class="form-control" id="field-5" placeholder="">
            </div>
          </div>
          </div>
          <div class="row">
            <div class="col-md-12">
            <div class="form-group">
              <label for="field-5" class="control-label">Notes</label>
              <textarea name="Notes" class="form-control" id="field-5" placeholder=""></textarea>
              <input type="hidden" name="PaymentID" >
            </div>
          </div>
          </div>
          <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label for="PaymentProof" class="control-label">Upload (.pdf, .jpg, .png, .gif)</label>
                <div class="clear clearfix"></div>
                <input id="PaymentProof" name="PaymentProof" type="file" class="form-control file2 inline btn btn-primary" data-label="
                        <i class='glyphicon glyphicon-circle-arrow-up'></i>&nbsp;   Browse" />
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="submit" id="payment-update"  class="save btn btn-primary btn-sm btn-icon icon-left" data-loading-text="Loading..."> <i class="entypo-floppy"></i> Save </button>
        <button  type="button" class="btn btn-danger btn-sm btn-icon icon-left" data-dismiss="modal"> <i class="entypo-cancel"></i> Close </button>
      </div>
    </form>
    </div>
  </div>
</div>
<div class="modal fade" id="view-modal-payment">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">View Payment</h4>
      </div>
      <div class="modal-body">
          <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label for="field-5" class="control-label text-left bold">Account Name</label>
              <div name="AccountName"></div>
            </div>
          </div>
          </div>
          <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label for="field-5" class="control-label text-left bold">Currency</label>
              <div name="Currency"></div>
            </div>
          </div>
          </div>
          <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label for="field-5" class="control-label text-left bold">Invoice</label>
              <div name="InvoiceNo"></div>
            </div>
          </div>
          </div>
          <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label for="field-5" class="control-label text-left bold">Payment Date</label>
              <div name="PaymentDate"></div>
            </div>
          </div>
          </div>
          <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label for="field-5" class="control-label text-left bold">Payment Method</label>
              <div name="PaymentMethod"></div>
            </div>
          </div>
          </div>
          <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label for="field-5" class="control-label text-left bold">Action</label>
              <div name="PaymentType"></div>
            </div>
          </div>
          </div>
          <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label for="field-5" class="control-label text-left bold">Amount</label>
              <div name="Amount"></div>
              <input type="hidden" name="PaymentID" >
            </div>
          </div>
          </div>
          <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label for="field-5" class="control-label text-left bold">Notes</label>
              <div name="Notes"></div>
            </div>
          </div>
          </div>
          <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label for="field-5" class="control-label text-left bold">Recall Reason</label>
              <div name="RecallReasoan"></div>
            </div>
          </div>
          </div>
          <div class="row">
              <div class="col-md-12">
                <div class="form-group">
                  <label for="field-5" class="control-label text-left bold">Recall By</label>
                  <div name="RecallBy"></div>
                </div>
              </div>
        </div>
        <div class="row">
         <div class="col-md-12">
              <div class="form-group">
                  <label for="field-5" class="control-label text-left bold">Credit Card Fee</label>
                  <div name="CreditCardFee"></div>
              </div>
         </div>
      </div>
      </div>
    </div>
  </div>
</div>
<div class="modal fade in" id="payment-status">
  <div class="modal-dialog">
    <div class="modal-content">
      <form id="payment-status-form" method="post">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Payment Notes</h4>
        </div>
        <div class="modal-body">
          <div id="text-boxes" class="row">
            <div class="col-md-12">
              <div class="form-group">
                <label for="field-5" class="control-label">Notes</label>
                <input type="text" name="Notes" class="form-control"  value="" />
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="submit" id="payment-status" class="btn btn-primary print btn-sm btn-icon icon-left" data-loading-text="Loading...">
          <i class="entypo-floppy"></i>
          <input type="hidden" name="URL" value="">
          Save
          </button>
          <button  type="button" class="btn btn-danger btn-sm btn-icon icon-left" data-dismiss="modal"> <i class="entypo-cancel"></i> Close </button>
        </div>
      </form>
    </div>
  </div>
</div>
<div class="modal fade" id="modal-fileformat">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Payment File Format</h4>
      </div>
      <div class="modal-body">
        <p>All columns are mandatory except Invoice and Note and the first line should have the column headings.</p>
        <table class="table responsive">
          <thead>
            <tr>
              <th class="hide_country">Account Name</th>
              <th>Payment Date</th>
              <th>Payment Method</th>
              <th>Action</th>
              <th>Amount</th>
              <th>Invoice(opt)</th>
              <th>Note(opt)</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="hide_country">abc</td>
              <td>2013-05-21</td>
              <td><span data-original-title="Payment Method" data-content="CASH, PAYPAL, CHEQUE, CREDIT CARD, BANK TRANSFER" data-placement="top" data-trigger="hover" data-toggle="popover" class="label label-info popover-primary">?</span></td>
              <td>Payment In</td>
              <td>500.00</td>
              <td>INV-1</td>
              <td>NOTE</td>
            </tr>
            <tr>
              <td class="hide_country">abc</td>
              <td>2013-05-21</td>
              <td><span data-original-title="Payment Method" data-content="CASH, PAYPAL, CHEQUE, CREDIT CARD, BANK TRANSFER" data-placement="top" data-trigger="hover" data-toggle="popover" class="label label-info popover-primary">?</span></td>
              <td>Payment Out</td>
              <td>500.00</td>
              <td>INV-2</td>
              <td>NOTE</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="upload-modal-payments" >
  <div class="modal-dialog">
    <div class="modal-content">
      <form role="form" id="form-upload" method="post" action="<?php echo URL::to('payments/upload'); ?>"
                      class="form-horizontal form-groups-bordered" enctype="multipart/form-data">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Upload Payments</h4>
        </div>
        <div class="modal-body">
          <div class="form-group">
            <label for="field-1" class="col-sm-3 control-label">Upload Template</label>
            <div class="col-sm-5"> <?php echo Form::select('PaymentUploadTemplateID', $PaymentUploadTemplates, '' , array("class"=>"select2")); ?> </div>
          </div>
          <div class="form-group">
            <label class="col-sm-3 control-label">File Select</label>
            <div class="col-sm-5">
              <input type="file" id="excel" type="file" name="excel" class="form-control file2 inline btn btn-primary" data-label="<i class='glyphicon glyphicon-circle-arrow-up'></i>&nbsp;   Browse" />
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-3 control-label">Note</label>
            <div class="col-sm-5">
              <p>Allowed Extension .xls, .xlxs, .csv</p>
              <p>Please upload the file in given <span style="cursor: pointer" onclick="jQuery('#modal-fileformat').modal('show');jQuery('#modal-fileformat').css('z-index',1999)" class="label label-info">Format</span></p>
              <p>Sample File <a class="btn btn-success btn-sm btn-icon icon-left" href="<?php echo URL::to('payments/download_sample_excel_file'); ?>"><i class="entypo-down"></i>Download</a></p>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="submit" id="codedeck-update"  class="btn upload btn-primary btn-sm btn-icon icon-left" data-loading-text="Loading..."> <i class="entypo-upload"></i> Upload </button>
          <button  type="button" class="btn btn-danger btn-sm btn-icon icon-left" data-dismiss="modal"> <i class="entypo-cancel"></i> Close </button>
        </div>
      </form>
    </div>
  </div>
</div>
<div class="modal fade" id="recall-modal-payment">
  <div class="modal-dialog">
    <div class="modal-content">
      <form id="recall-payment-form" action="<?php echo URL::to('payments/0/recall'); ?>" method="post">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Recall Payment</h4>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="form-Group"> <br />
              <label for="field-1" class="col-sm-12 control-label">Recall Reason</label>
              <div class="col-sm-12">
                <textarea class="form-control message" name="RecallReasoan"></textarea>
              </div>
            </div>
          </div>
          <?php if(is_Cardknox($CompanyID)): ?>
          <div class="row">
            <div class="form-Group"> <br />
              <label for="field-1" class="col-sm-12 control-label">Recall From Payment Gateway</label>
              <div class="col-sm-12">
                  <div class="make-switch switch-small" id="RecallFromGateway">
                    <input type="checkbox" name="RecallFromGateway"  <?php if(Input::old('RecallFromGateway') == 1 ): ?>checked=""<?php endif; ?> value="1">
                  </div>
              </div>
            </div>
          </div>
          <?php endif; ?>
        </div>
        <div class="modal-footer">
          <input type="hidden" name="PaymentIDs" />
            <input type="hidden" name="criteria" />
          <button type="submit" id="payment-recall"  class="save btn btn-primary btn-sm btn-icon icon-left" data-loading-text="Loading..."> <i class="entypo-floppy"></i> Recall </button>
          <button  type="button" class="btn btn-danger btn-sm btn-icon icon-left" data-dismiss="modal"> <i class="entypo-cancel"></i> Close </button>
        </div>
      </form>
    </div>
  </div>
</div>
<div class="modal fade" id="confirm-modal-payment">
  <div class="modal-dialog">
    <div class="modal-content">
      <form id="confirm-payment-form" action="" method="post">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Confirm Payment</h4>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-md-12">
              <div class="form-group warnings"> </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="submit" id="confirm-payments"  class="save btn btn-primary btn-sm btn-icon icon-left" data-loading-text="Loading..."> <i class="entypo-floppy"></i> Confirm </button>
          <button  type="button" class="btn btn-danger btn-sm btn-icon icon-left" data-dismiss="modal"> <i class="entypo-cancel"></i> Close </button>
        </div>
      </form>
    </div>
  </div>
</div>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.main', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>