@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">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">
                            {{--<button class="btn" onclick="openAdvancedSearch()" style="margin-right: 2px">--}}
                                {{--<span class="icon-search"></span> &nbsp; FILTER & <span class="icon-print"></span> PRINT--}}
                            {{--</button>--}}
                            <a class="btn" style="margin-right: 4px" id="invoice_mult_payments">
                                <span class="icon-folder-open"></span> RECEIVE PAYMENTS<span
                                        style="font-size: 10px;color: #51a7c6"> ( alt+p )</span>
                            </a>
                            {{--<button class="btn" style="margin-right: 4px"--}}
                                    {{--onclick="openBalance({{$client->accountable->account_id}})">--}}
                                {{--<span class="icon-folder-open"></span> Open Balance--}}
                            {{--</button>--}}
                        </li>
                    </ul>
                    <span class="clearall"></span>
                </div><!--msghead-->

                @include('clients.includes.invoice_advances_search')

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


    <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1"
         class="modal hide fade in modal-1"
         id="clientBilling">
        <!-- Modal content-->
        {!! Form::open(array('route' => 'clients.receipt-vouchers.store', 'class' => 'stdform','method'=>'post')) !!}
        <div class="modal-header" style="background: #50A6C6">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4> RECEIVE PAYMENTS</h4>
        </div>
        <div class="modal-body">
            <div class="row-fluid">
                <div id="billing_details">

                </div><!--#tabs-->

            </div><!--row-fluid-->
        </div>
        <div class="modal-footer">
            <div class="row">
                <div class="form-group">
                    <button class="btn btn-primary" type="submit">RECEIVE PAYMENT(s)</button>
                    <button type="reset" class="btn  btn-primary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
        </form>
    </div>

    <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1"
         class="modal hide fade in modal-1"
         id="client_invoice_print_preview_modal">
        <!-- Modal content-->
        {{--{!! Form::open(array('route' => 'clients.receipt-vouchers.store', 'class' => 'stdform','method'=>'post')) !!}--}}
        <div class="modal-header" style="background: #50A6C6">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4> INVOICE PREVIEW</h4>
        </div>
        <div class="modal-body">
            <div class="row-fluid">
                <div id="client_invoice_print_preview_body">

                </div><!--#tabs-->

            </div><!--row-fluid-->
        </div>
        {{--<div class="modal-footer">--}}
        {{--<div class="row">--}}
        {{--<div class="form-group">--}}
        {{--<button class="btn btn-primary" type="submit">RECEIVE PAYMENT(s)</button>--}}
        {{--<button type="reset" class="btn  btn-primary" data-dismiss="modal">Close</button>--}}
        {{--</div>--}}
        {{--</div>--}}
        {{--</div>--}}
        {{--</form>--}}
    </div>


    <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog"
         class="modal hide fade in modal-1"
         id="client_invoice_edit_modal">
        <!-- Modal content-->
        {!! Form::open(array('route' => 'invoices.update', 'class' => 'stdform','method'=>'post','id'=>'invoice_update_form')) !!}
        <div class="modal-header" style="background: #50A6C6">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4> INVOICE UPDATE</h4>
        </div>
        <div class="modal-body">
            <input type="hidden" name="_method" value="PUT">

            <div class="row-fluid">
                <div id="client_invoice_edit_body">

                </div><!--#tabs-->

            </div><!--row-fluid-->
        </div>
        <div class="modal-footer">
            <div class="row">
                <div class="form-group">
                    <button class="btn btn-primary" type="submit">UPDATE</button>
                    <button type="reset" class="btn  btn-primary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
        </form>
    </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.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: 'invoice_number'},
                {"class": "link", data: 'invoice_date'},
                {"class": "link", data: 'credit_period'},
                {"class": "link", data: 'exchange_rate'},
                {"class": "link", data: 'currency'},
                {"class": "link", data: 'amount'},
