@extends('layouts.main_without_top_button')
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('clients.index')}}">Clients</a> <span class="divider">/</span></li>
        <li class="active">Proforma Invoices</li>
    </ul>
@stop
@section('contentinner')
    <div class="tabbable">
        @include('clients.includes.client_summary')
        <div class="tab-content">
            <div id="glyphs" class="tab-pane active">
                <div class="msghead" style="margin-bottom: 12px;margin-top: -20px" id="msg_head">
                    <ul class="msghead_menu">

                        <li class="right btn-group">

                        </li>
                    </ul>
                    <span class="clearall"></span>
                </div><!--msghead-->


                <table class="table table-bordered table-striped table-condensed" id="clients-invoices-list">
                    <thead>
                    <tr>
                        <th class="nosort" style="width: 2%"><input type="checkbox" class="checkall"/></th>
                        <th style="width: 15%">Inv. NO.</th>
                        <th style="width: 15%">Date.</th>
                        <th style="width: 10%">Credit Period</th>
                        <th style="width: 15%">Exchange Rate</th>
                        <th style="width: 15%">Currency</th>
                        <th style="width: 10%">Amount</th>
                        {{--<th>Outstanding</th>--}}
                        {{--<th>Status</th>--}}
                        <th style="width: 8%">ACTION</th>
                    </tr>
                    </thead>
                </table>
            </div><!--tab-pane-->
        </div>
    </div>


    <script>
        jQuery('.chzn-1,.searchable_select,#invoice_ids').select2();

        var mainDataTable = jQuery('#clients-invoices-list').DataTable({
            "oLanguage": {
                "sLoadingRecords": "Please wait - loading Clients Invoices Records...",
                "sZeroRecords": "No Clients Invoices records to display.",
                "sProcessing": "Please wait - loading records...",
                "sInfoEmpty": "No entries to display."
            },
            ajax: {
                url: '{{route('clients.data-table.proforma_invoices.index',array('clients'=>$client->id))}}',
                data: function (d) {
                    d.start_date = jQuery('#start_date').val();
                    d.end_date = jQuery('#end_date').val();
                    d.invoice_ids = jQuery('#invoice_ids').val();
                    d.status = jQuery('#status').val();
                }
            },
            scrollCollapse: true,
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "aoColumnDefs": [
                {
                    "aTargets": [6],
                    "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                        jQuery(nTd).css('text-align', 'right');
                        if (sData <= 0) {
                            jQuery(nTd).addClass('highlight-red')
                        }
                    }
                }
            ],
            "columns": [
                {data: 'checkbox'},
                {"class": "link", data: 'proforma_invoice_number'},
                {"class": "link", data: 'date'},
                {"class": "link", data: 'credit_period'},
                {"class": "link", data: 'exchange_rate'},
                {"class": "link", data: 'currency'},
                {"class": "link", data: 'amount'},
                {"class": "link", data: 'action'}
            ],
            "bStateSave": true
        });

        jQuery('#search-form').on('click', function (e) {
            searchTable(e);
        });
        function searchTable(e) {
            mainDataTable.draw();
            e.preventDefault();
        }

        jQuery('#invoice_mult_payments').click(function () {
            var checked = jQuery('.invoices:checked').length > 0;
            if (!checked) {
                alert("Please check at least one route to continue with Payment process");
                return false;
            }
            var invoiceId = [];
            jQuery('.invoices').each(function () {
                if (jQuery(this).is(':checked')) {
                    invoiceId.push(jQuery(this).val());
                }
            });
            invoicePayment(invoiceId)
        });
        jQuery(function () {
            jQuery('.printed_check_status').on('change', function (e) {
                if (jQuery(this).is(':checked')) {
                    var status = 1;
                } else {
                    var status = 0;
                }
                jQuery.ajax({
                    type: "get",
                    url: "{{route('invoices.printed.update')}}",
                    data: {
                        invoice_id: jQuery('.printed_check_status').val(),
                        status: status
                    },
                    success: function (data) {
                    },
                    error: function (data) {
                    }
                })
            });
            jQuery('#open_balance').on('click', function (e) {
                jQuery.ajaxSetup({
                    header: jQuery('meta[name="_token"]').attr('content')
                })
                e.preventDefault(e);
                jQuery.ajax({
                    type: "post",
                    url: "{{route('accounts.open-balances.store')}}",
                    data: jQuery('#open_balance_form').serialize(),
                    success: function (data) {
                        if (data == 'DONE') {
                            jQuery('#client-open-balance').modal('toggle');
                            jQuery.jGrowl('{!! HTML::image('img/truck.png') !!} OPEN BALANCE UPDATED SUCCESSFUL ', {
                                theme: 'contrastBorder',
                                sticky: true
                            });
                        } else {
                            alert("FAIL TO UPDATE OPEN BALANCE");
                        }
                    },
                    error: function (data) {
                    }
                })
            });
        });
        function openBalance(account_id) {
            jQuery.ajax({
                type: "get",
                url: "{{route('accounts.open-balance.create')}}",
                data: {
                    account_id: account_id
                },
                success: function (data) {

                    jQuery('#client-open-balance-1').empty().append(data);
                    jQuery('#client-open-balance').appendTo("body").modal('toggle');
                    numberFormat();
                    jQuery(".datepicker").datepicker({
                        startDate: '-3d',
                        autoclose: true
                    }).on('changeDate', function (ev) {
                        jQuery(this).datepicker('hide');
                    });
                }
            })
        }
        function invoicePayment(invoiceId) {
            jQuery.ajax({
                type: "get",
                url: "{{route('clients.receipt-vouchers.create')}}",
                data: {invoice_id: invoiceId},
                success: function (data) {

                    jQuery('#billing_details').empty().append(data);
                    jQuery('#clientBilling').appendTo("body").modal('toggle');

                    balance_calculation();
                    jQuery(".receive_payment_date").datepicker({
                        startDate: '-3d',
                        autoclose: true
                    }).on('changeDate', function (ev) {
                        jQuery(this).datepicker('hide');
                    });
                }
            })
        }
        function balance_calculation() {
            var amount_paid = jQuery("#amount_paid").val().replace(',', '').replace(',', '').replace(',', '').replace(',', '');
            var payable = jQuery('#payable').val().replace(',', '').replace(',', '').replace(',', '').replace(',', '');

            var balance = payable - amount_paid;
            jQuery('#balance').val(balance.toLocaleString());

        }
        function openAdvancedSearch() {
            if (jQuery("#advanced_search").width() == 230) {
                jQuery("#advanced_search").css({
                    "width": 0,
                    'padding-left': 0
                });
            } else {
                jQuery("#advanced_search").css({
                    "width": 230,
                    'padding-left': 30
                });
            }
        }
        /* Set the width of the side navigation to 0 */
        function closeNav() {
            jQuery("#mySidenav").css({
                "width": 0,
                'padding-left': 0
            });
        }
        function closeAdvancedSearch() {
            jQuery("#advanced_search").css({
                "width": 0,
                'padding-left': 0
            });
        }
        jQuery(document).jkey('alt+p', function () {
            var checked = jQuery('.invoices:checked').length > 0;
            if (!checked) {
                alert("Please check at least one route to continue with Payment process");
                return false;
            }
            var invoiceId = [];
            jQuery('.invoices').each(function () {
                if (jQuery(this).is(':checked')) {
                    invoiceId.push(jQuery(this).val());
                }
            });
            invoicePayment(invoiceId)
        });
    </script>
@stop