@extends('layouts.main')
@section('title')
    Receipt Vouchers
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Cash Books</a> <span class="divider">/</span></li>
        <li class="active">Receipts Vouchers</li>
    </ul>
@stop
@section('msghead_menu')
    <li class="right btn-group">
        <button class="btn" style="margin-right: 2px" onclick="modelShow('client_receipt_voucher_modal')"><span
                    class="iconsweets-create"></span> RECEIVE PAYMENTS
        </button>
    </li>
@stop
@section('contentinner')
    <style>
        table tbody td .number {
            text-align: right;
        }

        td.details-control {
            background: url('{{ URL::asset('img/details_open.png') }}') no-repeat center center;
            cursor: pointer;
        }

        tr.details td.details-control {
            background: url('{{ URL::asset('img/details_close.png') }}') no-repeat center center;
        }
    </style>
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered table-condensed table-striped" id="receipts-vouchers-list">
                <thead>
                <tr>
                    {{--<th style="width: 10px">SNO</th>--}}
                    <th class="head0 nosort" style="width: 20px"><input type="checkbox" class="checkall"/></th>
                    <th class="head0" style="width: 20px">MORE</th>
                    <th style="width: 50px">Rec. NO.</th>
                    <th style="width: 80px">Date.</th>
                    <th class="head0">Account(Dr)</th>
                    <th class="head0">Debtor Acc</th>
                    <th class="head0">Reference</th>
                    <th class="head0">Remarks</th>
                    <th class="head0">Currency</th>
                    <th class="head0">Amount</th>
                    <th class="head0" style="width: 30px">Action</th>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->

    @include('cash_books.receipt_vouchers.includes.receipts_voucher_modal')
    <script>
        jQuery('.receive_payment_date').datepicker();
        jQuery('.searchable_select').select2();
        var oTable = jQuery('#receipts-vouchers-list').DataTable({
            "oLanguage": {
                "sLoadingRecords": "Please wait - loading Receipt Vouchers...",
                "sZeroRecords": "No Receipt Voucher Found.",
                "sInfoEmpty": "No entries to display."
            },
            ajax: {
                url: '{{route('vouchers.data-table.receipts')}}',
                data: function (d) {
//                d.route_id = jQuery('#name').val();
                },
                error: function (xhr, textStatus, error) {
                    if (textStatus === 'timeout') {
                        alert('Timeout error. The server took too long to send back the data.\nPlease try again.');
                    }
                    oTable.fnProcessingIndicator(false);
                }
            },
            scrollCollapse: true,
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "aoColumnDefs": [{
                "aTargets": [9],
                "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    jQuery(nTd).css('text-align', 'right');
                    if ((sData === 0.00)) {
                        jQuery(nTd).addClass('highlight-red')
                    }
                }
            }],
            "columns": [
                {data: 'checkbox'},
                {
                    "class": "details-control",
                    "orderable": false,
                    "data": null,
                    "defaultContent": ""
                },
                {"class": "link", data: 'receipt_number'},
                {"class": "link", data: 'date_created'},
                {"class": "link", data: 'credit_account'},
                {"class": "link", data: 'debit_account'},
                {"class": "link", data: 'reference'},
                {"class": "link", data: 'remarks'},
                {"class": "link number", data: 'currency'},
                {"class": "link", data: 'amount'},
                {data: 'action'}
            ],
            "fnDrawCallback": function () {
                jQuery('.deleterow_c').click(function () {
                    var conf = confirm('Are you sure?');
                    if (conf)
                        var tr_p = jQuery(this).parents('tr');
                    var receipt_voucher_id = tr_p.find('.receipt_voucher_id').val();

                    jQuery.ajax({
                        type: "post",
                        cache: false,
                        url: "{{route('receipts-vouchers.delete')}}",
                        data: {
                            receipt_voucher_id: receipt_voucher_id
                        },
                        success: function (data) {
                            if (data === 'DONE') {
                                notify('Payment Voucher Deleted Successful!');
                                jQuery('#receipts-vouchers-list').dataTable().fnFilter(this.value);
                            } else {
                                alert("Fail To delete Payment Voucher.");
                            }
                        },
                        error: function (data) {

                        }
                    });
                    return false;
                });

                jQuery('.update_receipt').click(function () {
                    var tr_p = jQuery(this).parents('tr');
                    var receipt_voucher_id = tr_p.find('.receipt_voucher_id').val();

                    jQuery.ajax({
                        type: "get",
                        cache: false,
                        url: "{{route('receipt-vouchers.edit')}}",
                        data: {
                            receipt_voucher_id: receipt_voucher_id
                        },
                        success: function (data) {
                            jQuery('#edit_receipts_voucher_body').empty().append(data);
                            jQuery('#client_receipt_voucher_edit_modal').appendTo("body").modal('toggle');
                            jQuery(".remove_row").on('click', function () {
                                jQuery(this).parent().parent().remove();
                            });
                        },
                        error: function (data) {

                        }
                    });
                    return false;
                });
            },
            "bStateSave": true
        });
        function format(d) {
            return d.receipt_voucher_details;
        }
        // Array to track the ids of the details displayed rows
        var receipt_voucher_more = [];
        jQuery('#receipts-vouchers-list tbody').on('click', 'tr td.details-control', function () {

            var tr = jQuery(this).closest('tr');
            var row = oTable.row(tr);
            var idx = jQuery.inArray(tr.attr('id'), receipt_voucher_more);

            if (row.child.isShown()) {
                tr.removeClass('details');
                row.child.hide();

                // Remove from the 'open' array
                receipt_voucher_more.splice(idx, 1);
            }
            else {
                tr.addClass('details');
                row.child(format(row.data())).show();

                // Add to the 'open' array
                if (idx === -1) {
                    receipt_voucher_more.push(tr.attr('id'));
                }
            }
        });

        jQuery('#add_client_invoices').click(function () {
            if (jQuery('#client_credit_account').val() !== 'NONE') {
                getInvoice();
                jQuery('#client_invoices').appendTo("body").modal({
                    show: true
                })
            } else {
                alert('SELECT THE VALID DEBTOR ACCOUNT');
            }
        });

        jQuery('#client_invoices').on('hidden.bs.modal', function (e) {
            var invoice_amount = [], text = '', invoice_amount_total = 0, i = 1;

            jQuery('.invoice_id').each(function () {
                if (jQuery(this).is(':checked')) {
                    var table = jQuery(this).parent().parent().parent();
                    var invoice_amount = table.find('.invoice_amount');
                    text += "<tr>" +
                            "<td>" + i + "</td>" +
                            "<td><input type='hidden' name='invoice_id[]' value='" + jQuery(this).val() + "'> INV " + jQuery(this).val() + "</td>" +
                            "<td style='text-align: right'>" +
                            "<input type='hidden' name='amount[]' value='" + invoice_amount.val() + "'>" + invoice_amount.val() + "</td>" +
                            "</tr>";
                    invoice_amount_total += parseFloat(removeComma(invoice_amount.val()));
                    i += 1;
                }
            });

            text += "<tr>" +
                    "<td colspan='2' style='text-align: right'>TOTAL AMOUNT</td>" +
                    "<td style='text-align: right'>" + invoice_amount_total.toLocaleString() + "</td>" +
                    "</tr>";

            if (invoice_amount_total > 0) {
                jQuery('#invoices_selected').empty().append(text);
            }
        })

        jQuery('#client_credit_account').on('change', function () {
            getInvoice();
        });

        function getInvoice() {
            if (jQuery('#client_credit_account').val() !== 'NONE') {
                var client_credit_account = jQuery('#client_credit_account').val();
                var invoice_id = [];
                jQuery('.invoice_id').each(function () {
                    invoice_id.push(jQuery(this).val());
                });

                jQuery.ajax({
                    type: "GET",
                    url: "{{route('receipt-vouchers.create')}}",
                    data: {
                        client_credit_account: client_credit_account,
                        invoice_id: invoice_id,
                    },
                    success: function (data) {
                        jQuery('#added_vendor_grn').empty().append(data);
                        jQuery('#invoices_selected').empty().append('');

                        jQuery('.invoice_id').on('change', function () {
                            var table = jQuery(this).parent().parent().parent();
                            var invoice_amount = table.find('.invoice_amount');
                            var outstanding_amount = table.find('.outstanding_amount');
                            if (this.checked) {
                                invoice_amount.val(outstanding_amount.val());
                            } else {
                                invoice_amount.val('');
                            }
                        });

                        jQuery('.invoice_amount').on('keyup', function () {
                            var table = jQuery(this).parent().parent().parent();
                            var invoice_id = table.find('.invoice_id');
                            if (removeComma(jQuery(this).val()) === 0) {
                                invoice_id.attr("checked", false)
                            } else {
                                invoice_id.attr("checked", true)
                            }
                        });

//                        numberFormat();
                    },
                    error: function (data) {

                    }
                });

            }
        }
        jQuery('#add_client_invoices_edit').click(function () {
            if (jQuery('#client_credit_account_edit').val() !== 'NONE') {
                getInvoiceEdit();
                jQuery('#client_invoices_edit').appendTo("body").modal({
                    show: true
                })
            } else {
                alert('SELECT THE VALID DEBTOR ACCOUNT');
            }
        });

        function getInvoiceEdit() {
            var client_credit_account_edit = jQuery('#client_credit_account_edit').val();
            var receipt_voucher_id = jQuery('#receipt_voucher_id').val();
//                var invoice_id = [];
//                jQuery('.invoice_id').each(function () {
//                    invoice_id.push(jQuery(this).val());
//                });
            jQuery.ajax({
                type: "GET",
                url: "{{route('receipt-vouchers.invoices.edit')}}",
                data: {
                    client_credit_account_edit: client_credit_account_edit,
                    receipt_voucher_id: receipt_voucher_id,
                },
                success: function (data) {
                    jQuery('#invoice_selection_option_edit').empty().append(data);

                    jQuery('#invoices_selected').empty().append('');
                    jQuery('.invoice_id').on('change', function () {
                        var table = jQuery(this).parent().parent().parent();
                        var invoice_amount = table.find('.invoice_amount');
                        var outstanding_amount = table.find('.outstanding_amount');
                        if (this.checked) {
                            invoice_amount.val(outstanding_amount.val());
                        } else {
                            invoice_amount.val('');
                        }
                    });
                    jQuery('.invoice_amount').on('keyup', function () {
                        var table = jQuery(this).parent().parent().parent();
                        var invoice_id = table.find('.invoice_id');
                        if (removeComma(jQuery(this).val()) === 0) {
                            invoice_id.attr("checked", false)
                        } else {
                            invoice_id.attr("checked", true)
                        }
                    });
                    numberFormat();
                },
                error: function (data) {

                }
            });
        }
        jQuery('#client_invoices_edit').on('hidden.bs.modal', function (e) {
            var invoice_amount = [], text = '', invoice_amount_total = 0, i = 1;

            jQuery('.invoice_id').each(function () {
                if (jQuery(this).is(':checked')) {
                    var table = jQuery(this).parent().parent().parent();
                    var invoice_amount = table.find('.invoice_amount');
                    text += "<tr>" +
                            "<td>" + i + "</td>" +
                            "<td><input type='hidden' name='invoice_id[]' value='" + jQuery(this).val() + "'> INV " + jQuery(this).val() + "</td>" +
                            "<td style='text-align: right'>" +
                            "<input type='hidden' name='amount[]' value='" + invoice_amount.val() + "'>" + invoice_amount.val() + "</td>" +
                            "</tr>";
                    invoice_amount_total += parseFloat(removeComma(invoice_amount.val()));
                    i += 1;
                }
            });

            text += "<tr>" +
                    "<td colspan='2' style='text-align: right'>TOTAL AMOUNT</td>" +
                    "<td style='text-align: right'>" + invoice_amount_total.toLocaleString() + "</td>" +
                    "</tr>";

            if (invoice_amount_total > 0) {
                jQuery('#invoices_selected_edit').empty().append(text);
            }
        })
    </script>
@stop