@extends('layout.main')

@section('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="{{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>
                    {{ 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="{{Input::get('InvoiceNo')}}" />
                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label small_label">Status</label>
                    {{ 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>
                    {{ 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="{{Input::get('StartDate')}}" data-enddate="{{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="{{Input::get('EndDate')}}" data-enddate="{{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>
                    {{ 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>
                    {{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>
@stop


@section('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="{{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"> {{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"> {{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"> {{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"> {{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"> {{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"> {{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"> {{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"> {{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"> {{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">
              @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;">
                      @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>
                      @endif
                      @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>
                      @endif
                      @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>
                      @endif
                  </ul>
              </div><!-- /btn-group -->
              @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 = '{{get_round_decimal_places()}}';
	 var currency_signs = {{$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('{{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 = "{{ URL::to('payments/{id}/payment_approve_reject/approve')}}";
                                    var Reject_Payment = "{{ URL::to('payments/{id}/payment_approve_reject/reject')}}";
                                    var recall_ = "{{ 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>';
                                    @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>';
                                    }
                                    @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>';