@extends('panel.layouts.app')
@section('page-title')
    <title>
        {{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Bills
    </title>
@stop
@section('content')
    <div class="content-wrapper">
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <section class="content">
                    <div class="box box-default">
                        <div class="row box-header with-border">
                            <div class="col-md-4">
                                <h3 class="box-title"><i class="fa fa-inr"></i> Bills</h3>
                                <a href="{{ route("get.wg.bills")}}" target="_blank" class="btn btn-box-tool">
                                    <i class="fa fa-paper-plane"></i>
                                </a>
                                <a href="{{ route("bill.report")}}" target="_blank"
                                   class="btn btn-box-tool show-tooltip" title="Bill Report Status">
                                    <i class="fa fa-file"></i>
                                </a>
                            </div>
                            <div class="col-md-2">
                                {{ Form::select( "current_month", $month, $current_month, [ 'class' => 'form-control filter', ] ) }}
                            </div>
                            <div class="col-md-2">
                                <button class="btn btn-sm btn-default btn-block" onclick="multipleBillGenerated(this)">
                                    Multiple Bills
                                </button>
                            </div>
                            <div class="col-md-4 text-right">
                                <div class="box-tools box-tools-common custom-grid-icon">
                                    {!! Form::open(["url"=>route('print-bill'),"method"=>"POST","target"=>"_blank"]) !!}
                                    {{ Form::hidden('id','',['id'=>'billId']) }}
                                    {{ Form::hidden('template','',['id'=>'billTemplate']) }}
                                    {{ Form::hidden('month','',['id'=>'billMonth']) }}
                                    {{ Form::close() }}

                                    {!! Form::open(["url"=>route('print.details.bill'),"method"=>"POST","target"=>"_blank"]) !!}
                                    {{ Form::hidden('id','',['id'=>'detailsBillId']) }}
                                    {{ Form::hidden('month','',['id'=>'detailsMonth']) }}
                                    {{ Form::close() }}
                                    @if(LaraCore::canOrNot('delete_bills'))
                                        <a class="btn btn-box-tool show-tooltip" data-toggle="modal" data-target="#delete_bills_modal" title="Delete selected items" id="deleteAll" name="remove_bills">
                                            <i class="fa fa-trash"></i>
                                        </a>
                                        @if($is_branch_smtp_set)
                                        <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" title="Send mail selected items" id="sendBillMail" name="sendBillMail" onclick="sendBillMailModel(this)">
                                            <i class="fa fa-envelope"></i>
                                        </a>
                                        @endif
                                        <div class="dropdown"><p href="javascript:void(0)" class="show-tooltip btn-action dropbtn" data-id="" id="printAll" title="Print" />
                                            <span class="fa fa-print"></span>
                                            <div class="dropdown-content template-default">
                                                @foreach ($bill_templates as $key => $template)
                                                    @if (in_array($template->template_key, $selected_bill_template_array) && $set_templated_by_branch)
                                                        @if ($template->template_key == 'default')
                                                            <a class="{{$selected_bill_template_array[0] == $template->template_key ? '' : 'hide-template'}}"
                                                               href="javascript:void(0)"
                                                               data-template="{{$template->template_key}}"
                                                               onclick="PrintSelectedBill(this)"
                                                               data-id="bills-grid"><img
                                                                        src="assets/uploads/billtemplatelogo/print.png"
                                                                        alt="Logo" width="20"
                                                                        height="20"> {{$template->template_name}} Print</a>
                                                        @else
                                                            <a class="{{$selected_bill_template_array[0] == $template->template_key ? '' : 'hide-template'}}"
                                                               href="javascript:void(0)"
                                                               data-template="{{$template->template_key}}"
                                                               onclick="PrintSelectedBill(this)"
                                                               data-id="bills-grid"><img
                                                                        src="assets/uploads/billtemplatelogo/print.png"
                                                                        alt="Logo" width="20"
                                                                        height="20"> {{$template->template_name}} Print</a>
                                                        @endif
                                                    @elseif (!$set_templated_by_branch)
                                                        @if ($template->template_key == 'default')
                                                            <a class="{{$key == 0 ? '' : 'hide-template'}}"
                                                               href="javascript:void(0)"
                                                               data-template="{{$template->template_key}}"
                                                               onclick="PrintSelectedBill(this)"
                                                               data-id="bills-grid"><img
                                                                        src="assets/uploads/billtemplatelogo/print.png"
                                                                        alt="Logo" width="20"
                                                                        height="20"> {{$template->template_name}} Print</a>
                                                        @else
                                                            <a class="{{$key == 0 ? '' : 'hide-template'}}"
                                                               href="javascript:void(0)"
                                                               data-template="{{$template->template_key}}"
                                                               onclick="PrintSelectedBill(this)"
                                                               data-id="bills-grid"><img
                                                                        src="assets/uploads/billtemplatelogo/print.png"
                                                                        alt="Logo" width="20"
                                                                        height="20"> {{$template->template_name}} Print</a>
                                                        @endif
                                                    @endif
                                                @endforeach
                                                {{-- @foreach ($bill_templates as $key => $template)
                                                  @if($template->template_key == 'default')
                                                    <a href="javascript:void(0)" data-template="{{$template->template_key}}" onclick="PrintSelectedBill(this)" data-id="bills-grid"><img src="assets/uploads/billtemplatelogo/print.png" alt="Logo" width="20" height="20"> Print</a>
                                                  @else
                                                    @if(in_array($template->template_key, $selected_bill_template_array) && $set_templated_by_branch)
                                                      <a class="hide-template" href="javascript:void(0)" data-template="{{$template->template_key}}" onclick="PrintSelectedBill(this)" data-id="bills-grid"><img src="assets/uploads/billtemplatelogo/print.png" alt="Logo" width="20" height="20"> {{$template->template_name}}</a>
                                                    @elseif(!$set_templated_by_branch)
                                                      <a class="hide-template" href="javascript:void(0)" data-template="{{$template->template_key}}" onclick="PrintSelectedBill(this)" data-id="bills-grid"><img src="assets/uploads/billtemplatelogo/print.png" alt="Logo" width="20" height="20"> {{$template->template_name}}</a>
                                                    @endif
                                                  @endif
                                                @endforeach --}}
                                                @if(count($selected_bill_template_array) > 1 && $set_templated_by_branch)
                                                    <a class="loadMoreButton" href="javascript:void(0)"
                                                       onclick="loadMoreTemplate(this)" data-id="default">Load More</a>
                                                @elseif (!$set_templated_by_branch)
                                                    <a class="loadMoreButton" href="javascript:void(0)"
                                                       onclick="loadMoreTemplate(this)" data-id="default">Load More</a>
                                                @endif
                                            </div>
                                        </div>
                                    @endif
                                    <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip"
                                       onclick="ToggleDataTable('bills-grid')" title="Search"><i
                                                class="fa fa-search"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="table-responsive">
                                <table id="bills-grid" class="table table-bordered table-hover display">
                                    <thead>
                                    <th class="text-center">
                                        @if(LaraCore::canOrNot('delete_bills'))
                                            <input name="select_all" type="checkbox" class="minimal" id="bulk_delete"
                                                   data-scope="#bills-grid"/>
                                        @endif
                                    </th>
                                    <th>Client Code</th>
                                    <th>Client Name</th>
                                    <th class="text-center">Booking Amount</th>
                                    <th class="text-center">Billed Amount</th>
                                    <th class="text-center">Grand Total</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                    {{--<th>Pending Bill Amt</th>--}}
                                    <th class="text-center">Balance (Credit)</th>
                                    <th>&nbsp;</th>
                                    <th>&nbsp;</th>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                    <tfoot>
                                    <tr class="bg-color-foot-color">
                                        <th colspan="3" class="border-style"><b>Total Amount:</b></th>
                                        <th class="border-style"></th>
                                        <th class="border-style"></th>
                                        <th class="border-style"></th>
                                        <th colspan="2" class="border-style"></th>
                                        {{--<th class="border-style"></th>--}}
                                        <th class="border-style"></th>
                                        <th class="border-style"></th>
                                        <th class="border-style"></th>
                                    </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="bills_modal_div">
                        <div class="edit_modal">
                        </div>
                        {{-- @include('panel.bills.create', [@$data]) --}}
                    </div>
                    @include('common.modal.delete_confirm_modal',['entity' =>  'bills'])
                    @include('common.modal.multiple_bill_generate_confirm_model')
                    @include('common.modal.send_bill_mail_confirm_model')
                </section>
            </div>
            <div class="col-md-1"></div>
        </div>
    </div>
@stop
@section('custom-scripts')
    <script type="text/javascript">
        var rows_selected = "";
        $(document).ready(function () {
            initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
            initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
            initFileInput();
            initRichText();
            billsTable = $('#bills-grid').DataTable({
                'language': {
                    "emptyTable": '{{LaraCore::setting('no_records')}}',
                    "processing": "<i class='fa fa-spinner fa-spin fa-3x'></i>"
                },
                "aLengthMenu": [[-1, 10, 20, 30, 40, 50], ['All', 10, 20, 30, 40, 50]],
                "order": [2, "asc"],
                processing: true,
                serverSide: true,
                ajax: {
                    url: '{{route("client.bills")}}',
                    data: function (d) {
                        d._token = $('hidden[name=_token]').val();
                        d.current_month = $('select[name=current_month]').val();
                    },
                    type: 'POST',
                },
                columns: [
                    {
                        data: 'bulk_delete',
                        name: 'bulk_delete',
                        orderable: false,
                        searchable: false,
                        width: "4%",
                        className: 'text-center',
                        visible: '{{LaraCore::canOrNot("delete_bills")}}'
                    },
                    {data: 'id', name: 'clients.id', visible: true, searchable: false, width: "5%"},
                    {data: 'name', name: 'clients.name', width: "25%"},
                    {data: 'amount', name: 'net_amt', width: "7%", className: 'text-right'},
                    {data: 'bill_amount', name: 'b.amount', width: "9%", className: 'text-right'},
                    {data: 'grandtotal', name: 'b.grandtotal', width: "9%", className: 'text-right'},
                    {data: 'paymentStatus', name: 'b.paymentStatus', width: "10%", searchable: false},
                    {data: 'btn', name: 'btn', width: "10%", className: 'text-left'},
                    /*{data: 'pendingAmt', name: 'pendingAmt', width: "5%", className: 'text-right'},*/
                    {data: 'balance', name: 'bal.amount', width: "9%", className: 'text-right'},
                    {
                        data: 'income',
                        name: 'income',
                        orderable: false,
                        searchable: false,
                        width: "5%",
                        className: 'text-center'
                    },
                    {
                        data: 'print',
                        name: 'print',
                        orderable: false,
                        searchable: false,
                        width: "5%",
                        className: 'text-center'
                    },
                ],
                'rowCallback': function (row, data, dataIndex) {
                    var rowId = data['id'];
                    if ($.inArray(rowId, rows_selected) !== -1) {
                        $(row).find('.entity_chkbox').prop('checked', true);
                        $(row).addClass('selected');
                    }
                    var paymentStatus = data['paymentStatus'];
                    if (paymentStatus == "<label class='text-green'>Paid</label>") {
                        $(row).addClass('sendSms');
                    }
                },
                footerCallback: function (row, data, start, end, display) {
                    var api = this.api(), data;
                    var intVal = function (i) {
                        return typeof i === 'string' ?
                            i.replace(/[\$,]/g, '') * 1 :
                            typeof i === 'number' ?
                                i : 0;
                    };

                    amount = api
                        .column(3)
                        .data()
                        .reduce(function (a, b) {
                            return intVal(a) + intVal(b);
                        }, 0);

                    $(api.column(3).footer()).html(
                        Number(amount).toLocaleString('en')
                    );

                    bill_amount = api
                        .column(4)
                        .data()
                        .reduce(function (a, b) {
                            return intVal(a) + intVal(b);
                        }, 0);

                    $(api.column(4).footer()).html(
                        Number(bill_amount).toLocaleString('en')
                    );

                    grandtotal = api
                        .column(5)
                        .data()
                        .reduce(function (a, b) {
                            return intVal(a) + intVal(b);
                        }, 0);

                    $(api.column(5).footer()).html(
                        Number(grandtotal).toLocaleString('en')
                    );

                    /*pendingAmt = api
                        .column(8)
                        .data()
                        .reduce(function (a, b) {
                            return intVal(a) + intVal(b);
                        }, 0);

                    $(api.column(8).footer()).html(
                        Number(pendingAmt).toLocaleString('en')
                    );

                    balance = api
                        .column(9)
                        .data()
                        .reduce(function (a, b) {
                            return intVal(a) + intVal(b);
                        }, 0);

                    $(api.column(9).footer()).html(
                        Number(balance).toLocaleString('en')
                    );*/
                },
            });
            initSelectAll('#bills-grid', billsTable);

            $(document).on('click', 'button[name="create_incomes"]', function (e) {
                e.preventDefault();
                createIncomes();
            });

            $(document).on('click', '#payment_accountbill', function (e) {
                var branch_id = $('#payment_accountbill_modal').find('#branch_id').val();
                var bill_id = $('#payment_accountbill_modal').find('#bill_id').val();
                var bill_amount = $('#payment_accountbill_modal').find('#bill_amount').val();
                var client_id = $('#payment_accountbill_modal').find('#client_id').val();

                $.ajax({
                    type: "POST",
                    url: '{{route('paid.bill.amount')}}',
                    data: {
                        'branch_id': branch_id,
                        'bill_id': bill_id,
                        'bill_amount': bill_amount,
                        'client_id': client_id
                    },
                    dataType: 'json',
                    success: function (data) {
                        billsTable.draw();
                        $('#payment_accountbill_modal').modal('hide');
                        DisplayMessages(data['message']);
                    },
                    error: function (jqXHR, exception) {
                        var Response = jqXHR.responseText;
                        Response = $.parseJSON(Response);
                        DisplayMessages(Response.message, 'error');
                    }
                });
            });

            $(document).on('click', '#markAsUnpaid', function (e) {
                var branch_id = $('#unpaid_confirm_modal').find('#branch_id').val();
                var bill_id = $('#unpaid_confirm_modal').find('#bill_id').val();
                var bill_amount = $('#unpaid_confirm_modal').find('#bill_amount').val();
                var client_id = $('#unpaid_confirm_modal').find('#client_id').val();
                $.ajax({
                    type: "POST",
                    url: '{{ route('unpaid.bill.amount') }}',
                    data: {
                        'branch_id': branch_id,
                        'bill_id': bill_id,
                        'bill_amount': bill_amount,
                        'client_id': client_id
                    },
                    dataType: 'json',
                    success: function (data) {
                        billsTable.draw();
                        $('#unpaid_confirm_modal').modal('hide');
                        DisplayMessages(data['message']);
                    },
                    error: function (jqXHR, exception) {
                        var Response = jqXHR.responseText;
                        Response = $.parseJSON(Response);
                        DisplayMessages(Response.message, 'error');
                    }
                });
            });

            $(document).on('click', '#delete_bills', function (e) {
                var bills_ids = rows_selected;
                var formData = {bills_ids: bills_ids};
                var url = APP_URL + "/bills-delete";
                $.ajax({
                    type: "POST",
                    url: url,
                    data: formData,
                    dataType: 'json',
                    success: function (data) {
                        billsTable.draw();
                        $('#delete_bills_modal').modal('hide');
                        DisplayMessages(data['message']);
                    },
                    error: function (jqXHR, exception) {
                        var Response = jqXHR.responseText;
                        Response = $.parseJSON(Response);
                        DisplayMessages(Response.message, 'error');
                    }
                });
            });

            $(document).on('ifChanged', 'input[name^="check-item"]', function (event) {
                ele = event.currentTarget;
                var checked = ele.checked;
                var value = ele.value;
                if (value == 'debit_cash_memo' || value == 'text_invoice' || value == 'bill_copy') {
                    if (checked == false) {
                        $('#clientBillItemPreferenceModal').find('.' + value).css({'visibility': 'hidden'});
                    } else {
                        $('#clientBillItemPreferenceModal').find('.' + value).css({'visibility': 'visible'});
                    }
                } else if (value == 'receiver' || value == 'center' || value == 'remark' || value == 'package_type' || value == 'carrier' || value == 'weight' || value == 'insurance') {
                    var colspanVal = $('#clientBillItemPreferenceModal').find('.cols-class').prop("colspan");
                    if (checked == false) {
                        updatedColspanVal = colspanVal - 1;
                        $('#clientBillItemPreferenceModal').find('.' + value).hide();
                        $('#clientBillItemPreferenceModal').find('.cols-class').attr('colspan', updatedColspanVal);
                    } else {
                        updatedColspanVal = colspanVal + 1;
                        $('#clientBillItemPreferenceModal').find('.' + value).show();
                        $('#clientBillItemPreferenceModal').find('.cols-class').attr('colspan', updatedColspanVal);
                    }
                } else {
                    if (checked == false) {
                        $('#clientBillItemPreferenceModal').find('.' + value).css({'display': 'none'});
                        if (value == 'bank_details') {
                            $('#clientBillItemPreferenceModal').find('.payment_of_favor, .payment_due_date').addClass('width-100');
                        }
                    } else {
                        $('#clientBillItemPreferenceModal').find('.' + value).css({'display': 'block'});
                        if (value == 'bank_details') {
                            $('#clientBillItemPreferenceModal').find('.payment_of_favor, .payment_due_date').removeClass('width-100');
                        }
                    }
                }
            });

        });

        $(document).on('hidden.bs.modal', '#bills_modal', function (event) {
            $('.bills_modal_div .edit_modal').html('');
            var form = $("#bills_save");
            $(form)[0].reset();
            form.find('input[name="id"]').val('');
            $(form).find('.has-error').removeClass('has-error');
            $(form).find('.help-block').html('');
        });

        $(document).on('shown.bs.modal', '#bills_modal', function (event) {
            var form = $("#bills_save");
            $(form)[0].reset();
            $('#bills_modal input:visible:enabled:first').focus();
            $(form).find('.has-error').removeClass('has-error');
            $(form).find('.help-block').html('');
        });

        $(document).on('hidden.bs.modal', '#send_bill_mail_confirm_model', function (event) {
            var form = $("#send_bills_email_form");
            form.find('#hidden_selected_bill').val('');
            form.find('#hidden_bill_template').val('');
        });

        $(".filter").change(function (e) {
            e.preventDefault();
            billsTable.draw();
        });

        function createIncomes() {
            var form = $("#incomes_save");
            var formData = $(form).serialize();
            var url = $(form).attr('action');
            var id = form.find('input[name="id"]').val();
            $(form).find('.has-error').removeClass('has-error');
            $(form).find('.help-block').html('');
            var type = "POST";
            var options = {
                target: '',
                url: url,
                type: type,
                success: function (data) {
                    $(form)[0].reset();
                    form.find('input[name="id"]').val('');
                    var firstSelectClientVal = $('select[name="client_id"]').find('option:first').val();
                    $('select[name="client_id"]').val(firstSelectClientVal).change();
                    var firstSelectTypeVal = $('select[name="type"]').find('option:first').val();
                    $('select[name="type"]').val(firstSelectTypeVal).change();
                    $("#incomes_modal").modal('hide');
                    billsTable.draw(true);
                    DisplayMessages(data['message']);
                    // refreshHeader();
                },
                error: function (jqXHR, exception) {
                    var Response = jqXHR.responseText;
                    ErrorBlock = $(form);
                    Response = $.parseJSON(Response);
                    DisplayErrorMessages(Response, ErrorBlock, 'input');
                }
            }
            $(form).ajaxSubmit(options);
        }

        function createbills() {
            var form = $("#bills_save");
            var formData = $(form).serialize();
            var url = $(form).attr('action');
            var id = form.find('input[name="id"]').val();
            $(form).find('.has-error').removeClass('has-error');
            $(form).find('.help-block').html('');
            var type = "POST";
            var options = {
                target: '',
                url: url,
                type: type,
                success: function (data) {
                    $(form)[0].reset();
                    form.find('input[name="id"]').val('');
                    $("#bills_modal").modal('hide');
                    billsTable.draw(true);
                    DisplayMessages(data['message']);
                    // refreshHeader();
                },
                error: function (jqXHR, exception) {
                    var Response = jqXHR.responseText;
                    ErrorBlock = $(form);
                    Response = $.parseJSON(Response);
                    DisplayErrorMessages(Response, ErrorBlock, 'input');
                }
            }
            $(form).ajaxSubmit(options);
        }

        function SetEditbills(element) {
            var Form = $("#bills_save");
            var Id = $(element).attr('data-id');
            var APP_URL = $('meta[name="_base_url"]').attr('content');
            var url = APP_URL + '/bills/' + Id + '/edit';
            $.ajax({
                type: "GET",
                url: url,
                data: "id=" + Id,
                dataType: "json",
                success: function (res) {
                    $('.bills_modal_div .edit_modal').html(res.modal);
                    initIcheck();
                    initSelect();
                    initFileInput();
                    initRichText();
                    initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
                    initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
                    $('#bills_modal').modal('show');
                }
            });
        }

        function initFileInput() {
            file_inputs = $('input[type="file"]');
            if (file_inputs.length > 0) {
                $.each(file_inputs, function (index, element) {
                    file_input_name = $(this).attr('name');

                    var file_input_src = "";
                    var file_input_config = new Array();

                    var input_src = $('input[name="' + file_input_name + '"]').data('src');

                    if (input_src != "" && input_src !== undefined) {
                        var file_input_src = input_src.split(",");
                        var input_src_names = $('input[name="' + file_input_name + '"]').data('names');
                        ;
                        var input_src_names_arr = input_src_names.split(",");
                        $.each(file_input_src, function (index, element) {
                            file_input_src[index] = APP_URL + '/assets/uploads/bills/' + file_input_src[index];
                        });
                        $.each(input_src_names_arr, function (i, e) {
                            file_type = getFileType(file_input_src[i]);
                            obj = {type: file_type, caption: input_src_names_arr[i], showDelete: false, showZoom: true}
                            file_input_config.push(obj);
                        });
                    } else {
                        file_input_config.push({});
                    }
                    var file_input_options = getFileInputOptions();
                    $.extend(file_input_options, {
                        initialPreview: file_input_src,
                        initialPreviewConfig: file_input_config,
                    });
                    $(this).fileinput(file_input_options);

                    var file_input_name = $(this).attr('name');
                    $(this).on('filecleared', function (event) {
                        var file_input_src = "";

                        var file_input_options = getFileInputOptions();
                        $.extend(file_input_options, {
                            initialPreview: file_input_src,
                            initialPreviewConfig: [{caption: "", filename: "", showDelete: false, showZoom: true},]
                        });
                        $(this).fileinput('refresh', file_input_options);
                        var input_name = file_input_name.replace('[]', '');
                        $('input[name="' + input_name + '_token"]').val('default.jpg');
                    });
                });
            }
        }

        function getBillId(element) {
            var id = $(element).attr('data-id');
            var template = $(element).attr('data-template');
            $('#billId').val(id);
            $('#billTemplate').val(template);
            $('#billMonth').val($('select[name=current_month]').val());
            $('#billId').parents('form').submit();
            if ($('input[name="print_both"]').is(':checked')) {
                setTimeout(function () {
                    $('#detailsBillId').val(id);
                    $('#detailsMonth').val($('select[name=current_month]').val());
                    $('#detailsBillId').parents('form').submit();
                }, 1000);
            }
        }

        function PrintSelectedBill(element) {
            var Id = $(element).attr('data-id');
            var template = $(element).attr('data-template');
            var ListTable = $('#' + Id);
            var ListTbody = $(ListTable).find('tbody');
            var CheckBoxes = $(ListTbody).find('input[type="checkbox"]');
            var Selected = $(ListTbody).find("input[type=checkbox]:checked").map(function () {
                return this.value;
            }).get().join(",");
            if (Selected == '') {
                toastr.error('Please select atleast one bill', 'Error !', {
                    onHidden: function () {
                    }
                });
            } else {
                $('#billId').val(Selected);
                $('#billTemplate').val(template);
                $('#billMonth').val($('select[name=current_month]').val());
                $('#billId').parents('form').submit();
            }
        }

        function setClientBills(element) {
            var client_id = $(element).attr('client-id');
            var bill_id = $(element).attr('bill-id');
            var current_month = $('select[name=current_month]').val()
            $.ajax({
                type: "POST",
                url: '{{route('open-bill-model')}}',
                data: {
                    "client_id": client_id,
                    "current_month": current_month,
                    "bill_id": bill_id,
                },
                dataType: "html",
                success: function (res) {
                    $('body').append(res);
                    var selector = 'input[type="checkbox"].minimal, input[type="radio"].minimal';
                    $('#generate_bills_modal').find(selector).iCheck({
                        checkboxClass: 'icheckbox_minimal-grey',
                        radioClass: 'iradio_minimal-grey'
                    });
                    initSelect();
                    initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
                    $(".date_input").daterangepicker({
                        singleDatePicker: true,
                        autoUpdateInput: true,
                        drops: "up",
                        locale: {
                            format: '{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}',
                        },
                    });
                },
            }).done(function (result) {
                $('#generate_bills_modal').modal('show');
                closeBillGenerate_model();
            });
        }

        function closeBillGenerate_model() {
            $('#generate_bills_modal').on('hidden.bs.modal', function () {
                $('#generate_bills_modal').remove();
            });
        }

        function SaveGeneratedBill(form) {
            var Data = $(form).serialize();
            $.ajax({
                type: "POST",
                url: $(form).attr('action'),
                data: Data,
                dataType: "json",
                beforeSend: function (msg) {
                    $(".master-loader").show();
                },
                success: function (res) {
                    var checkboxValue = $('#generate_bills_modal').find('input[name="send_bill_email"]').prop('checked') == true;
                    $("#generate_bills_modal").modal('hide');
                    $(".master-loader").fadeOut();
                    if (res.status == 'success' && res.message == 'created') {
                        toastr.success('Bill created successfully !', 'Success !', {
                            onHidden: function () {
                            }
                        });
                        if (checkboxValue == true) {
                            toastr.success('Mail send successfully !', 'Success !', {
                                onHidden: function () {
                                }
                            });
                        }
                    } else if (res.status == 'success' && res.message == 'updated') {
                        toastr.success('Bill updated successfully !', 'Success !', {
                            onHidden: function () {
                            }
                        });
                        if (checkboxValue == true) {
                            toastr.success('Mail send successfully !', 'Success !', {
                                onHidden: function () {
                                }
                            });
                        }
                    }
                    billsTable.draw(true);
                },
                error: function (jqXHR, exception) {
                    $(".master-loader").fadeOut();
                    var Response = jqXHR.responseText;
                    ErrorBlock = $(form);
                    Response = $.parseJSON(Response);
                    DisplayErrorMessages(Response, ErrorBlock, 'input');
                }
            });
            return false;
        }

        function generate_and_print(element) {
            var form = $(element).parents('#bills_save');
            var Data = $(form).serialize();
            var template = $('input[name="bill_template"]:checked').val();

            $.ajax({
                type: "POST",
                url: $(form).attr('action'),
                data: Data,
                dataType: "json",
                beforeSend: function (msg) {
                    $(".master-loader").show();
                },
                success: function (res) {
                    var checkboxValue = $('#generate_bills_modal').find('input[name="send_bill_email"]').prop('checked') == true;
                    $(".master-loader").fadeOut("slow");
                    if (res.status == 'success' && res.message == 'created') {
                        toastr.success('Bill created successfully !', 'Success !', {
                            onHidden: function () {
                            }
                        });
                        if (checkboxValue == true) {
                            toastr.success('Mail send successfully !', 'Success !', {
                                onHidden: function () {
                                }
                            });
                        }
                    } else if (res.status == 'success' && res.message == 'updated') {
                        toastr.success('Bill updated successfully !', 'Success !', {
                            onHidden: function () {
                            }
                        });
                        if (checkboxValue == true) {
                            toastr.success('Mail send successfully !', 'Success !', {
                                onHidden: function () {
                                }
                            });
                        }
                    }
                    $("#generate_bills_modal").modal('hide');
                    billsTable.draw(true);
                    $('#billId').val(res.bill_id);
                    $('#billTemplate').val(template);
                    $('#billMonth').val($('select[name=current_month]').val());
                    $('#billId').parents('form').submit();
                },
                error: function (jqXHR, exception) {
                    $(".master-loader").fadeOut("slow");
                    var Response = jqXHR.responseText;
                    ErrorBlock = $(form);
                    Response = $.parseJSON(Response);
                    DisplayErrorMessages(Response, ErrorBlock, 'input');
                }
            });
            return false;
        }

        function openIncomeModal(element) {
            var clientId = $(element).attr('data-id');
            var billId = $(element).attr('bill-id');
            $.ajax({
                type: "POST",
                url: '{{route('open.income.modal')}}',
                data: {'clientId': clientId, 'billId': billId},
                dataType: "html",
                beforeSend: function (msg) {
                    $(".master-loader").show();
                },
                success: function (res) {
                    $(".master-loader").fadeOut("slow");
                    $('body').append(res);
                    initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
                    initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
	                //jQuery('#add-income-amount').on('keyup blur', debounce(refreshUnpaidBillsTable, 800));
	                refreshUnpaidBillsTable();
                },
                error: function (jqXHR, exception) {
                    $(".master-loader").fadeOut("slow");
                    var Response = jqXHR.responseText;
                    ErrorBlock = $(form);
                    Response = $.parseJSON(Response);
                    DisplayErrorMessages(Response, ErrorBlock, 'input');
                }
            }).done(function (result) {
                $('#incomes_modal').modal('show');
                closeIncomeModal();
            });
            return false;
        }

        function debounce(func, wait, immediate) {
	        var timeout;
	        return function() {
		        var context = this, args = arguments;
		        var later = function() {
			        timeout = null;
			        if (!immediate) func.apply(context, args);
		        };
		        var callNow = immediate && !timeout;
		        clearTimeout(timeout);
		        timeout = setTimeout(later, wait);
		        if (callNow) func.apply(context, args);
	        };
        };

        function closeIncomeModal() {
            $('#incomes_modal').on('hidden.bs.modal', function () {
                $('#incomes_modal').remove();
            });
        }

        function openConfirmModel(element) {
            var bill_id = $(element).attr('bill-id');
            var bill_amount = $(element).attr('bill-amount');
            var client_id = $(element).attr('client-id');

            $.ajax({
                type: "POST",
                url: '{{route('open.confirm.model')}}',
                data: {
                    "bill_id": bill_id,
                    "bill_amount": bill_amount,
                    "client_id": client_id
                },
                dataType: "html",
                success: function (res) {
                    $('body').append(res);
                },
            }).done(function (result) {
                $('#payment_accountbill_modal').modal('show');
                payment_accountbill_modal();
            });
        }

        function payment_accountbill_modal() {
            $('#payment_accountbill_modal').on('hidden.bs.modal', function () {
                $('#payment_accountbill_modal').remove();
            });
        }

        function openUnpaidModel(element) {
            var bill_id = $(element).attr('bill-id');
            var bill_amount = $(element).attr('bill-amount');
            var client_id = $(element).attr('client-id');
            $.ajax({
                type: "POST",
                url: '{{route('open.unpaid.model')}}',
                data: {
                    "bill_id": bill_id,
                    "bill_amount": bill_amount,
                    "client_id": client_id
                },
                dataType: "html",
                success: function (res) {
                    $('body').append(res);
                },
            }).done(function (result) {
                $('#unpaid_confirm_modal').modal('show');
                unpaid_confirm_modal();
            });
        }

        function unpaid_confirm_modal() {
            $('#unpaid_confirm_modal').on('hidden.bs.modal', function () {
                $('#unpaid_confirm_modal').remove();
            });
        }

        function setDefaultBillItemPreferences(element) {
            var client_id = $(element).attr('client-id');
            var bill_id = $(element).attr('data-id');
            $.ajax({
                type: "POST",
                url: '{{route('set.default.bill.item.preferences')}}',
                data: {
                    "client_id": client_id, "bill_id": bill_id, "type": "domestic"
                },
                dataType: "html",
                success: function (res) {
                    $('body').append(res);
                    var selector = 'input[type="checkbox"].minimal, input[type="radio"].minimal';
                    $('#clientBillItemPreferenceModal').find(selector).iCheck({
                        checkboxClass: 'icheckbox_minimal-grey',
                        radioClass: 'iradio_minimal-grey'
                    });
                },
            }).done(function (result) {
                $('#clientBillItemPreferenceModal').modal('show');
                clientBillItemPreferenceModal();
            });
        }

        function clientBillItemPreferenceModal() {
            $('#clientBillItemPreferenceModal').on('hidden.bs.modal', function () {
                $('#clientBillItemPreferenceModal').remove();
            });
        }

        function saveClientBillItemPreferences(form) {
            var Selected = $("#client_bill_item_preference_form input[type=checkbox]:checked").map(function () {
                return this.value;
            }).get().join(",");
            $('#client_bill_item_preference_form').find('#selected_bill_item').val(Selected);
            var form = $("#client_bill_item_preference_form");
            var formData = $(form).serialize();
            var url = $(form).attr('action');

            $.ajax({
                type: "POST",
                url: $(form).attr('action'),
                data: formData,
                dataType: "json",
                success: function (res) {
                    if (res.status == 'success') {
                    }
                    DisplayMessages('Bill Item preferences are updated.');
                },
            });
            $('#clientBillItemPreferenceModal').modal('hide');

            var bill_id = $('#client_bill_item_preference_form').find('#bill_id').val();
            $('#billId').val(bill_id);
            $('#billTemplate').val('default');
            $('#billMonth').val($('select[name=current_month]').val());
            $('#billId').parents('form').submit();
            return false;
        }

        function loadMoreTemplate(element) {
            var id = $(element).attr('data-id');
            var loadMoreButton = $('.template-' + id).find('.hide-template').removeClass('hide-template').addClass('.show-template');
            var hideLoadMoreButton = $('.template-' + id).find('.loadMoreButton').addClass('hide-template');
        }

        function multipleBillGenerated(element) {
            var bill_month = $('select[name=current_month]').val()
            $.ajax({
                type: "POST",
                url: '{{route('load.multiple.bill.model')}}',
                data: {
                    "bill_month": bill_month
                },
                dataType: "html",
                success: function (res) {
                    $('body').append(res);
                    var selector = 'input[type="checkbox"].minimal, input[type="radio"].minimal';
                    $('#multiple_bill_generate_model').find(selector).iCheck({
                        checkboxClass: 'icheckbox_minimal-grey',
                        radioClass: 'iradio_minimal-grey'
                    });
                    $(".date_input").daterangepicker({
                        singleDatePicker: true,
                        autoUpdateInput: true,
                        drops: "down",
                        locale: {
                            format: '{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}',
                        }
                    });
                    checkAllClients();
                },
            }).done(function (result) {
                $('#multiple_bill_generate_model').modal('show');
                closedMultipleBillGenerateModel();
            });
        }

        function closedMultipleBillGenerateModel() {
            $('#multiple_bill_generate_model').on('hidden.bs.modal', function () {
                $('#multiple_bill_generate_model').remove();
            });
        }

        function searchToClient() {
            var serach_word = $('#multiple_bill_generate_model').find('input[name="search"]').val();
            var bill_month = $('select[name=current_month]').val()
            $.ajax({
                type: "POST",
                url: '{{route('search.client.multiplebill')}}',
                data: {'serach_word': serach_word, 'bill_month': bill_month},
                dataType: "json",
                success: function (res) {
                    if (res.status == 'success') {
                        var filter_client = res.filter_client;
                        var clients_count = res.clients_count;
                        $('#multiple_bill_generate_model').find('.clients').css('display', 'none');
                        if (clients_count > 0) {
                            $('#multiple_bill_generate_model').find('.msg').addClass('hide');
                            $('#multiple_bill_generate_model').find('.clients').removeClass('hide');
                            $.each(filter_client, function (key, value) {
                                $('#multiple_bill_generate_model').find('.client-' + value.client_id).css('display', 'table-row');
                            });
                        } else {
                            setTimeout(function () {
                                $('#tr-content').find('.msg').removeClass('hide');
                                $('#tr-content').find('.clients').addClass('hide');
                            }, 100);
                        }
                    }
                }
            });
        }

        function checkAllClients() {
            $('input[name="check-all-client"]').on('ifChecked ifUnchecked', function (e) {
                if (e.currentTarget.checked) {
                    $('#multiple_bill_generate_model input[type="checkbox"].check-clients:not(:checked)').iCheck('check');
                } else {
                    $('#multiple_bill_generate_model input[type="checkbox"].check-clients:checked').iCheck('uncheck');
                }
            });
        }

        function multipleBillGenerate() {
            var form = $("#multiple_bill_generate_model");
            var bill_no = $.trim($(form).find('input[name="bill_no"]').val());
            var hidden_bill_month = $.trim($(form).find('#hidden_bill_month').val());
            var bill_month = $.trim($(form).find('input[name="bill_month"]').val());
            var service_charge_percent = $.trim($(form).find('input[name="service_charge_percent"]').val());
            var other_charge = $.trim($(form).find('input[name="other_charge"]').val());
            // var cgstpercent = $.trim($(form).find('input[name="cgstpercent"]').val());
            // var sgstpercent = $.trim($(form).find('input[name="sgstpercent"]').val());
            // var igstpercent = $.trim($(form).find('input[name="igstpercent"]').val());
            var created_at = $.trim($(form).find('input[name="created_at"]').val());
            var bill_template = $.trim($("#multiple_bill_generate_model input[name=bill_template]:checked").val());
            var selected_client = $.trim($("#multiple_bill_generate_model #clients input[type=checkbox]:checked").map(function () {
                return this.value;
            }).get().join(","));
            var is_first_comma = selected_client.charAt(0);

            var new_updated_selected_client = selected_client;
            if (is_first_comma == ',') {
                var new_updated_selected_client = selected_client.substring(1);
            }

            var selected_client_array = new_updated_selected_client.split(',');
            var selected_client_count = selected_client_array.length;

            if ($('input[name="send_bill_email"]').is(':checked'))
                var send_bill_email = true;
            else {
                var send_bill_email = false;
            }


            if (bill_no == '') {
                $(form).find('.error-block-bill-no').addClass('has-error');
                $(form).find('.error-block-bill-no').find('.hide').removeClass('hide').addClass('show');
            } else {
                $(form).find('.error-block-bill-no').removeClass('has-error');
                $(form).find('.error-block-bill-no').find('.show').removeClass('show').addClass('hide');
            }

            if (bill_month == '') {
                $(form).find('.error-block-bill-month').addClass('has-error');
                $(form).find('.error-block-bill-month').find('.hide').removeClass('hide').addClass('show');
            } else {
                $(form).find('.error-block-bill-month').removeClass('has-error');
                $(form).find('.error-block-bill-month').find('.show').removeClass('show').addClass('hide');
            }

            // if (cgstpercent == '') {
            //   $(form).find('.error-block-cgstpercent').addClass('has-error');
            //   $(form).find('.error-block-cgstpercent').find('.hide').removeClass('hide').addClass('show');
            // } else {
            //   $(form).find('.error-block-cgstpercent').removeClass('has-error');
            //   $(form).find('.error-block-cgstpercent').find('.show').removeClass('show').addClass('hide');
            // }

            // if (sgstpercent == '') {
            //   $(form).find('.error-block-sgstpercent').addClass('has-error');
            //   $(form).find('.error-block-sgstpercent').find('.hide').removeClass('hide').addClass('show');
            // } else {
            //   $(form).find('.error-block-sgstpercent').removeClass('has-error');
            //   $(form).find('.error-block-sgstpercent').find('.show').removeClass('show').addClass('hide');
            // }

            // if (igstpercent == '') {
            //   $(form).find('.error-block-igstpercent').addClass('has-error');
            //   $(form).find('.error-block-igstpercent').find('.hide').removeClass('hide').addClass('show');
            // } else {
            //   $(form).find('.error-block-igstpercent').removeClass('has-error');
            //   $(form).find('.error-block-igstpercent').find('.show').removeClass('show').addClass('hide');
            // }

            if (selected_client == '') {
                $(form).find('.error-block-clients').addClass('has-error');
                $(form).find('.error-block-clients').find('.hide').removeClass('hide').addClass('show');
            } else {
                $(form).find('.error-block-clients').removeClass('has-error');
                $(form).find('.error-block-clients').find('.show').removeClass('show').addClass('hide');
            }

            if (bill_template == '') {
                $(form).find('.error-block-bill-template').addClass('has-error');
                $(form).find('.error-block-bill-template').find('.hide').removeClass('hide').addClass('show');
            } else {
                $(form).find('.error-block-bill-template').removeClass('has-error');
                $(form).find('.error-block-bill-template').find('.show').removeClass('show').addClass('hide');
            }

            if (bill_no != '' && bill_month != '' && selected_client != '' && created_at != '' && bill_template != '') {
                $('#multiple_bill_generate_confirm_model').modal('show');
                $('#multiple_bill_generate_confirm_model').find('#bill_count').html(selected_client_count);
                $('#multiple_bill_generate_confirm_model').find('#hidden_bill_no').val(bill_no);
                $('#multiple_bill_generate_confirm_model').find('#hidden_bill_month').val(hidden_bill_month);
                $('#multiple_bill_generate_confirm_model').find('#hidden_service_charge_percent').val(service_charge_percent);
                $('#multiple_bill_generate_confirm_model').find('#hidden_other_charge').val(other_charge);
                // $('#multiple_bill_generate_confirm_model').find('#hidden_cgstpercent').val(cgstpercent);
                // $('#multiple_bill_generate_confirm_model').find('#hidden_sgstpercent').val(sgstpercent);
                // $('#multiple_bill_generate_confirm_model').find('#hidden_igstpercent').val(igstpercent);
                $('#multiple_bill_generate_confirm_model').find('#hidden_selected_client').val(new_updated_selected_client);
                $('#multiple_bill_generate_confirm_model').find('#hidden_created_at').val(created_at);
                $('#multiple_bill_generate_confirm_model').find('#hidden_bill_template').val(bill_template);
                $('#multiple_bill_generate_confirm_model').find('#hidden_send_bill_email').val(send_bill_email);

            }
            return false;
        }

        function saveMultipleBillGenerated(form) {
            var Data = $(form).serialize();
            $.ajax({
                type: "POST",
                url: $(form).attr('action'),
                data: Data,
                dataType: "json",
                beforeSend: function (msg) {
                    $(".master-loader").show();
                },
                success: function (res) {
                    var bill_template = $('#multiple_bill_generate_confirm_model').find('#hidden_bill_template').val();
                    var checkboxValue = $('#multiple_bill_generate_confirm_model').find('input[name="send_bill_email"]').val();
                    $('#multiple_bill_generate_confirm_model').modal('hide');
                    $('#multiple_bill_generate_confirm_model').find('#hidden_bill_no').val('');
                    $('#multiple_bill_generate_confirm_model').find('#hidden_bill_month').val('');
                    $('#multiple_bill_generate_confirm_model').find('#hidden_service_charge_percent').val('');
                    $('#multiple_bill_generate_confirm_model').find('#hidden_other_charge').val('');
                    // $('#multiple_bill_generate_confirm_model').find('#hidden_cgstpercent').val('');
                    // $('#multiple_bill_generate_confirm_model').find('#hidden_sgstpercent').val('');
                    // $('#multiple_bill_generate_confirm_model').find('#hidden_igstpercent').val('');
                    $('#multiple_bill_generate_confirm_model').find('#hidden_selected_client').val('');
                    $('#multiple_bill_generate_confirm_model').find('#hidden_created_at').val('');
                    $('#multiple_bill_generate_confirm_model').find('#hidden_bill_template').val('');
                    $('#multiple_bill_generate_confirm_model').find('#hidden_send_bill_email').val('');
                    $('#multiple_bill_generate_model').modal('hide');
                    $(".master-loader").fadeOut();
                    if (res.status == 'success' && res.message == 'created') {
                        toastr.success('Multiple Bill created successfully !', 'Success !', {
                            onHidden: function () {
                            }
                        });
                        if (checkboxValue == "true") {
                            toastr.success('Mail send successfully !', 'Success !', {
                                onHidden: function () {
                                }
                            });
                        }
                    }
                    billsTable.draw(true);
                    $('#billId').val(res.bill_ids);
                    $('#billTemplate').val(bill_template);
                    $('#billMonth').val(res.bill_month);
                    $('#billId').parents('form').submit();
                },
                error: function (jqXHR, exception) {
                    $(".master-loader").fadeOut();
                    var Response = jqXHR.responseText;
                    ErrorBlock = $(form);
                    Response = $.parseJSON(Response);
                    DisplayErrorMessages(Response, ErrorBlock, 'input');
                }
            });
            return false;
        }

        function refreshUnpaidBillsTable() {
	        jQuery('form#incomes_save button[type="submit"]').on('click', function(e){
		        const currentBalance = +jQuery('table#unpaidBillsTable').data('balance');
		        const addIncomeAmount = +jQuery('#add-income-amount').val() + (+jQuery('input[name="tds"]').val()) + (+jQuery('input[name="discount"]').val());
		        var updatedBalance = currentBalance + addIncomeAmount;
		        var checkedBillAmount = 0;

		        jQuery('table#unpaidBillsTable tbody tr input[type="checkbox"]:checked').each(function () {
			        checkedBillAmount += +jQuery(this).data('bill-amount');
		        });

		        if(updatedBalance < checkedBillAmount){
			        jQuery('form#incomes_save p.error-message').removeClass('hidden').html("Your selected bills total is higher than income amount. Please uncheck some of bills.");
			        e.preventDefault();
			        return false;
		        }else{
			        jQuery('form#incomes_save p.error-message').addClass('hidden');
                }
	        });
			/*const currentBalance = +jQuery('table#unpaidBillsTable').data('balance');
	        const addIncomeAmount = +jQuery('#add-income-amount').val();
	        var updatedBalance = currentBalance + addIncomeAmount;
			var remainingDues = 0;
			jQuery('#total-balance-update').html( ' + ' + addIncomeAmount + ' = ' + updatedBalance );
	        jQuery('table#unpaidBillsTable tbody tr').each(function () {
		        const billAmount = +jQuery(this).data('bill-amount');
		        if ((updatedBalance - billAmount) >= 0) {
			        jQuery(this).find('input[type="checkbox"]').first().prop('checked', 'checked');
					jQuery(this).find('input[type="checkbox"]').first().removeAttr('disabled');
			        jQuery(this).removeClass('danger');
			        updatedBalance = updatedBalance - billAmount;
		        } else {
			        jQuery(this).find('input[type="checkbox"]').first().prop('disabled', 'disabled');
			        jQuery(this).find('input[type="checkbox"]').first().removeAttr('checked');
			        jQuery(this).addClass('danger');
			        remainingDues += billAmount;
		        }
	        });
	        jQuery('#total-dues').html(remainingDues);*/
        }

        function sendBillMailModel(element) {
            var bills_ids = rows_selected;
            $.ajax({
                type: "POST",
                url: '{{route('open.send.bill.mail.model')}}',
                data: {
                    "bills_ids": bills_ids
                },
                dataType: "html",
                success: function (res) {
                    $('body').append(res);
                    var selector = 'input[type="checkbox"].minimal, input[type="radio"].minimal';
                    $('#send_bill_mail_model').find(selector).iCheck({
                        checkboxClass: 'icheckbox_minimal-grey',
                        radioClass: 'iradio_minimal-grey'
                    });
                },
            }).done(function (result) {
                $('#send_bill_mail_model').modal('show');
                closedsendBillMailModel();
            });
        }

        function closedsendBillMailModel() {
            $('#send_bill_mail_model').on('hidden.bs.modal', function () {
                $('#send_bill_mail_model').remove();
            });
        }

        function manuallySendBillMail() {
            var form = $("#send_bill_mail");
            var selected_bills = $.trim($(form).find('#selected_bills').val());
            var selected_bill_array = selected_bills.split(',');
            var selected_bill_count = selected_bill_array.length;
            var bill_template = $.trim($("#send_bill_mail input[name=bill_template]:checked").val());

            if (bill_template == '') {
                $(form).find('.error-block-bill-template').addClass('has-error');
                $(form).find('.error-block-bill-template').find('.hide').removeClass('hide').addClass('show');
            } else {
                $(form).find('.error-block-bill-template').removeClass('has-error');
                $(form).find('.error-block-bill-template').find('.show').removeClass('show').addClass('hide');
            }

            if (selected_bills != '' && bill_template != '') {
                $('#send_bill_mail_confirm_model').modal('show');
                $('#send_bill_mail_confirm_model').find('#bill_count').html(selected_bill_count);
                $('#send_bill_mail_confirm_model').find('#hidden_selected_bills').val(selected_bills);
                $('#send_bill_mail_confirm_model').find('#hidden_bill_template').val(bill_template);

            }
            return false;
        }

        function sendBillsMail(form) {
            var Data = $(form).serialize();
            $.ajax({
                type: "POST",
                url: $(form).attr('action'),
                data: Data,
                dataType: "json",
                beforeSend: function (msg) {
                    $(".master-loader").show();
                },
                success: function (res) {
                    $('#send_bills_email_form').find('#hidden_selected_bills').val('');
                    $('#send_bills_email_form').find('#hidden_bill_template').val('');
                    $('#send_bill_mail_confirm_model').modal('hide');
                    $('#send_bill_mail').find('#selected_bills').val('');
                    $('#send_bill_mail_model').modal('hide');
                    $(".master-loader").fadeOut();
                    if (res.status == 'success') {                        
                        toastr.success('Mail send successfully !', 'Success !', {
                            onHidden: function () {
                            }
                        });
                    } else if (res.status == 'error') {
                        toastr.error('Please select at least one bill!', 'Error !', {
                            onHidden: function () {
                            }
                        });
                    } else if (res.status == 'failed') {
                        toastr.error('Please first set the SMTP Mail Configuration!', 'Error !', {
                            onHidden: function () {
                            }
                        });
                    }
                    billsTable.draw(true);
                },
                error: function (jqXHR, exception) {
                    $(".master-loader").fadeOut();
                    var Response = jqXHR.responseText;
                    ErrorBlock = $(form);
                    Response = $.parseJSON(Response);
                    DisplayErrorMessages(Response, ErrorBlock, 'input');
                }
            });
            return false;
        }
    </script>
@stop