@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="">Account Managements</a> <span class="divider">/</span></li>
        <li><a href="">Cash Books</a> <span class="divider">/</span></li>
        <li class="active">Receipt Vouchers</li>
    </ul>
@stop

@section('msghead_menu')
    <li class="right btn-group">
{{--        <button class="btn" style="margin-right: 2px" onclick="create('{{route('receipt-vouchers.create')}}'),event.preventDefault();">--}}
{{--            <span class="iconsweets-create"></span> RECEIVE PAYMENTS--}}
{{--        </button>--}}
{{--        <button class="btn" style="margin-right: 2px" onclick="create('{{route('recovery_vouchers.create')}}'),event.preventDefault();">--}}
{{--            <span class="iconsweets-create"></span> RECOVERY VOUCHER--}}
{{--        </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 logistics_table" id="receipts-vouchers-list">
                <thead>
                <tr>
                    <th style="width: 3%"><input type="checkbox" class="checkall"/></th>
                    <th style="width: 3%">MORE</th>
                    <th style="width: 5%">RV.</th>
                    <th style="width: 10%">Date.</th>
                    <th style="width: 18%">Account(Dr)</th>
                    <th style="width: 18%">Debtor Acc</th>
                    <th style="width: 10%">Reference</th>
                    <th style="width: 15%">Remarks</th>
                    <th style="width: 10%">Amount</th>
                    <th style="width: 8%">Action</th>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->


    <div id="dr_accounts" style="display: none">
        <div class="amount_to_be_received">
            <label class="span4">Amount</label>

            <div class="field span8">
                <input type="text" name="amount" class="span12"/>
            </div>
        </div>
    </div>
    <div class="modal fade" id="client_invoices">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">SELECT INVOICES</h4>
                </div>
                <div class="container"></div>
                <div class="modal-body">
                    <table class="table table-condensed" style="width: 100%">
                        <tbody id="added_vendor_grn">
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <a href="#" data-dismiss="modal" class="btn">DONE</a>
                </div>
            </div>
        </div>
    </div>
    <script>

        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('.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;
        }



        function getInvoice() {
            if (jQuery('#client_credit_account').val() !== 'NONE') {
                var credit_account_id = 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('invoice_receipt_vouchers.create')}}",
                    data: {
                        credit_account_id: credit_account_id,
                        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) {

                    }
                });

            }
        }


        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) {

                }
            });
        }

    </script>
@stop