//                {"class": "link", data: 'invoice_receivable'},
//                {"class": "link", data: 'status'},
                {"class": "link", data: 'action'}
            ],
            {{--"fnDrawCallback": function () {--}}
                    {{--jQuery('.singlePayment').click(function () {--}}
                    {{--var inv_id = jQuery(this).parents('tr').find('.invoice_id');--}}
                    {{--var invoiceId = [];--}}
                    {{--invoiceId.push(inv_id.val());--}}
                    {{--invoicePayment(invoiceId)--}}
                    {{--});--}}

                    {{--jQuery('.deleterow_c').click(function () {--}}
                    {{--var tr_p = jQuery(this).parents('tr');--}}
                    {{--var invoice_id = tr_p.find('.invoice_id').val();--}}
                    {{--jConfirm('You are about to Delete Invoice?', 'Confirmation Dialog', function (r) {--}}
                    {{--if (r) {--}}
                    {{--jQuery.ajax({--}}
                    {{--type: "GET",--}}
                    {{--cache: false,--}}
                    {{--url: "{{route('invoice.destroy')}}",--}}
                    {{--data: {--}}
                    {{--invoice_id: invoice_id--}}
                    {{--},--}}
                    {{--success: function (data) {--}}
                    {{--if (data == 'DONE') {--}}
                    {{--jQuery.jGrowl("INVOICE DELETED SUCCESSFUL!", {header: 'Important'});--}}
                    {{--jQuery('#clients-invoices-list').dataTable().fnFilter(this);--}}
                    {{--} else {--}}
                    {{--jAlert("FAIL TO DELETE INVOICE", 'DELETE DIALOG');--}}
                    {{--}--}}
                    {{--},--}}
                    {{--error: function (data) {--}}

                    {{--}--}}
                    {{--});--}}
                    {{--}--}}
                    {{--});--}}
                    {{--return false;--}}
                    {{--});--}}
                    {{--jQuery('.client_invoice_print_preview').click(function (e) {--}}
                    {{--var tr_p = jQuery(this).parents('tr');--}}
                    {{--var invoice_id = tr_p.find('.invoice_id').val();--}}
                    {{--e.preventDefault();--}}
                    {{--var client_invoice_print_preview_url = jQuery(this).attr('href');--}}

                    {{--jQuery.ajax({--}}
                    {{--type: "GET",--}}
                    {{--cache: false,--}}
                    {{--url: client_invoice_print_preview_url,--}}
                    {{--data: {--}}
                    {{--invoice_id: invoice_id--}}
                    {{--},--}}
                    {{--success: function (data) {--}}
                    {{--jQuery('#client_invoice_print_preview_body').empty().append(data);--}}
                    {{--jQuery('#client_invoice_print_preview_modal').appendTo("body").modal('toggle');--}}
                    {{--},--}}
                    {{--error: function (data) {--}}

                    {{--}--}}
                    {{--});--}}
                    {{--return false;--}}
                    {{--});--}}

                    {{--jQuery('.update_client_invoice').click(function (e) {--}}
                    {{--e.preventDefault();--}}
                    {{--var tr_p = jQuery(this).parents('tr');--}}
                    {{--var invoice_id = tr_p.find('.invoice_id').val();--}}


                    {{--var export_to_excel_url_without_parameters = "{{ route('invoices.update', [":invoice_id"]) }}";--}}
                    {{--export_to_excel_url_without_parameters = export_to_excel_url_without_parameters.replace(':invoice_id', invoice_id);--}}
                    {{--jQuery('#invoice_update_form').attr('action', export_to_excel_url_without_parameters);--}}
                    {{--jQuery.ajax({--}}
                    {{--type: "GET",--}}
                    {{--cache: false,--}}
                    {{--url: "{{route('invoices.edit')}}",--}}
                    {{--data: {--}}
                    {{--invoice_id: invoice_id--}}
                    {{--},--}}
                    {{--success: function (data) {--}}
                    {{--jQuery('#client_invoice_edit_body').empty().append(data);--}}
                    {{--jQuery('#client_invoice_edit_modal').appendTo("body").modal('toggle');--}}
                    {{--jQuery('.invoice_date').datepicker();--}}
                    {{--jQuery('input[name="rate[]"]').on('keyup', function () {--}}
                    {{--var tr = jQuery(this).parents('tr');--}}
                    {{--var rate = jQuery(this).val();--}}
                    {{--var quantity = tr.find('input[name="quantity"]').val();--}}
                    {{--var amount = tr.find('input[name="amount[]"]');--}}
                    {{--amount.val(quantity * rate);--}}
                    {{--});--}}
                    {{--jQuery('input[name="transit_loss_rate[]"]').on('keyup', function () {--}}
                    {{--var tr = jQuery(this).parents('tr');--}}
                    {{--var transit_loss_rate = jQuery(this).val();--}}
                    {{--var net_loss = tr.find('input[name="net_loss[]"]').val();--}}
                    {{--var transit_loss_amount = tr.find('input[name="transit_loss_amount[]"]');--}}
                    {{--if (net_loss < 0) {--}}
                    {{--transit_loss_amount.val(net_loss * transit_loss_rate*-1);--}}
                    {{--}else {--}}
                    {{--transit_loss_amount.val('-');--}}
                    {{--}--}}
                    {{--});--}}
                    {{--jQuery('.searchable_select').select2();--}}
                    {{--},--}}
                    {{--error: function (data) {--}}

                    {{--}--}}
                    {{--});--}}
                    {{--return false;--}}
                    {{--});--}}
                    {{--},--}}
            "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) {
            alert(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