@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: 35px !important;
    }
    button[type=button] {
        height: 35px !important;
    }
    .select2-container .select2-selection--single{
        height: 35px !important;
    }
    .padding_apply{
        padding-left: 1px;
    }
    .table thead th {
        border: 1px solid black !important;
        text-align: center;
        vertical-align: middle;
        }
    .card-body{
        padding:.25rem !important;
    }
    .table th,
    .table td {
        padding: 0px 5px;
        color: black;
    }

    .table th {
        background: #ab3535;
        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>
        @include('accounts.voucher.install_form',['button_type'=>'button'])
        
        {{-- <fieldset style="border: 1px groove #663399 !important;padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 2em 0 !important;-webkit-box-shadow:  0px 0px 0px 0px #000;box-shadow:  0px 0px 0px 0px #000;">
            <legend style="width:inherit;padding:0 10px;border-bottom:none;  font-size: 18px">{{strtoupper(str_replace('_',' ',$voucher_type['name']))}}</legend> --}}
            <form action="{{route('voucher.sl_wise_store',['voucher_type'=>$voucher_type['type']])}}" method="post">
                @csrf
                <input type="hidden" id="voucher_type" value="{{$voucher_type['type']}}"> 
                {{-- <div class="card-box"> --}}
                    <div class="card-body">
                        @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
                        <div class="row">
                            <div class="col-md-12 table-responsive-sm">
                                <div class="pro_trans_table">
                                    <table class="table table-bordered">
                                        <tbody class="account_setup_tbody">
                                            <tr>
                                                <td style="width: 25%;padding:0 5px 0">
                                                    <label>Date</label>
                                                    <div class="input-group">
                                                        <input type="date" name="date" id="voucher_date"
                                                            class="form-control" min="{{getAllowedPostDate()}}"  max="{{getAllowedPostDate(1)}}" value="{{date('Y-m-d')}}" />
                                                    </div>
                                                </td>
                                                <td style="width: 25%;padding:0 5px 0">
                                                    <label>COST CENTER</label>
                                                    <div class="input-group">
                                                        <select name="cost_center_voucher" width="100%"
                                                            onchange="setCostCenterForAll(this.value)"
                                                            id="cost_center_for_all" class="select_fixed form-control">
                                                            <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 style="width: 25%;padding:0 5px 0">
                                                    <label>Reference</label>
                                                    <div class="input-group">
                                                        <input type="text" name="reff" id="reff"
                                                            class="form-control reff" />
                                                    </div>
                                                </td>
                                                <td style="width: 25%;padding:0 5px 0">
                                                    <label>NOTES</label>
                                                    <div class="input-group">
                                                        <input type="text" name="voucher_notes" id="voucher_notes"
                                                            placeholder="Voucher Note" class="form-control" />
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                            <div class="row">
                                <div class="col-md-12 table-responsive-sm" style="padding-bottom: 0px;">
                                    <div class="pro_trans_table">
                                        <div class="row justify-content-end">
                                            <div class="col-2 text-right">
                                                <button type="button" onclick="addNewRow()" class="btn btn-{{$payment==1?'danger':'warning'}}">{{$payment==1?'DR':'CR'}} <span class="fa fa-plus"></span></button>
                                                <button type="button" onclick="addCashBankRow()" class="btn btn-{{$payment==0?'danger':'warning'}}">{{$payment==0?'DR':'CR'}} <span class="fa fa-plus"></span></button>
                                            </div>
                                        </div>
                                        <table class="table table-bordered">
                                            <thead style="border:solid 2px black">
                                                <tr>
                                                    <th class="text-nowrap text-center" style="width: 3%;padding: 0">SL
                                                    </th>
                                                    <th class="text-nowrap text-center" style="width: 10%;padding: 0" class="padding_apply">Group</th>
                                                    <th class="text-nowrap text-center" style="width: 37%;padding: 0" class="padding_apply">Ledger Title
                                                    </th>
                                                    <th class="text-nowrap text-center" style="width: 10%;padding: 0" class="padding_apply">Cost Center
                                                    </th>
                                                    <th class="text-nowrap text-center" style="width: 15%;padding: 0" class="padding_apply">Note
                                                    </th>
                                                    <th class="text-nowrap text-center padding_apply" style="width: 25%;padding: 0">Amount</th>
                                                </tr>
                                            </thead>
                                            {{-- <tbody class="item_tbody">
                                                <tr>
                                                    <th colspan="6">{{$payment==1?'DEBIT':'CREDIT'}} ACCOUNT</th>
                                                </tr>
                                            </tbody> --}}
                                            <tbody class="item_tbody" style="border:solid 2px black" id="voucher_body">

                                            @for ($i = 0; $i < -1; $i++) 
                                            <tr data-id="{{$i}}">
                                                <td style="width: 3%;padding: 0" class="bg-danger text-center">{{$payment==1?'DR':'CR'}}-{{($i+1)}}
                                                    <input type="hidden" name="id[{{$i}}]" value="{{$i}}">
                                                </td>

                                                <td class="padding_apply">
                                                    <div class="input-group">
                                                        <select id="group_row-{{ $i }}" class="form-control item-{{ $i }} select_fixed" onchange="search_group_with_code_after_select('{{$i}}')" style="width: 90%">
                                                    
                                                        </select>
                                                        <div class="input-group-append" style="width: 10%">
                                                            <button type="button"
                                                                onclick="openAccountsGroupDetailsModal('{{$i }}')"
                                                                class="btn btn-danger btn-sm">
                                                                <span class="fa fa-download"></span><span
                                                                    class="btn_text-{{ $i }}"></span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="padding_apply">
                                                    <div class="input-group">
                                                        <select id="row-{{ $i }}" name="dr_ledger_id[{{$i}}]" class="form-control item-{{ $i }} ledger_select_fixed" data-row_id="{{ $i }}" style="width: 90%" onchange="isPartyOfOtherStores('{{$i}}')" required>
                            
                                                        </select>
                                                        <input type="hidden" name="party_ledger_id[{{$i}}]" id="party_ledger_id-{{ $i }}" value="0">
                                                        <div class="input-group-append" style="width: 10%">
                                                            <button type="button"
                                                                onclick="openAccountsLedgerDetailsModal('{{ $i }}')"
                                                                class="btn btn-danger btn-sm">
                                                                <span class="fa fa-download"></span><span
                                                                    class="btn_text-{{ $i}}"></span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </td>
                                                
                                                <td class="padding_apply">
                                                    <div class="input-group">
                                                        <select name="cost_center_journal[{{$i}}]"
                                                            id="cost_center_id-{{$i}}"
                                                            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-{{ $i }}" name="des[{{$i}}]"
                                                        class="form-control des" />
                                                    </div>
                                                </td>
                                                {{-- <td></td>
                                                <td></td> --}}
                                                <td class="padding_apply">
                                                    <div class="input-group">
                                                        <input type="number" step=".01" value="0.00" name="amount[{{$i}}]"
                                                        onkeyup="{{$payment==1?'getSum()':'getCrSum()'}}" class="form-control {{$payment==1?'amount':'c_amount'}}" min="1"/>
                                                        <div class="input-group-append">
                                                            {{-- <button type="button" onclick="addNewRow()"
                                                                class="btn btn-info">
                                                                <span class="fa fa-plus"></span>
                                                                <span class="btn_text-{{ $i}}"></span>
                                                            </button> --}}
                                                            <button type="button" disabled class="btn btn-danger">
                                                                <span class="fa fa-minus"></span><span class="btn_text-`+h+`"></span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </td>
                                                </tr>
                                                @endfor
                                            
                                        {{-- </tbody>
                                        <tbody class="item_tbody" style="border:solid 2px black">
                                                <tr>
                                                    <td colspan="6" style="line-height: 0.4em;color: transparent;">-</td>
                                                </tr>
                                            </tbody>
                                        <tbody id="voucher_cr_body" style="border:solid 2px black"> --}}
                                            @for ($j = 0; $j < -1; $j++) <tr data-id="cb{{$j}}">
                                            <tr data-id="cb{{$j}}" id="entire_row-cb{{$j}}" class="entire_row-cb{{$j}}">
                                                <td style="width: 3%;padding: 0" class="bg-warning text-center">
                                                    {{$payment==0?'DR':'CR'}}-{{($j+1)}}
                                                    <input type="hidden" name="id[{{$j}}]" value="cb{{$j}}">
                                                </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%">
                                                                {{-- <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> --}}
                                                                {!! $optionHtml !!}
                                                            </select>
                                                            <div class="input-group-append" style="width: 10%">
                                                                <button type="button" disabled
                                                                    onclick="openAccountsGroupDetailsModal('cb{{$j }}')"
                                                                    class="btn btn-warning 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">
                                                            {{-- <input type="text" id="row-cb{{ $j }}" data-row_unique="cb{{ $j }}"
                                                                data-modal_key="modal_accounts_ledger"
                                                                class="form-control item-cb{{ $j }}" name="ledger_id[{{$i}}]"
                                                                value="" readonly> --}}
                                                            <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%" required>
                                                                @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-warning 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="{{$payment==0?'getSum()':'getCrSum()'}}" class="form-control {{$payment==0?'amount':'c_amount'}}" min="1"/>
                                                            <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> --}}
                                                                <button type="button" disabled class="btn btn-warning">
                                                                    <span class="fa fa-minus"></span><span class="btn_text-cd{{$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%">
                                                                <div class="input-group-prepend" style="width: 30%"><button type="button" class="btn btn-danger"><span>C_Date</span></button>
                                                                </div>
                                                                <input 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>
                                                        <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 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
                                                </tbody>
                                                <tfoot>
                                                    <tr>
                                                        <th colspan="6" class="text-right">
                                                            
                                                            <div class="input-group">
                                                                <div class="input-group-prepend">
                                                                <button type="button" class="btn btn-secondary"><span> TOTAL :</span></button>
                                                                <button type="button" class="btn btn-danger"><span>DEBIT</span></button>
                                                                </div>
                                                                <input type="text" name="total_amount" id="total_amount"
                                                                    class="form-control total_amount" readonly />
                                                                <div class="input-group-prepend">
                                                                    <button type="button" class="btn btn-warning"><span>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">PENDING</label>
                                    </div>
                                    {{-- <select name="status" id="status" class="form-control-sm">
                                    <option value="1">CONFIRMED</option>
                                    <option value="0">PENDING</option>
                                </select> --}}
                                    <div class="input-group-append">
                                        <button type="submit" id="submit_id" class="btn btn-primary btn-sm">
                                            Submit
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                {{-- </div> --}}
            {{-- </fieldset> --}}

    </div>
        {{-- </div>
    </div>
</div>
</div>
</div> --}}

