@extends('admin.layout.master')
@section('title','VOUCHER MANAGEMENT')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=date],
    input[type=number] {
        height: 24px !important;
    }
    button[type=button] {
        height: 24px !important;
    }
    .select2-container .select2-selection--single{
        height: 24px !important;
    }
    .padding_apply{
        padding-left: 1px;
    }
    .table thead th {
        border: 1px solid black !important;
        text-align: center;
        vertical-align: middle;
        }
    .table td {
        padding: 0px 5px;
        color: black;
    }

    .table th {
        background: var(--cl-primart);
        padding: 5px !important;
        /* color: white !important; */
    }
</style>
@endsection
@section ('content')
    <div class="card sina-card">
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <h4 class="card-title text-center">{{strtoupper(str_replace('_',' ',$voucher_type['name']))}} </h4>
        </div>
        <form action="{{route('voucher.payment_store',['voucher_type'=>$voucher_type['type']])}}" method="post" onsubmit="return confirm('Are you sure ?')">
            @if (!@$voucher)
                @include('accounts.voucher.invoice_install_form', ['type'=> $voucher_type['type']])
                <hr>
            @else
                <input type="hidden" name="id" value="{{$voucher->id}}">
                <input type="hidden" name="party_ledger_id" value="{{$voucher->invoices->first()->party->account_id}}">
            @endif
            @csrf
            <div class="card-box" style="border: solid 1px var(--cl-primary)">
                <input type="hidden" id="voucher_type" value="{{$voucher_type['type']}}">
                
                <div class="card-body pt-0">
                    @php
                        $cash_bank_type=(($voucher_type['type']==1)||($voucher_type['type']==3))?1:2;
                        $payment=(($voucher_type['type']==1)||($voucher_type['type']==2))?1:0;
                        $optionHtml='<option value="'.getInitDataWithKeyWord('cash')->group_code.'" data-id="'.getInitDataWithKeyWord('cash')->ledger_id.'" data-name="'.getInitDataWithKeyWord('cash')->title.'">'.getInitDataWithKeyWord('cash')->group_code.'</option><option value="'.getInitDataWithKeyWord('bank')->group_code.'" data-id="'.getInitDataWithKeyWord('bank')->ledger_id.'" data-name="'.getInitDataWithKeyWord('bank')->title.'">'.getInitDataWithKeyWord('bank')->group_code.'</option>';
                    @endphp
                    @include('accounts.voucher.voucher_header')
                    <div class="row">
                        <div class="col-md-12 table-responsive-sm" style="padding-bottom: 15px;">
                            <div class="pro_trans_table">

                                <table class="table">
                                    <tbody class="item_tbody">
                                        <tr>
                                            <th width="70%" class="bg-secondary text-light text-center">{{__('obs.invoice_list')}}</th>
                                            <th width="15%" class="bg-secondary text-light">{{($voucher_type['type']%2)==1?'Paid':'Collect'}} {{__('obs.amount')}}</th>
                                            <td width="15%"><input type="text" name="paid_amount" id="paid_amount" class="form-control" onchange="setInvoiceAmount()" min="1"/></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="pro_trans_table cl-table-container">
                                <table class="table cl-table">
                                    <thead>
                                        <tr>
                                            <th class="text-nowrap text-center" style="width: 3%;padding: 0">{{__('obs.sl')}} </th>
                                            <th class="text-nowrap text-center" class="padding_apply">{{__('obs.date')}}</th>
                                            <th class="text-nowrap text-center" class="padding_apply">{{__('obs.invoice_no')}} </th>
                                            <th class="text-nowrap text-center" class="padding_apply">{{__('obs.billed_amount')}}
                                            <th class="text-nowrap text-center" class="padding_apply">{{__('obs.due')}} </th>
                                            <th class="text-nowrap text-center" class="padding_apply">{{__('obs.amount')}}</th>
                                        </tr>
                                    </thead>
                                    
                                    <tbody class="item_tbody" style="border:solid 2px black" id="invoice_body">
                                    </tbody>
                                </table>
                            </div>
                            <div class="pro_trans_table cl-table-container">
                                <table class="table cl-table">
                                    <thead>
                                        <tr>
                                            <th class="text-nowrap text-center" style="width: 3%;padding: 0">{{__('obs.sl')}} </th>
                                            <th class="text-nowrap text-center" class="padding_apply">{{__('obs.group')}} </th>
                                            <th class="text-nowrap text-center" class="padding_apply">{{__('obs.ledger_title')}} </th>
                                            <th class="text-nowrap text-center" class="padding_apply">{{__('obs.cost_center')}} </th>
                                            <th class="text-nowrap text-center" class="padding_apply">{{__('obs.note')}} </th>
                                            <th class="text-nowrap text-center" class="padding_apply">{{__('obs.amount')}} </th>
                                        </tr>
                                    </thead>
                                    <tbody id="voucher_cr_body" style="border:solid 2px black">
                                        @if (@$voucher)
                                            @php
                                                $journals = $voucher->journals->where('type', $voucher_type['type']==1?1:0)->values();
                                            @endphp
                                            @foreach ($journals as $j=> $jr)
                                                <tr data-id="cb{{$j}}" id="entire_row-cb{{$j}}" class="entire_row-cb{{$j}}">
                                                    <td style="width: 3%;padding: 0" class="text-center">
                                                        <input type="hidden" name="cb_id[{{$j}}]" value="{{$jr->id}}" id="">
                                                        {{$payment==0?'DR':'CR'}}-{{($j+1)}}
                                                    </td>
                                                    <td class="padding_apply">
                                                        <div class="input-group">
                                                            <select id="group_row-cb{{ $j }}" data-row_unique="cb{{ $j }}" class="form-control item-cb{{ $j }} select_fixed" onchange="search_group_with_code_after_select('cb{{$j}}')" style="width: 90%">
                                                                {!! $optionHtml !!}
                                                            </select>
                                                            <div class="input-group-append" style="width: 10%">
                                                                <button type="button" disabled onclick="openAccountsGroupDetailsModal('cb{{$j }}')" class="btn btn-danger btn-sm">
                                                                    <span class="fa fa-download"></span>
                                                                    <span class="btn_text-cb{{ $j }}"></span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td class="padding_apply">
                                                        <div class="input-group">
                                                            <select id="row-cb{{ $j }}" onchange="getCheckField('cb{{$j}}')" name="cr_ledger_id[{{$j}}]" class="form-control item-{{ $j }} select_2" data-row_id="{{ $j }}" style="width: 90%">
                                                                @forelse ($cashBanks as $cashBank)
                                                                    <option value="{{$cashBank->account_id}}" data-id="{{$cashBank->id}}" data-type="{{$cashBank->type}}" class="cash-bank-option-{{$cashBank->type}}" {{ $jr->ledger_id == $cashBank->account_id ? 'selected' : '' }}>
                                                                        {{ $cashBank->name_eng }}
                                                                    </option>
                                                                @empty
                                                                @endforelse
                                                            </select>
                                                            <div class="input-group-append" style="width: 10%">
                                                                <button type="button" disabled onclick="openAccountsLedgerDetailsModal('cb{{ $j }}')" class="btn btn-danger btn-sm">
                                                                    <span class="fa fa-download"></span>
                                                                    <span class="btn_text-cb{{ $j}}"></span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    
                                                    <td class="padding_apply">
                                                        <div class="input-group">
                                                            <select name="cb_cost_center_journal[{{$j}}]" id="cost_center_id-{{$j}}" class="select_fixed form-control cost_center_journal" style="width: 100%">
                                                                <option value="0">{{'ALL'}}</option>
                                                                @forelse ($cost_centers as $cost_center)
                                                                    <option value="{{ $cost_center->id }}" {{ $jr->cost_center_id == $cost_center->id ? 'selected' : '' }}> {{$cost_center->name}} </option>
                                                                @empty
                                                                @endforelse
                                                            </select>
                                                        </div>
                                                    </td>
                                                    <td class="padding_apply">
                                                        <div class="input-group">
                                                            <input type="text" value="{{ $jr->note }}" id="des-{{ $j }}" name="cb_des[{{$j}}]" class="form-control des"/>
                                                        </div>
                                                    </td>
                                                    
                                                    <td class="padding_apply">
                                                        <div class="input-group">
                                                            <input type="number" value="{{ $jr->amount }}" step=".01" name="cr_amount[{{$j}}]" onkeyup="getCrSum()" class="form-control c_amount"/>
                                                            <div class="input-group-append">
                                                                <button type="button" onclick="addCashBankRow()" class="btn btn-info">
                                                                    <span class="fa fa-plus"></span>
                                                                    <span class="btn_text-cb{{ $j}}"></span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr data-id="cb{{$j}}" class="entire_row-cb{{$j}}" id="cheque_trcb{{$j}}" style="display:none;">
                                                    <td colspan="4"></td>
                                                    <td>
                                                        <div class="input-group" id="cheque_date_field-cb{{$j}}" style="width:100%">
                                                            <input placeholder="CheckDate" type="date" name="cheque_date[{{$j}}]" id="cheque_date" class="form-control cheque_date" style="width: 70%"/>
                                                            
                                                        </div>
                                                    </td>
                                                    
                                                    <td>
                                                        <div class="input-group" id="cheque_no_field-cb{{$j}}" style="width:100%">
                                                            @if($voucher_type['type']==4)
                                                                <input type="text" id="cheque_no-cb{{$j}}" name="cheque_no[{{$j}}]" class="form-control cheque_no" style="width: 70%"/>
                                                            @else
                                                                <select name="cheque_no[{{$j}}]" id="cheque_no-cb{{$j}}"
                                                                    class="form-control cheque_no" style="width: 70%">
                                                                </select>
                                                            @endif
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @else
                                            @for ($j = 0; $j < 1; $j++)
                                                <tr data-id="cb{{$j}}" id="entire_row-cb{{$j}}" class="entire_row-cb{{$j}}">
                                                    <td style="width: 3%;padding: 0" class="text-center"> {{$payment==0?'DR':'CR'}}-{{($j+1)}} </td>
                                                    <td class="padding_apply">
                                                        <div class="input-group">
                                                            <select id="group_row-cb{{ $j }}" data-row_unique="cb{{ $j }}"
                                                                class="form-control item-cb{{ $j }} select_fixed" onchange="search_group_with_code_after_select('cb{{$j}}')" style="width: 90%">
                                                                {!! $optionHtml !!}
                                                            </select>
                                                            <div class="input-group-append" style="width: 10%">
                                                                <button type="button" disabled
                                                                    onclick="openAccountsGroupDetailsModal('cb{{$j }}')"
                                                                    class="btn btn-danger btn-sm">
                                                                    <span class="fa fa-download"></span><span
                                                                        class="btn_text-cb{{ $j }}"></span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td class="padding_apply">
                                                        <div class="input-group">
                                                            
                                                            <select id="row-cb{{ $j }}" onchange="getCheckField('cb{{$j}}')" name="cr_ledger_id[{{$j}}]" class="form-control item-{{ $j }} select_2" data-row_id="{{ $j }}" style="width: 90%">
                                                                @forelse ($cashBanks as $cashBank)
                                                                    <option value="{{$cashBank->account_id}}"
                                                                        data-id="{{$cashBank->id}}" data-type="{{$cashBank->type}}"
                                                                        class="cash-bank-option-{{$cashBank->type}}">
                                                                        {{ $cashBank->name_eng }}</option>
                                                                @empty
                                                                @endforelse
                                                            </select>
                                                            <div class="input-group-append" style="width: 10%">
                                                                <button type="button" disabled
                                                                    onclick="openAccountsLedgerDetailsModal('cb{{ $j }}')"
                                                                    class="btn btn-danger btn-sm">
                                                                    <span class="fa fa-download"></span><span
                                                                        class="btn_text-cb{{ $j}}"></span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    
                                                    <td class="padding_apply">
                                                        <div class="input-group">
                                                            <select name="cb_cost_center_journal[{{$j}}]"
                                                                id="cost_center_id-{{$j}}"
                                                                class="select_fixed form-control cost_center_journal" style="width: 100%">
                                                                <option value="0">{{'ALL'}}</option>
                                                                @forelse ($cost_centers as $cost_center)
                                                                <option value="{{$cost_center->id}}">
                                                                    {{$cost_center->name}}</option>
                                                                @empty

                                                                @endforelse
                                                            </select>
                                                        </div>
                                                    </td>
                                                    <td class="padding_apply">
                                                        <div class="input-group">
                                                            <input type="text" value="" id="des-{{ $j }}" name="cb_des[{{$j}}]"
                                                                class="form-control des" />
                                                        </div>
                                                    </td>
                                                    
                                                    <td class="padding_apply">
                                                        <div class="input-group">
                                                            <input type="number" step=".01" value="0.00" name="cr_amount[{{$j}}]"
                                                                onkeyup="getCrSum()" class="form-control c_amount" />
                                                            <div class="input-group-append">
                                                                <button type="button" onclick="addCashBankRow()"
                                                                    class="btn btn-info">
                                                                    <span class="fa fa-plus"></span>
                                                                    <span class="btn_text-cb{{ $j}}"></span>
                                                                </button>
                                                                @if ($j > 0)
                                                                    <button type="button" disabled class="btn btn-danger">
                                                                        <span class="fa fa-minus"></span><span class="btn_text-cd{{$j}}`"></span>
                                                                    </button>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr data-id="cb{{$j}}" class="entire_row-cb{{$j}}" id="cheque_trcb{{$j}}" style="display:none;">
                                                    <td colspan="4"></td>
                                                    <td>
                                                        <div class="input-group" id="cheque_date_field-cb{{$j}}" style="width:100%">
                                                            {{-- <div class="input-group-prepend" style="width: 30%"><button type="button" class="btn btn-danger"><span>C_Date</span></button>
                                                            </div> --}}
                                                            <input placeholder="CheckDate" type="date" name="cheque_date[{{$j}}]" id="cheque_date"
                                                            class="form-control cheque_date" style="width: 70%"/>
                                                            
                                                        </div>
                                                    </td>
                                                    
                                                    <td>
                                                        <div class="input-group" id="cheque_no_field-cb{{$j}}" style="width:100%">
                                                            {{-- <div class="input-group-prepend" style="width: 30%"><button type="button" class="btn btn-danger"><span>Cheque_No</span></button>
                                                            </div> --}}
                                                            @if($voucher_type['type']==4)
                                                            <input type="text" id="cheque_no-cb{{$j}}" name="cheque_no[{{$j}}]"
                                                                class="form-control cheque_no" style="width: 70%"/>
                                                            @else
                                                            <select name="cheque_no[{{$j}}]" id="cheque_no-cb{{$j}}"
                                                                class="form-control cheque_no" style="width: 70%">
                                                            </select>
                                                            @endif
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endfor
                                        @endif
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <th colspan="4" class="text-right"> {{__('obs.transaction_total')}} : </th>
                                            <th>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                    <button type="button" class="btn btn-warning"><span>{{__('obs.debit')}}</span></button>
                                                    </div>
                                                    <input type="text" name="total_amount" id="total_amount" class="form-control total_amount" readonly />
                                                </div>
                                            </th>
                                            <th>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <button type="button" class="btn btn-warning"><span>{{__('obs.credit')}}</span></button>
                                                    </div>
                                                    <input type="text" name="total_cr_amount" id="total_cr_amount" class="form-control total_amount" readonly />
                                                </div>
                                            </th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                        <div class="col-md-12 text-center">
                            <div class="input-group">
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="checkbox" name="status" id="status"
                                        value="1">
                                    <label class="form-check-label" for="status">{{__('obs.pending')}}</label>
                                </div>
                                <div class="input-group-append">
                                    <button type="submit" class="btn btn-primary btn-sm">
                                        {{__('obs.submit')}}
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    @include('admin.global.loader')
    @include('accounts.voucher.modal_accounts_ledger')
    @include('accounts.voucher.modal_head_accounts_code')
    @include('accounts.voucher.modal_previous_voucher')

