@extends('layout.customer.main')

@section('content')

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

    <h3>@lang('routes.CUST_PANEL_PAGE_PAYMENTS_TITLE')</h3>
    <div class="tab-content">
        <div class="tab-pane active" id="customer_rate_tab_content">
            <div class="row">
                <div class="col-md-12">
                    <form role="form" id="payment-table-search" method="post"  action="{{Request::url()}}" class="form-horizontal form-groups-bordered validate" novalidate="novalidate">
                        <div class="panel panel-primary" data-collapsed="0">
                            <div class="panel-heading">
                                <div class="panel-title">
                                    @lang('routes.CUST_PANEL_FILTER_TITLE')
                                </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 class="col-sm-1 control-label">@lang('routes.CUST_PANEL_PAGE_PAYMENTS_FILTER_FIELD_INVOICE_NO')</label>
                                    <div class="col-sm-2">
                                        <input type="text" name="InvoiceNo" class="form-control" id="field-1" placeholder="" value="{{Input::get('InvoiceNo')}}" />

                                    </div>
                                    <label for="field-1" class="col-sm-1 control-label">@lang('routes.CUST_PANEL_PAGE_PAYMENTS_FILTER_FIELD_ACTION')</label>
                                    <div class="col-sm-2">
                                        {{ Form::select('type', $action, Input::get('Type'), array("class"=>"select2 small","data-allow-clear"=>"true","data-placeholder"=>"Select Type")) }}
                                    </div>

                                    <label for="field-1" class="col-sm-1 control-label">@lang('routes.CUST_PANEL_PAGE_PAYMENTS_FILTER_FIELD_PAYMENT_METHOD')</label>
                                    <div class="col-sm-2">
                                        {{ Form::select('paymentmethod', $method, Input::get('paymentmethod') , array("class"=>"select2 small","data-allow-clear"=>"true","data-placeholder"=>"Select Type")) }}
                                    </div>
                                </div>

                                <!--payment date start -->
                                <div class="form-group">
                                    <label class="col-sm-1 control-label small_label" for="PaymentDate_StartDate">@lang('routes.CUST_PANEL_PAGE_PAYMENTS_FILTER_FIELD_START_DATE')</label>
                                    <div class="col-sm-2 col-sm-e2">
                                        <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-2 col-sm-e2">
                                        <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>
                                    <label  class="col-sm-1 control-label small_label" for="PaymentDate_EndDate">@lang('routes.CUST_PANEL_PAGE_PAYMENTS_FILTER_FIELD_END_DATE')</label>
                                    <div class="col-sm-2 col-sm-e2">
                                        <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-2 col-sm-e2">
                                        <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>
                                <!--payment date end -->

                                <p class="pull-right">
                                    <button type="submit" class="btn btn-primary btn-sm btn-icon icon-left">
                                        <i class="entypo-search"></i>
                                        @lang('routes.BUTTON_SEARCH_CAPTION')
                                    </button>
                                </p>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="clear"></div>
            <br>
            @if(isset($AccountDetailsID) && $AccountDetailsID==1)
                <p class="pull-right add-payment-btn">
                    <a href="#" id="add-new-payment" class="btn btn-primary ">
                        <i class="entypo-plus"></i>
                        @lang('routes.CUST_PANEL_PAGE_PAYMENTS_BUTTON_ADD_NEW')
                    </a>
                </p>
            @endif
            <div class="clearfix"></div>
            <table class="table table-bordered datatable" id="table-4">
                <thead>
                <tr>
                    <th width="15%">@lang('routes.CUST_PANEL_PAGE_PAYMENTS_TBL_INVOICE_NO')</th>
                    <th width="20%">@lang('routes.CUST_PANEL_PAGE_PAYMENTS_TBL_AMOUNT')</th>
                    <th width="15%">@lang('routes.CUST_PANEL_PAGE_PAYMENTS_TBL_TYPE')</th>
                    <th width="20%">@lang('routes.CUST_PANEL_PAGE_PAYMENTS_TBL_PAYMENT_DATE')</th>
                    <th width="15%">@lang('routes.CUST_PANEL_PAGE_PAYMENTS_TBL_STATUS')</th>
                    <th width="15%">@lang('routes.TABLE_COLUMN_ACTION')</th>
                </tr>
                </thead>
                <tbody>

                </tbody>
            </table>
            <script src="{{ URL::asset('assets/js/sweetalert2.all.min.js') }}"></script>
            <script type="text/javascript">
                var $searchFilter = {};
                var update_new_url;
                var postdata;
                jQuery(document).ready(function ($) {
                    $("#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.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();
                        data_table = $("#table-4").dataTable({
                            "oLanguage": {
                                "sUrl": baseurl + "/translate/datatable_Label"
                            },
                            "bDestroy": true,
                            "bProcessing": true,
                            "bServerSide": true,
                            "sAjaxSource": baseurl + "/customer/payments/ajax_datagrid/type",
                            "fnServerParams": function (aoData) {
                                aoData.push({"name": "AccountID", "value": $searchFilter.AccountID},
                                    {"name": "InvoiceNo","value": $searchFilter.InvoiceNo},
                                    {"name": "type","value": $searchFilter.type},
                                    {"name": "paymentmethod","value": $searchFilter.paymentmethod},
                                    {"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}

                                );
                                data_table_extra_params.length = 0;
                                data_table_extra_params.push({"name": "AccountID", "value": $searchFilter.AccountID},
                                    {"name": "InvoiceNo","value": $searchFilter.InvoiceNo},
                                    {"name": "type","value": $searchFilter.type},
                                    {"name": "paymentmethod","value": $searchFilter.paymentmethod},
                                    {"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":"Export","value":1}
                                );

                            },
                            "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
                            "sPaginationType": "bootstrap",
                            "sDom": "<'row'<'col-xs-6 col-left'l><'col-xs-6 col-right'<'export-data'T>f>r>t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",
                            "aaSorting": [[3, 'desc']],
                            "aoColumns": [
                                {
                                    "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(2);
                                        a = a.toString();

                                        return "<span class='leftsideview'>"+full[16]+"</span>"
                                    }
                                },
                                {
                                    "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]
                                    }
                                },
                                {                       //3  Action

                                    "bSortable": false,
                                    mRender: function (id, type, full) {
                                        var action, edit_, show_, delete_;
                                        var Approve_Payment = "{{ URL::to('payments/{id}/payment_approve_reject/approve')}}";
                                        var Reject_Payment = "{{ URL::to('payments/{id}/payment_approve_reject/reject')}}";
                                        Approve_Payment = Approve_Payment.replace('{id}', full[0]);
                                        Reject_Payment = Reject_Payment.replace('{id}', full[0]);
                                        action = '<div class = "hiddenRowData" >';
                                        action += '<input type = "hidden"  name = "PaymentID" value = "' + full[0] + '" / >';
                                        action += '<input type = "hidden"  name = "AccountName" value = "' + full[1] + '" / >';
                                        action += '<input type = "hidden"  name = "AccountID" value = "' + full[2] + '" / >';
                                        action += '<input type = "hidden"  name = "Amount" value = "' + full[16] + '" / >';
                                        action += '<input type = "hidden"  name = "PaymentType" value = "' + full[4] + '" / >';
                                        action += '<input type = "hidden"  name = "Currency" value = "' + full[5] + '" / >';
                                        action += '<input type = "hidden"  name = "PaymentDate" value = "' + full[6] + '" / >';
                                        action += '<input type = "hidden"  name = "Status" value = "' + full[7] + '" / >';
                                        action += '<input type = "hidden"  name = "CreatedBy" value = "' + full[8] + '" / >';
                                        action += '<input type = "hidden"  name = "InvoiceNo" value = "' + full[10] + '" / >';
                                        action += '<input type = "hidden"  name = "PaymentMethod" value = "' + full[11] + '" / >';
                                        action += '<input type = "hidden"  name = "Notes" value = "' + full[12] + '" / >';
                                        action += '</div>';
                                        action += ' <a data-name = "' + full[0] + '" data-id="' + full[0] + '" class="edit-payment btn btn-default btn-sm btn-icon icon-left"><i class="fa fa-eye"></i></i>@lang('routes.BUTTON_VIEW_CAPTION') </a>'