@include('accounts.voucher.modal_accounts_ledger')
@include('accounts.voucher.modal_head_accounts_code')
@include('accounts.voucher.modal_previous_voucher')
{{-- @include('accounts.voucher.madal_cost_center') --}}

@endsection
@section('script')
<!-- page script -->
<script type="text/javascript">
let payment=@json($payment);
    // $('form').submit(function () {
    //     var name = $.trim($('#log').val());
    //     if (name  === '') {
    //         alert('Text-field is empty.');
    //         return false;
    //     }
    // });
        $('.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= $(term.element).attr('data-row_id');
                            var group_code=$('#group_row-'+0).val();
                            console.log(term);
                            return {
                                _token: $('meta[name="csrf-token"]').attr("content"),
                                search_type: 3,
                                group_code:null,
                                name: term
                            };
                        },
                        processResults: function (data) {
                            return {
                                results: $.map(data, function (item) {
                                    return {
                                        text: item.auto_code + ' -- ' + item.name,
                                        id: item.id
                                    }
                                })
                            };
                        }
                    }                                                   
                });
// }
    $('.select_2').select2();
function getGroupWiseLedgerInit(rrow_id){
        // alert();
        // var group_code=$('#group_row-'+row_id).val();
    $('.ledger_select_fixed').select2({
        minimumInputLength: 3,
        // tags: [{{$i}}],
        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: $('meta[name="csrf-token"]').attr("content"),
                    search_type: 3,
                    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 isPartyOfOtherStores(row_id){
    let link= "{{route('accounts_settings.ledger_search')}}";
    let data_param={
        ledger_id:$('#row-'+row_id).val(),
        search_type:4,
    }
    ajaxCall(link,'GET',data_param, (data)=>{data!=null?$('#party_ledger_id-'+row_id).val(data):0;});
}
function getGenarelForStoreRow(h){
        var returnData=`<tr data-id="`+h+`" id="entire_row-`+h+`">
                            <td style="width: 3%;padding: 0;" class="text-center `+(payment==1?'bg-danger':'bg-warning')+`">` + (voucherFormType == 5 ? (h - 999) : (payment==1?'DR-':'CR-')+(h - 999)) +`
                                <input type="hidden" name="serial_key[]" value="`+h+`">
                            </td>
                            
                            <td class="padding_apply">
                                <div class="input-group">
                                    <select id="group_row-`+h+`"
                                            class="form-control item-`+h+` select_2"
                                            onchange="search_group_with_code_after_select('`+h+`')" style="width: 90%">
                                            <option value="0">select ledger</option>
                                    </select>
                                    <div class="input-group-append" style="width: 10%">
                                    <button type="button" 
                                    onclick="openAccountsGroupDetailsModal('`+h+`')"
                                            class="btn btn-`+(payment==1?'danger':'warning')+` btn-sm">
                                        <span class="fa fa-download"></span><span
                                                class="btn_text-`+h+`"></span>
                                    </button>
                                    </div>
                                </div>
                            </td>
                            <td class="padding_apply">
                                <div class="input-group">
                                    <input type="hidden" name="party_ledger_id[`+h+`]" id="party_ledger_id-`+h+`" value="0">
                                    <select id="row-`+h+`" name="dr_ledger_id[`+h+`]" data-row_id="`+h+`" class="form-control item-`+h+` ledger_select_fixed" style="width: 90%" onchange="isPartyOfOtherStores('`+h+`')" required>
                                    </select>
                                    <div class="input-group-append" style="width: 10%">
                                        <button type="button" onclick="openAccountsLedgerDetailsModal('`+h+`')"
                                                class="btn btn-`+(payment==1?'danger':'warning')+` btn-sm">
                                            <span class="fa fa-download"></span><span
                                                    class="btn_text-`+h+`"></span>
                                        </button>
                                    </div>
                                </div>
                            </td>`;
                            returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <select name="cost_center_journal[`+h+`]"" id="cost_center_id-`+h+`" class="select_2 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>`;

                            returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <input type="text"
                                            value=""
                                            id="des-`+h+`"
                                            name="des[`+h+`]""
                                            class="form-control des"/>
                                </div>
                            </td>`;
                            
                                returnData+=`<td class="padding_apply">
                                                <div class="input-group">
                                                <input type="number" step=".01" name="amount[`+h+`]"" onkeyup="`+(payment==1?'getSum()':'getCrSum()')+`"  class="form-control `+(payment==1?'amount':'c_amount')+`" value="0.00" min="1"/>`;
                            
                            returnData+=`   <div class="input-group-append">`;
                            // returnData+=`       <button type="button" onclick="addNewRow()" class="btn btn-info">
                            //                         <span class="fa fa-plus"></span><span class="btn_text-`+h+`"></span>
                            //                     </button>`;
                            returnData+=`                    <button type="button" onclick="deleteRow('`+h+`')" class="btn btn-`+(payment==1?'danger':'warning')+`">
                                                    <span class="fa fa-minus"></span><span class="btn_text-`+h+`"></span>
                                                </button>
                                            </div>
                                </div>
                            </td>
                        </tr>`;
                        return returnData;
    }
    function addNewRow(){
        h++;
        var returnData=getGenarelForStoreRow(h);
        $('#voucher_body').append(returnData);
        search_group_with_code(h);
        $('.select_2').select2();
        getGroupWiseLedgerInit(h);
    }
</script>
<script>
    $(function(){
        $('.select_fixed').select2();
    // var dtToday = new Date();
    
    // var month = dtToday.getMonth() + 1;
    // var day = dtToday.getDate();
    // var year = dtToday.getFullYear();
    // if(month < 10)
    //     month = '0' + month.toString();
    // if(day < 10)
    //     day = '0' + day.toString();
    
    // var maxDate = year + '-' + month + '-' + day;
    var maxDate = getFormatedDate(new Date());
    //$('#voucher_date').attr('min', maxDate);
});
function getFormatedDate(dateToBeFormated){
    var now = new Date(dateToBeFormated);
    var day = ("0" + now.getDate()).slice(-2);
    var month = ("0" + (now.getMonth() + 1)).slice(-2);
    var return_date = now.getFullYear()+"-"+(month)+"-"+(day) ;
    return return_date;
}
    var groupData=[];
    var chequeNumberHtml;
    var cashBankOptionHtml=`{!!$optionHtml!!}`;
    var voucherFormType=$('#voucher_type').val();
    $(document).ready(function() {
            getSum();
            getCrSum()
        $.ajaxSetup({
        headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            },
        });
        $.ajax({
            type: "GET",
            url: "{{route('accounts_settings.ledger_search')}}",
            data: {
                search_type:1,
            },
            success: function (data) {
                groupData=data;
                search_group_with_code(0);
            },
            error: function (response) {
            //
            },
        });
    });
var h=1000;
var j=2000;
// var sl=200;
function deleteRow(row_id){
    var res = row_id.substring(0, 2);
    if(res=='cb'){
        alert();
        $('.entire_row-'+row_id).remove();
        j--;
    }else{
        $('#entire_row-'+row_id).remove();
        h--;
    }
        getSum();
}
function setDataToSelector(row_id,id,auto_code,name) {
    str=`<option value="`+id+`">`+auto_code+` -- `+name+`</option>`;
        $('#row-'+row_id).html(str);
        // $('#account_name_row-'+row_id).val(name);
        //chage should be there
        $('#ledger_id_to_submit-'+row_id).val(id);
        $("#accounts_ledger_model").modal("hide");
    }
function install_form(){
        var payment_voucher_no=$('#payment_voucher_no').val();
        if(payment_voucher_no){
            setDataToPreviousVoucher(0,payment_voucher_no);
        }else{
            
            $('#previous_voucher_model_table').dataTable().fnDestroy();
            var start=$('#start_date').val();
            var end=$('#end_date').val();
            var voucher_type=voucherFormType;
            var returnData=``;
            $.ajaxSetup({
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                },
            });
            $.ajax({
                type: "GET",
                url: "{{route('voucher.voucher_search')}}",
                data: {
                    start:start,
                    end:end,
                    type:voucher_type,
                },
                success: function (data) {
                    if(data.length>0){
                        for (let index = 0; index < data.length; index++) {
                            //const element = data[index];
                            returnData+=`<tr onclick="setDataToPreviousVoucher('`+data[index].id+`','`+data[index].voucher_no+`')" role="row" class="odd">
                                                <td class="sorting_1">`+(index+1)+`</td>
                                                <td class="tr_td_group_code-205">`+data[index].date+`</td>
                                                <td class="tr_td_title-205"><b>`+data[index].voucher_no+`</b></td>
                                                <td class="tr_td_code-205"><b>`+data[index].transaction_amount+`</b></td>
                                            </tr>`;
                        }
    
                    }
                    $('#load_tbody_previous_voucher_model').html(returnData);
                    $("#previous_voucher_model").modal("show");
                    $('#previous_voucher_model_table').DataTable({
                        "destroy": true,
                    });
                },
                error: function (response) {
                
                },
            });
        }
    }
    function setDataToPreviousVoucher(voucher_id,voucher_no) {
       var returnData='';
       var cb_returnData='';
        $.ajaxSetup({
            headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            },
        });
        $.ajax({
            type: "GET",
            url: "{{route('voucher.voucher_search')}}",
            data: {
                voucher_no:voucher_no,
            },
            success: function (data) {
                    console.log(data);
                    var costCenter=[];
                    journals=data.journals;
                if(journals.length>0){
                    for (let m = 0; m < journals.length; m++) {
                        if((journals[m].type==0 && (data.type==2||data.type==1)) || (journals[m].type==1 && (data.type==4||data.type==3))){
                            var row_id=m;
                        }else if((journals[m].type==1 && (data.type==2||data.type==1)) || (journals[m].type==0 && (data.type==4||data.type==3))){
                            var row_id='cb'+m;
                        }
                        var field_value=journals[m].cost_center_id;
                        var check_number=journals[m].cheque_info?journals[m].cheque_info.check_number:'';
                        var check_date=journals[m].cheque_info?journals[m].cheque_info.initial_cheque_details[0].cheque_date:'';
                        costCenter.push({'row_id':row_id,'field_value':field_value,'check_number':check_number,'check_date':check_date});
                            
                                var ledger_name=journals[m].ledger.name;              
                                var ledger_code=journals[m].ledger.auto_code;
                                var group_code=journals[m].ledger.parent.auto_code;
                                var ledger_id=journals[m].ledger_id;
                            if(journals[m].type==0){
                                var amount=journals[m].amount;
                                var dr=1;
                                var camount=0;
                            }else{
                                var amount
                                var camount=journals[m].amount;
                               
                                var dr=0;
                            }
                            var des=journals[m].note;
                           
                    if((journals[m].type==0 && (data.type==2||data.type==1)) || (journals[m].type==1 && (data.type==4||data.type==3))){
                         returnData+=`<tr data-id="`+m+`" id="entire_row-`+m+`">
                            <td style="width: 3%;padding: 0 class="text-center">`+(m+1)+`
                            </td>`;
                                returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <select id="group_row-`+m+`"
                                            class="form-control item-`+m+` select_2"
                                            onchange="search_group_with_code_after_select('`+m+`')" style="width: 90%">
                                            <option value="`+group_code+`">`+group_code+`</option>
                                    </select>
                                    <div class="input-group-append" style="width: 10%">
                                    <button type="button" 
                                    onclick="openAccountsGroupDetailsModal('`+m+`')"
                                            class="btn btn-danger btn-sm">
                                        <span class="fa fa-download"></span><span
                                                class="btn_text-`+m+`"></span>
                                    </button>
                                    </div>
                                </div>
                            </td>
                            <td class="padding_apply">
                                <div class="input-group">
                                    <select id="row-`+m+`" name="dr_ledger_id[`+m+`]"" data-row_id="`+m+`" class="form-control item-`+m+` ledger_select_fixed" style="width: 90%" required>
                                        <option value="`+ledger_id+`">`+ledger_code+` -- `+ledger_name+`</option>
                                    </select>
                                    <div class="input-group-append" style="width: 10%">
                                        <button type="button" onclick="openAccountsLedgerDetailsModal('`+m+`')"
                                                class="btn btn-danger btn-sm">
                                            <span class="fa fa-download"></span><span
                                                    class="btn_text-`+m+`"></span>
                                        </button>
                                    </div>
                                </div>
                            </td>`;
                            
                            returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <select name="cost_center_journal[`+m+`]"" id="cost_center_id-`+m+`" class="select2 form-control cost_center_journal">
                                        <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>`;
                          
                            returnData+=`<td class="padding_apply">
                                            <div class="input-group">
                                                <input type="text" value="`+des+`" id="des-`+m+`" name="des[`+m+`]"" class="form-control des"/>
                                            </div>
                                        </td>`;
                           returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <input type="number" step=".01" onkeyup="getSum()" name="amount[`+m+`]"" class="form-control amount" value="`+amount+`" min="1"/>`;
                            
                            returnData+=`<div class="input-group-append">`;
                            // returnData+=`<button type="button" onclick="addRow()" class="btn btn-info">
                            //                         <span class="fa fa-plus"></span><span class="btn_text-`+m+`"></span>
                            //                     </button>`;
                            returnData+=`<button type="button" onclick="deleteRow('`+m+`'')" class="btn btn-danger">
                                                    <span class="fa fa-minus"></span><span class="btn_text-`+m+`"></span>
                                                </button>
                                            </div>
                                </div>
                            </td>
                        </tr>`;
                    }else if((journals[m].type==1 && (data.type==2||data.type==1)) || (journals[m].type==0 && (data.type==4||data.type==3))){
                        cb_returnData+=`<tr data-id="`+m+`" id="entire_row-cb`+m+`" class="entire_row-cb`+m+`">
                            <td style="width: 3%;padding: 0 class="text-center">`+(m+1)+`
                            </td>`;
                        cb_returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <select id="group_row-cb`+m+`"
                                            class="form-control item-`+m+` select_2"
                                            onchange="search_group_with_code_after_select('cb`+m+`')" style="width: 90%">
                                            `+cashBankOptionHtml+`
                                    </select>
                                    <div class="input-group-append" style="width: 10%">
                                    <button type="button" 
                                    onclick="openAccountsGroupDetailsModal('cb`+m+`')"
                                            class="btn btn-danger btn-sm">
                                        <span class="fa fa-download"></span><span
                                                class="btn_text-`+m+`"></span>
                                    </button>
                                    </div>
                                </div>
                            </td>
                            <td class="padding_apply">
                                <div class="input-group">
                                    <select id="row-cb`+m+`" onchange="getCheckField('cb`+m+`')" name="cr_ledger_id[`+m+`]"" class="form-control item-cb`+m+` ledger_select_fixed" data-row_id="cb`+m+`" style="width: 90%" required>
                                        @forelse ($cashBanks as $cashBank)
                                            <option value="{{$cashBank->account_id}}" `;
                                            if(ledger_id=={{$cashBank->account_id}}){
                                                cb_returnData+=`selected`;
                                            }
                                                cb_returnData+=` 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" onclick="openAccountsLedgerDetailsModal('cb`+m+`')"
                                                class="btn btn-danger btn-sm">
                                            <span class="fa fa-download"></span><span
                                                    class="btn_text-`+m+`"></span>
                                        </button>
                                    </div>
                                </div>
                            </td>`;
                            
                            cb_returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <select name="cb_cost_center_journal[`+m+`]"" id="cost_center_id-cb`+m+`" class="select_2 form-control cost_center_journal">
                                        <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>`;
                            cb_returnData+=`<td class="padding_apply">
                                            <div class="input-group">
                                                <input type="text" value="`+des+`" id="des-cb`+m+`" name="cb_des[`+m+`]"" class="form-control des"/>
                                            </div>
                                        </td>`;
                          

                                cb_returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <input type="number" step=".01" name="cr_amount[`+m+`]"" onkeyup="getCrSum() "class="form-control c_amount" value="`+camount+`" min="1"/>`;
                            
                            cb_returnData+=`<div class="input-group-append">`;
                            // cb_returnData+=`<button type="button" onclick="addCashBankRow()" class="btn btn-info">
                            //                         <span class="fa fa-plus"></span><span class="btn_text-`+m+`"></span>
                            //                     </button>`;
                            cb_returnData+=`<button type="button" onclick="deleteRow('`+m+`')" class="btn btn-warning">
                                                    <span class="fa fa-minus"></span><span class="btn_text-`+m+`"></span>
                                                </button>
                                            </div>
                                </div>
                            </td>
                        </tr><tr data-id="cb`+m+`" class="entire_row-cb`+m+`" id="cheque_trcb`+m+`" style="display:none">
                                                            <td colspan="4"></td>
                                                            <td>
                                                                <div class="input-group" id="cheque_date_field-cb`+m+`" style="width:100%">
                                                                    
                                                                    <input type="date" name="cheque_date[`+m+`]" id="cheque_date-cb`+m+`"
                                                                    class="form-control cheque_date" style="width: 70%"/>
                                                                    
                                                                </div>
                                                            </td>
                                                            
                                                            <td>
                                                                <div class="input-group" id="cheque_no_field-cb`+m+`" style="width:100%">
                                                                    
                                                                    @if($voucher_type['type']==4)
                                                                    <input type="text" id="cheque_no-cb`+m+`" name="cheque_no[`+m+`]"
                                                                        class="form-control cheque_no" style="width: 70%"/>
                                                                    @else
                                                                    <select name="cheque_no[`+m+`]" id="cheque_no-cb`+m+`"
                                                                        class="form-control cheque_no" style="width: 70%">
                                                                    </select>
                                                                    @endif
                                                                </div>
                                                            </td>
                                                        </tr>`;
                    }
                }
                        $('#voucher_body').html(returnData);
                        $('#voucher_cr_body').html(cb_returnData);
                        for (let cc = 0; cc < costCenter.length; cc++) {
                            var row_id=costCenter[cc].row_id;
                            getChequeNumber(row_id);
                            $('#cost_center_id-'+row_id+' option').each(function(){
                                 if($(this).attr('value')==costCenter[cc].field_value){
                                    $(this).attr('selected', true);
                                }
                            });
                            $('#cheque_date-'+row_id).val(costCenter[cc].check_date);
                            if(voucherFormType==2){
                                $('#cheque_no-'+row_id+' option').each(function(){
                                    if($(this).attr('value')==costCenter[cc].check_number){
                                        $(this).attr('selected', true);
                                    }
                                });
                            }else if(voucherFormType==4){
                                $('#cheque_no-'+row_id).val(costCenter[cc].check_number);
                            }
                            search_group_with_code(row_id);
                            getGroupWiseLedgerInit(row_id);
                        }
                       
                            getSum();
                            getCrSum();
                }
            },
            error: function (response) {
            
            },
        });
         $("#previous_voucher_model").modal("hide");
         
    }
    function getGenarelRow(h){
        var returnData=`<tr data-id="`+h+`" id="entire_row-`+h+`">
                            <td style="width: 3%;padding: 0 class="text-center">`+(voucherFormType==5?(h-999):((payment==1?'DR-':'CR-')+(h-999)))+`
                            </td>
                            
                            <td class="padding_apply">
                                <div class="input-group">
                                    <select id="group_row-`+h+`"
                                            class="form-control item-`+h+` select_2"
                                            onchange="search_group_with_code_after_select('`+h+`')" style="width: 90%">
                                            <option value="0">select ledger</option>
                                    </select>
                                    <div class="input-group-append" style="width: 10%">
                                    <button type="button" 
                                    onclick="openAccountsGroupDetailsModal('`+h+`')"
                                            class="btn btn-danger btn-sm">
                                        <span class="fa fa-download"></span><span
                                                class="btn_text-`+h+`"></span>
                                    </button>
                                    </div>
                                </div>
                            </td>
                            <td class="padding_apply">
                                <div class="input-group">
                                    <input type="hidden" name="party_ledger_id[`+h+`]" id="party_ledger_id-`+h+`" value="0">
                                    <select id="row-`+h+`" name="dr_ledger_id[`+h+`]" data-row_id="`+h+`" class="form-control item-`+h+` ledger_select_fixed" style="width: 90%" required>
                                    </select>
                                    <div class="input-group-append" style="width: 10%">
                                        <button type="button" onclick="openAccountsLedgerDetailsModal('`+h+`')"
                                                class="btn btn-danger btn-sm">
                                            <span class="fa fa-download"></span><span
                                                    class="btn_text-`+h+`"></span>
                                        </button>
                                    </div>
                                </div>
                            </td>`;
                            returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <select name="cost_center_journal[`+h+`]"" id="cost_center_id-`+h+`" class="select_2 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>`;

                            returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <input type="text"
                                            value=""
                                            id="des-`+h+`"
                                            name="des[`+h+`]""
                                            class="form-control des"/>
                                </div>
                            </td>`;
                            
                                returnData+=`<td class="padding_apply">
                                                <div class="input-group">
                                                <input type="number" step=".01" onkeyup="getSum()" name="amount[`+h+`]"" class="form-control amount" value="0.00" min="1"/>`;
                            
                            returnData+=`   <div class="input-group-append">
                                                <button type="button" onclick="addRow()" class="btn btn-info">
                                                    <span class="fa fa-plus"></span><span class="btn_text-`+h+`"></span>
                                                </button>
                                                <button type="button" onclick="deleteRow('`+h+`')" class="btn btn-danger">
                                                    <span class="fa fa-minus"></span><span class="btn_text-`+h+`"></span>
                                                </button>
                                            </div>
                                </div>
                            </td>
                        </tr>`;
                        return returnData;
    }
    function addRow(){
        h++;
        var returnData=getGenarelRow(h);
        $('#voucher_body').append(returnData);
        search_group_with_code(h);
        $('.select_2').select2();
        getGroupWiseLedgerInit(h);
    }

    function getCashBankRow(j) {
        var returnData = `<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?'bg-danger':'bg-warning')+`">` + (voucherFormType == 5 ? (j - 1999) : (payment==0?'DR-':'CR-')+(j - 1999)) + `
                               <input type="hidden" name="serial_key[]" value="`+j+`">
                            </td>
                            <td class="padding_apply">
                                <div class="input-group">
                                    <select id="group_row-cb` + j + `" class="form-control item-cb` + j + ` select_2" onchange="search_group_with_code_after_select('cb` + j + `')" style="width: 90%">`;
        if (voucherFormType != 5) {
            returnData += cashBankOptionHtml;
        } else {
            returnData += `<option value="0">select ledger</option>`;
        }
        returnData += `</select>
                                    <div class="input-group-append" style="width: 10%">
                                    <button type="button" 
                                    onclick="openAccountsGroupDetailsModal('cb` + j + `')"
                                            class="btn btn-`+(payment==0?'danger':'warning')+` 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">`;
        if (voucherFormType != 5) {
            returnData += `<select id="row-cb` + j + `" onchange="getCheckField('cb` + j + `')" name="cr_ledger_id[` + j + `]"" class="form-control item-cb` + j + ` select_2" data-row_id="cb` + j + `" style="width: 90%" required>
                                        @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>`;
        } else {
            returnData += `
                                    <select id="row-cb` + j + `" data-row_id="cb` + j + `" name="cr_ledger_id[` + j + `]"" data-row_id="` + j + `" class="form-control item-cb` + j + ` ledger_select_fixed" style="width: 90%" required>
                                    </select>`;
        }
        returnData += `<div class="input-group-append" style="width: 10%">
                                    <button type="button" 
                                    onclick="openAccountsLedgerDetailsModal('cb` + j + `')"
                                            class="btn btn-`+(payment==0?'danger':'warning')+` btn-sm">
                                        <span class="fa fa-download"></span><span
                                                class="btn_text-cb` + j + `"></span>
                                    </button>
                                    </div>
                                </div>
                            </td>`;
        returnData += `<td class="padding_apply">
                                <div class="input-group">
                                    <select name="cb_cost_center_journal[` + j + `]"" style="width: 100%" id="cost_center_id-` + j + `" class="select_2 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>`;
        returnData += `<td class="padding_apply">
                                <div class="input-group">
                                    <input type="text"
                                            value=""
                                            id="des-cb` + j + `"
                                            name="cb_des[` + j + `]""
                                            class="form-control des"/>
                                </div>
                            </td>`;
        returnData += `<td class="padding_apply">
                                                <div class="input-group">
                                                <input type="number" step=".01" name="cr_amount[` + j + `]" onkeyup="`+(payment==0?'getSum()':'getCrSum()')+`"  class="form-control `+(payment==0?'amount':'c_amount')+`" value="0.00" min="1"/>`;

        returnData += `   <div class="input-group-append">`;
        // returnData += ` <button type="button" onclick="addCashBankRow()" class="btn btn-info">
        //                                             <span class="fa fa-plus"></span><span class="btn_text-cb` + j + `"></span>
        //                                         </button>`;
        returnData += ` <button type="button" onclick="deleteRow('cb` + j + `')" class="btn btn-`+(payment==0?'danger':'warning')+`">
                                                    <span class="fa fa-minus"></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 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-`+(payment==0?'danger':'warning')+`"><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>`;
        return returnData;
    }

    function addCashBankRow(){
        j++;
        var returnData=getCashBankRow(j);
        // $('#voucher_cr_body').append(returnData);
        $('#voucher_body').append(returnData);
        search_group_with_code('cb'+j);
        $('.select_2').select2();
        getGroupWiseLedgerInit('cb'+j);
    }

    function openAccountsLedgerDetailsModal(id){
        $('#load_table_modal_accounts_ledger').dataTable().fnDestroy();
        var group_code=$('#group_row-'+id).val();
        var returnData=``;
        $.ajaxSetup({
            headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            },
        });
        $.ajax({
            type: "GET",
            url: "{{route('accounts_settings.ledger_search')}}",
            data: {
                group_code:group_code,
            },
            success: function (data) {
                console.log(data);
                if(data.length>0){
                    for (let index = 0; index < data.length; index++) {
                        returnData+='<tr onclick="setDataToSelector(`'+id+'`,`'+data[index].id+'`,`'+data[index].auto_code+'`,`'+data[index].name+'`)" role="row" class="odd">';
                            returnData+='<td class="sorting_1">'+(index+1)+'</td>';
                            returnData+='<td class="tr_td_group_code-205">'+(data[index].parent?data[index].parent.auto_code:'')+'</td>';
                            returnData+='<td>'+(data[index].parent?data[index].parent.name:'')+'</td>';
                            returnData+='<td class="tr_td_title-205"><b>'+data[index].auto_code+'</b></td>';
                            returnData+='<td class="tr_td_code-205"><b>'+data[index].name+'</b></td></tr>';
                    }
                }
                $('#load_tbody_modal_accounts_ledger').html(returnData);
                $("#accounts_ledger_model").modal("show");
                $('#load_table_modal_accounts_ledger').DataTable({
                    "destroy": true,
                });
            },
            error: function (response) {
            
            },
        });
    }

    function setGroupDataToSelector(row_id,id,auto_code,name) {
        $('#group_row-'+row_id).val(auto_code);
        $("#accounts_group_model").modal("hide");
        openAccountsLedgerDetailsModal(row_id);
    }

    function setCostCenterForAll(cost_id){
        // $('.cost_center_journal').each(function(){
        //     $(this).prop('selected', false);
        // });
        $('.cost_center_journal').each(function(){
            $(this).val(cost_id).trigger('change');
        });
    }

    function search_group_with_code(row_id){
        // debugger
        var result;
        for( var i = 0, len = groupData.length; i < len; i++ ) {
            result+=`<option value="`+groupData[i].auto_code+`" data-id="`+groupData[i].id+`" data-name="`+groupData[i].name+`">`+groupData[i].auto_code+`</option>`;
            // var newOption = new Option(groupData[i].auto_code, groupData[i].auto_code, false, false);
            // $('#group_row-'+row_id).append(newOption).trigger('change');
        }
        console.log(result);
        $('#group_row-'+row_id).html(result);
        $('#group_row-'+row_id).select2();
    }
    function search_group_with_code_after_select(row_id){
        var result;
        var name=$('#group_row-'+row_id+' option:selected').attr('data-name');
        var id=$('#group_row-'+row_id+' option:selected').attr('data-id');
        var code=$('#group_row-'+row_id+' option:selected').val();
        
        setGroupDataToSelector(row_id,id,code,name);
    }
    
    function openAccountsGroupDetailsModal(row_id){
        //$("#voucher_model_edit_call").modal("hide");
        var returnData=``;
        $('#load_table_modal_accounts_head').dataTable().fnDestroy();
        if(groupData.length>0){
            
            for (let index = 0; index < groupData.length; index++) {
                returnData+=`<tr onclick="setGroupDataToSelector('`+row_id+`',`+groupData[index].id+`,`+groupData[index].auto_code+`,'`+groupData[index].name+`')" role="row" class="odd">
                                <td class="sorting_1">`+(index+1)+`</td>
                                <td class="tr_td_title-205">`+groupData[index].auto_code+`</td>
                                <td class="tr_td_code-205">`+groupData[index].name+`</td>
                            </tr>`;
                }
            }
            $('#load_tbody_modal_accounts_head').html(returnData);
           
            // setTimeout(function(){
                $("#accounts_group_model").modal("show");
            // },1000)
            $('#load_table_modal_accounts_head').DataTable({
                "destroy": true,
            });
    }

    function getCreditSum(row_id){
        var sum=0;
        $('.c_amount').each(function(){
            sum += parseFloat(this.value);
        });
        $('#total_credit_amount').val(sum);
        if(row_id!=null){
            $('#d_amount_id-'+row_id).val(0);
            $('#d_amount_id-'+row_id).attr('readonly',true);
        }
        if(sum != $('#total_debit_amount').val()){
            $('#submit_id').attr('disabled',true);
        }else{
            $('#submit_id').attr('disabled',false);
        }
    }

    function getDebitSum(row_id){
        var sum=0;
        $('.d_amount').each(function(){
            sum += parseFloat(this.value);
        });
        $('#total_debit_amount').val(sum);
        if(row_id!=null){
            $('#c_amount_id-'+row_id).val(0);
            $('#c_amount_id-'+row_id).attr('readonly',true);
        }
        if(sum != $('#total_credit_amount').val()){
            $('#submit_id').attr('disabled',true);
        }else{
            $('#submit_id').attr('disabled',false);
        }
    }
    
    // function getSum(){
    //     var sum=0;
    //     $('.amount').each(function(){
    //         sum += parseFloat(this.value);
    //     });
    //     $('#total_amount').val(sum);
    // }
    // function getCrSum(){
    //     var sum=0;
    //     $('.c_amount').each(function(){
    //         sum += parseFloat(this.value);
    //     });
    //     $('#total_cr_amount').val(sum);
    // }

    function getSum(){
        var sum=0;
        $('.amount').each(function(){
            sum += parseFloat(this.value);
        });
        $('#total_amount').val(sum);
        setBalance();
    }
    function getCrSum(){
        var sum=0;
        setBalance();
    }
    function setBalance(){
        var sum=0;
        var allCr=$('.c_amount');
        drSum=$('#total_amount').val();
        $('.c_amount').each(function(e){
            if(allCr.length>1 && (e==(allCr.length-1))){
                this.value=(drSum-sum);
            }else if(allCr.length==1){
                this.value=(drSum);
            }
            sum += parseFloat(this.value);
        });
        $('#total_cr_amount').val(sum);
        if(sum != $('#total_amount').val()){
            $('#submit_id').attr('disabled',true);
        }else{
            $('#submit_id').attr('disabled',false);
        }
    }
    function getAvailaibleChequeNo(row_id,cn=null){
       var bankId= $('#row-'+row_id+' option:selected').attr('data-id');
        //cheque_number
        var chequeOptions='';
        $.ajaxSetup({
        headers: {
            "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
            },
        });
        $.ajax({
            type: "GET",
            url: "{{route('cheque.search')}}",
            data: {
                bank_id:bankId,
            },
            success: function (data) {
                if(data.length>0){
                   console.log(data);
                    for (let index = 0; index < data.length; index++) {
                        chequeOptions+=`<option value="`+data[index].check_number+`">`+data[index].check_number+`</option>`;
                    }
                }
                console.log('cn :'+cn);
                if(cn){
                    chequeOptions+=`<option value="`+cn+`" selected>`+cn+`</option>`;
                }
                //console.log(chequeOptions);
                $('#cheque_no-'+row_id).html(chequeOptions);
                chequeNumberHtml=chequeOptions;
            },
            error: function (response) {
            //
            },
        });
    }

    function getChequeNumber(row_id){
        $('#cheque_no-'+row_id).html(chequeNumberHtml);
    }
</script>
@stop