@endsection
@section('script')
<!-- page script -->
<script type="text/javascript">
    const edit_voucher = @json(@$voucher);
    console.log('edit_voucher', edit_voucher);
    
    const req_party_id = "{{ request()->party_id }}";
    const req_inv_ids = "{{ request()->inv_ids }}";
    var voucherFormType = "{{$voucher_type['type']}}";
    console.log(req_party_id, req_inv_ids);
    
    $(document).ready(function() {
        if (edit_voucher) setInvocies(edit_voucher.invoices);
        else if (req_party_id && req_inv_ids) install_invoice_form(1);
    });

    $('.select_2').select2();
    liveSearch('ledger_select_fixed', "{{route('accounts_settings.ledger_search')}}", false, title = 'Select Product', {search_type: 2, group_code: null}, null, (item) => ({ id: item.id, text: item.auto_code + ' -- ' + item.name }));
    
    /*
        $('.ledger_select_fixed').select2({ 
            minimumInputLength: 3,
            ajax: {
                url: "{{route('accounts_settings.ledger_search')}}",
                dataType: 'json',
                type: "GET",
                quietMillis: 50,
                data: function (term) {
                    // row_id= $(term.element).attr('data-row_id');
                    var group_code=$('#group_row-'+0).val();
                    console.log(term);
                    return {
                        _token: $("input[name='_token']").val(),
                        search_type: 2,
                        group_code:null,
                        name: term
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.auto_code + ' -- ' + item.name,
                                id: item.id
                            }
                        })
                    };
                }
            }                                                   
        });
    */

    function setInvoiceAmount() {
        var amount=parseFloat($('#paid_amount').val());
        var csum=0;
        $('.c_inv_amount').each(function(){
            csum += parseFloat(this.value);
        });
        amount=(amount+csum);
        $('.d_inv_amount').each(function(){
            var n=$('.d_inv_amount').index(this);
            var inv_amount=parseFloat($('.payable_invoice_amount').eq(n).text());
            console.log(amount+"|"+n+"|"+inv_amount);
            if(amount>0){
                this.value=(amount>=inv_amount)?inv_amount:amount;
                amount=(amount>=inv_amount)?(amount-inv_amount):0;
            }else{
                this.value=0;
            }
        });

        getInvSum();
    }

    function getInvSum() {
        var sum=0;
        $('.amount').each(function() {
            sum += parseFloat(this.value);
        });
        $('#total_amount').val(parseFloat(sum).toFixed(2));
        getInvoiceSum();
        setBalance();
    }

    function getInvoiceSum() {
        var dsum=0;
        var csum=0;
        $('.d_inv_amount').each(function(){
            dsum += parseFloat(this.value);
        });
        $('.c_inv_amount').each(function(){
            csum += parseFloat(this.value);
        });
        var balance=(dsum-csum);
        $('#paid_amount').val(parseFloat(balance).toFixed(2));
        $('#paid_amount').attr('max',parseFloat(balance).toFixed(2));
    }

    function getGroupWiseLedgerInit(rrow_id) {
        ('.ledger_select_fixed').select2({
            minimumInputLength: 3,
            //tags: [],
            ajax: {
                url: "{{route('accounts_settings.ledger_search')}}",
                dataType: 'json',
                type: "GET",
                quietMillis: 50,
                data: function (term) {
                    // row_id= $(this).attr('data-row_id');
                    // row_id= $(data.element).attr('data-row_id');
                    var group_code=$('#group_row-'+rrow_id).val();
                    return {
                        _token: $("input[name='_token']").val(),
                        search_type: 2,
                        group_code:null,
                        name: term
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.auto_code + ' -- ' + item.name,
                                id: item.id
                            }
                        })
                    };
                }
            }                                                   
        });
    }

    function getCheckField(row_id) {
        var type = $('#row-'+row_id+' option:selected').attr('data-type');
        if(type==2){
            // $('#cheque_date_field-'+row_id).show('slow');
            // $('#cheque_no_field-'+row_id).show('slow');
            $('#cheque_tr'+row_id).show('slow');
            getAvailaibleChequeNo(row_id);
            $('.cheque_no').select2();

        }else{
            // $('#cheque_date_field-'+row_id).hide('slow');
            // $('#cheque_no_field-'+row_id).hide('slow');
            $('#cheque_tr'+row_id).hide('slow');
        }
    }

    function partySearch(cls,type) { //type = 1-vendor, 2-customer, 3 Refferer
        const url=["","/vendor-live-search","/customer-live-search","/lab/reffer-live-search"]
        //var url = (type == 1 ? "/vendor-live-search" : "/customer-live-search");
        $('.'+cls).select2({
            minimumInputLength: 3, 
            ajax: {
                url: url[type],
                dataType: 'json',
                type: "POST",
                quietMillis: 50,
                data: function (term) {
                    return {
                        _token: $("meta[name=csrf-token]").attr('content'), 
                        name: term, 
                    };
                },
                processResults: function (data) { 
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: (type==3?item.name:item.name_eng),
                                id: item.id,
                            }
                        })
                    };
                },
                transport: function (params, success, failure) {
                    var $request = $.ajax(params); 
                    $request.then(success);
                    $request.fail(failure);
                
                    return $request;
                }
            }                                                     
        });
    }

    async function install_invoice_form(from = null) { // from = 1 - Install from saled List
        let sendParameter={};
        var payment_voucher_no=$('#payment_voucher_no').val();
        var party_id=$('#party_id').val();
        var start=$('#start_date').val();
        var end=$('#end_date').val();
        var type=voucherFormType;
        var returnData=``;
        if (payment_voucher_no) {
            sendParameter = {
                invoice_no:payment_voucher_no,
                type:type,
            }
        } else {
            sendParameter = {
                start:start,
                end: end,
                type: type,
                party_id: from?req_party_id:party_id,
                inv_ids: from?req_inv_ids:null,
            }
        }

        ajaxCallV2('/accounts/voucher/invoice_search', 'GET', sendParameter, async (data) => {
            if (data.length) {
                if(payment_voucher_no && type == 3) $('#party_id').html(`<option value="${data[0].ref_person_id}">${(data[0].ref_com_person?data[0].ref_com_person.name:'')}</option>`);
                else if (data[0].party) $('#party_id').html(`<option value="${ data[0].party_id }">${ data[0].party.name_eng }</option>`);
            }

            await setInvocies(data);
            
            $('#loader').hide();
        }, ()=> $('#loader').hide());

        /*
            $.ajaxSetup({
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                },
            });
            $.ajax({
                type: "GET",
                url: "{{route('voucher.invoice_search')}}",
                data:sendParameter,
                success: async function (data) {
                    if(data.length > 0) {
                        if(payment_voucher_no) {
                            if(type == 3) $('#party_id').html(`<option value="${data[0].ref_person_id}">${(data[0].ref_com_person?data[0].ref_com_person.name:'')}</option>`);
                            else $('#party_id').html(`<option value="${data[0].party_id}">${(data[0].party?data[0].party.name_eng:'')}</option>`);
                        }
                        
                        if (data[0].party) $('#party_id').html(`<option value="${ data[0].party_id }">${ data[0].party.name_eng }</option>`);
                        await setInvocies(data);
                        var printUrlArray = ['','/inventory/purchase-print?id=','/inventory/purchase-print?id=','/inventory/sales-print?id=','/inventory/sales-print?id=','/inventory/adjustment-print?id=','/inventory/adjustment-print?id=','/inventory/adjustment-print?id=','/inventory/issue-print?id=','/inventory/issue-print?id=','/inventory/transfer-print?id=', '/inventory/transfer-print?id=', '/inventory/production-print?id=', '/inventory/opening-print?id=','','','adjustment-print?id=', 'purchase-contract-print?id=', 'sales-contract-print?id='];
                        for (let index = 0; index < data.length; index++) {
                            returnData += `<tr role="row" class="odd">
                                <td class="sorting_1">${index+1}</td>
                                <td class="tr_td_group_code-205"> ${formatDate(data[index].date, 'dmy', 'dmy')} </td>`;
                            if (type == 3) {
                                var balance = parseFloat(parseFloat(data[index].ref_com_amount)-parseFloat(data[index].reffer_cash_amount)).toFixed(2);
                                returnData += `<td class="tr_td_title-205">
                                        <input class="d-none" value="${data[index].invoice_no}" type="hidden" name="invoice_no[${data[index].id}]" readonly>
                                        ${data[index].invoice_no}
                                    </td>
                                    <td class="text-right">${parseFloat(data[index].ref_com_amount).toFixed(2)}</td>
                                    <td class="text-right payable_invoice_amount">${balance}</td>
                                    <td class="tr_td_code-205"><input type="number" step=".01" min="0" max="${balance}" class="form-control amount d_inv_amount" onkeyup="getInvSum()" name="invoice_paid_amount[${data[index].id}]" value="${balance}"></td>
                                </tr>`;
                            } else {
                                var balance = parseFloat(parseFloat(data[index].net_total)-parseFloat(data[index].cash_amount)).toFixed(2);
                                returnData += `<td class="tr_td_title-205">
                                        <input class="d-none" value="${data[index].invoice_no}" type="hidden" name="invoice_no[${data[index].id}]" readonly>
                                        <a target="_blank" href="${ printUrlArray[data[index].transaction_type]+data[index].id }" class="text-dark">${data[index].invoice_no}</a>
                                    </td>
                                    <td class="text-right">${parseFloat(data[index].net_total).toFixed(2)}</td>
                                    <td class="text-right payable_invoice_amount">${balance}</td>
                                    <td class="tr_td_code-205"><input type="number" step=".01" min="0" max="${balance}" class="form-control ${((data[index].transaction_type==1||data[index].transaction_type==3)?'amount d_inv_amount':'c_amount c_inv_amount')}" onkeyup="getInvSum()" name="invoice_paid_amount[${data[index].id}]" value="${balance}" ${((data[index].transaction_type==1||data[index].transaction_type==3)?'':'readonly')}></td>
                                </tr>`;
                            }
                        }
                    }
                    $('#invoice_body').html(returnData);
                    getInvSum();
                    getInvoiceSum();
                },
            });
        */
    }

    const setInvocies = invocies => {
        const printUrlArray = ['', '/inventory/purchase-print?id=', '/inventory/purchase-print?id=', '/inventory/sales-print?id=', '/inventory/sales-print?id=', '/inventory/adjustment-print?id=', '/inventory/adjustment-print?id=', '/inventory/adjustment-print?id=', '/inventory/issue-print?id=', '/inventory/issue-print?id=', '/inventory/transfer-print?id=', '/inventory/transfer-print?id=', '/inventory/production-print?id=', '/inventory/opening-print?id=', '', '', 'adjustment-print?id=', 'purchase-contract-print?id=', 'sales-contract-print?id='];
        let html = '';
        for (const [index, inv] of invocies.entries()) {
            html += `<tr role="row" class="odd">
                <td class="sorting_1 text-center">${ index+1 }</td>
                <td class="tr_td_group_code-205 text-center"> ${ formatDate(inv.date, 'dmy', 'dmy') } </td>`;
            if (voucherFormType == 3) {
                const balance = parseFloat(parseFloat(inv.ref_com_amount)-parseFloat(inv.reffer_cash_amount)).toFixed(2);
                html += `<td class="tr_td_title-205 text-center">
                        <input class="d-none" value="${inv.invoice_no}" type="hidden" name="invoice_no[${inv.id}]" readonly>
                        ${inv.invoice_no}
                    </td>
                    <td class="text-end">${parseFloat(inv.ref_com_amount).toFixed(2)}</td>
                    <td class="text-end payable_invoice_amount">${balance}</td>
                    <td class="tr_td_code-205">`;
                        if (edit_voucher) html += `<input type="hidden" name="prev_invoice_paid_amount[${inv.id}]" value="${value}">`;
                        html += `<input type="number" step=".01" min="0" max="${balance}" class="form-control amount d_inv_amount" onkeyup="getInvSum()" name="invoice_paid_amount[${inv.id}]" value="${balance}">
                    </td>
                </tr>`;
            } else {
                const balance = parseFloat(parseFloat(inv.net_total)-parseFloat(inv.total_recv_amount)-parseFloat(inv.acc_rcv_amount)).toFixed(2);
                
                let value = balance;
                if (edit_voucher) value = edit_voucher.invoice_details.find(item=> item.id == inv.id)?.amount | 0;
                let tot_bal_val = Number(balance)+(edit_voucher?Number(value):0);
                
                html += `<td class="tr_td_title-205 text-center">
                        <input class="d-none" value="${inv.invoice_no}" type="hidden" name="invoice_no[${inv.id}]" readonly>
                        <a target="_blank" href="${ printUrlArray[inv.transaction_type]+inv.id }" class="text-dark">${inv.invoice_no}</a>
                    </td>
                    <td class="text-end">${parseFloat(inv.net_total).toFixed(2)}</td>
                    <td class="text-end payable_invoice_amount">${tot_bal_val}</td>
                    <td class="tr_td_code-205">`;
                        if (edit_voucher) html += `<input type="hidden" name="prev_invoice_paid_amount[${inv.id}]" value="${value}">`;
                        html += `<input type="number" step=".01" min="0" max="${tot_bal_val}" class="form-control ${((inv.transaction_type==1 || inv.transaction_type==3)?'amount d_inv_amount':'c_amount c_inv_amount')}" onkeyup="getInvSum()" name="invoice_paid_amount[${inv.id}]" value="${value}" ${((inv.transaction_type==1||inv.transaction_type==3)?'':'readonly')}>
                    </td>
                </tr>`;
            }
        }
        $('#invoice_body').html(html);
        getInvSum();
        getInvoiceSum();
    }
</script>
@include('accounts.voucher.voucher_js')
@stop