@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: 30px !important;
    }
    button[type=button] {
        height: 30px !important;
    }
    .select2-container .select2-selection--single{
        height: 30px !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: var(--tableHeader);
        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>
                <div class="card-body">
                    @include('accounts.voucher.install_form', ['button_type'=>'button'])

                    <form action="{{route('voucher.store',['voucher_type'=>$voucher_type['type']])}}" method="post" class="mt-3">
                        @csrf
                        <input type="hidden" id="voucher_type" value="{{$voucher_type['type']}}">
                            
                        @php
                            $cash_bank_type=(($voucher_type['type']==1)||($voucher_type['type']==3))?1:2;
                            $payment=1;
                            $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 g-3">
                            <div class="col-md-12 table-responsive-sm">
                                <div class="pro_trans_table">
                                    <table class="table table-sm cl-table table-borderless">
                                        <thead>
                                            <tr>
                                                <th class="text-nowrap text-center" style="width: 3%;padding: 0">{{__('obs.sl')}}
                                                </th>
                                                <th class="text-nowrap text-center" style="width: 10%;padding: 0" class="padding_apply">{{__('obs.group')}}</th>
                                                <th class="text-nowrap text-center" style="width: 37%;padding: 0" class="padding_apply">{{__('obs.ledger_title')}}
                                                </th>
                                                <th class="text-nowrap text-center" style="width: 15%;padding: 0" class="padding_apply">{{__('obs.cost_center')}}
                                                </th>
                                                <th class="text-nowrap text-center" style="width: 10%;padding: 0" class="padding_apply">{{__('obs.note')}}
                                                </th>
                                                {{-- @if($cash_bank_type==2) --}}
                                                    {{-- <th class="text-nowrap text-center" class="padding_apply">ChequeDate
                                                    </th>
                                                    <th class="text-nowrap text-center" class="padding_apply">ChequeNo</th> --}}
                                                {{-- @endif --}}
                                                <th class="text-nowrap text-center" style="width: 25%;padding: 0" class="padding_apply">{{__('obs.amount')}}</th>
                                            </tr>
                                        </thead>
                                        {{-- <tbody class="item_tbody">
                                            <tr>
                                                <th colspan="8">{{$payment==1?'DEBIT':'CREDIT'}} ACCOUNT</th>
                                            </tr>
                                        </tbody> --}}
                                        <tbody class="item_tbody" id="voucher_body">
                                            @for ($i = 0; $i < 1; $i++) 
                                                <tr data-id="{{$i}}">
                                                    <td style="width: 3%;padding: 0" class="text-center">DR-{{($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%">
                                                                {{-- <option value="0">select ledger</option> --}}
                                                            </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">
                                                            {{-- <input type="text" id="row-{{ $i }}" data-row_unique="{{ $i }}"
                                                                data-modal_key="modal_accounts_ledger"
                                                                class="form-control item-{{ $i }}" name="ledger_id[{{$i}}]"
                                                                value="" readonly> --}}
                                                            <select id="row-{{ $i }}" name="dr_ledger_id[{{$i}}]" class="form-control item-{{ $i }} ledger_select_fixed" data-row_id="{{ $i }}" style="width: 90%" required>
                                                                {{-- <option value="0">select ledger</option> --}}
                                                            </select>
                                                            <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">
                                                            <input type="text" id="account_name_row-{{ $i }}"
                                                                class="form-control" readonly />
                                                            <input type="hidden" value="{{$i }}"
                                                                id="ledger_id_to_submit-{{ $i }}"
                                                                name="ledger_id_to_submit[{{$i}}]" />
                                                        </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="getSum()" class="form-control amount" />
                                                            <div class="input-group-append">
                                                                <button type="button" onclick="addRow()"
                                                                    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>
                                            <tr>
                                                <th colspan="8">{{$payment==0?'DEBIT':'CREDIT'}}  ACCOUNT</th>
                                            </tr>
                                        </tbody> --}}
                                        <tbody id="voucher_cr_body">
                                            @for ($j = 100; $j < 101; $j++) 
                                                <tr data-id="{{$j}}">
                                                    <td style="width: 3%;padding: 0" class="text-center">CR-{{($j-99)}}
                                                        <input type="hidden" name="id[{{$j}}]" value="{{$j}}">
                                                    </td>
                                                    <td class="padding_apply">
                                                        <div class="input-group">
                                                            <select id="group_row-{{ $j }}" class="form-control item-{{ $j }} select_fixed" onchange="search_group_with_code_after_select('{{$j}}')" style="width: 90%">
                                                        
                                                            </select>
                                                            <div class="input-group-append" style="width: 10%">
                                                                <button type="button"
                                                                    onclick="openAccountsGroupDetailsModal('{{$j }}')"
                                                                    class="btn btn-danger btn-sm">
                                                                    <span class="fa fa-download"></span><span
                                                                        class="btn_text-{{ $j }}"></span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td class="padding_apply">
                                                        <div class="input-group">
                                                            <select id="row-{{ $j }}" name="cr_ledger_id[{{$j}}]" class="form-control item-{{ $j }} ledger_select_fixed" data-row_id="{{ $j }}" style="width: 90%" required>
                                                                
                                                            </select>
                                                            <div class="input-group-append" style="width: 10%">
                                                                <button type="button"
                                                                    onclick="openAccountsLedgerDetailsModal('{{ $j }}')"
                                                                    class="btn btn-danger btn-sm">
                                                                    <span class="fa fa-download"></span><span
                                                                        class="btn_text-{{ $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="addCreditRow()"
                                                                    class="btn btn-info">
                                                                    <span class="fa fa-plus"></span>
                                                                    <span class="btn_text-{{ $j}}"></span>
                                                                </button>
                                                                <button type="button" disabled class="btn btn-danger">
                                                                    <span class="fa fa-minus"></span><span class="btn_text-cd{{$j}}`"></span>
                                                                </button>
                                                            </div>
                                                        </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>{{__('obs.transaction')}} {{__('obs.total')}} :</span></button>
                                                        <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 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="row g-2 justify-content-end">
                                    <div class="col-xl-1 col-md-2">
                                        <div class="input-group flex-nowrap">
                                            <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>
                                    </div>
                                    <div class="col-xl-2 col-md-3">
                                        <div class="input-group flex-nowrap">
                                            <label class="input-group-text py-0">{{__('obs.bill_no')}}</label>
                                            <input type="text" class="form-control mb-0" name="bill_no">
                                        </div>
                                    </div>
                                    <div class="col-xl-2 col-md-3">
                                        <div class="input-group flex-nowrap">
                                            <label class="input-group-text py-0">{{__('obs.bill_date')}}</label>
                                            <input type="date" class="form-control mb-0 bsdatepicker" id="bill_date" name="bill_date" value="">
                                        </div>
                                    </div>
                                    <div class="col-xl-1 col-md-2">
                                        <div class="input-group-append">
                                            <button type="submit" class="btn btn-primary px-4">
                                                {{__('obs.submit')}}
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </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">
// getGroupWiseLedgerSelect2();
// function getGroupWiseLedgerSelect2(){
        $('.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: $("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
                                    }
                                })
                            };
                        }
                    }                                                   
                });

        $('.select_2').select2();

function getGroupWiseLedgerInit(rrow_id){
        $('.ledger_select_fixed').select2({
                    minimumInputLength: 3,
                    // tags: [{{$i}}],
                    ajax: {
                        url: "{{route('accounts_settings.ledger_search')}}",
                        dataType: 'json',
                        type: "GET",
                        quietMillis: 50,
                        data: function (term) {
                            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(){
        $('.select_fixed').select2();
        var maxDate = getFormatedDate(new Date());
});
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);
                search_group_with_code(100);
            },
            error: function (response) {
            //
            },
        });
    });
var h=200;
var j=300;
function deleteRow(row_id){
    $('#entire_row-'+row_id).remove();
        getSum();
    h--;
}
function setDataToSelector(row_id,id,auto_code,name) {
    str=`<option value="`+id+`">`+auto_code+` -- `+name+`</option>`;
        $('#row-'+row_id).html(str);
        $('#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){
                    if(voucherFormType!=5){
                    }
                    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??'';
                            //var amount=journals[m].amount;
                           
                    if(journals[m].type==0){
                         returnData+=`<tr data-id="`+m+`" id="entire_row-`+m+`">
                            <td style="width: 3%;padding: 0 class="text-center">`+(m+1)+`
                            <input type="hidden" name="id[`+m+`]"" value="`+m+`">
                            </td>`;
                                returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <select id="group_row-`+m+`"
                                            class="form-control item-`+m+` select_2 select_fixed"
                                            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="select_fixed 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>`;
                            // if(voucherFormType==2||voucherFormType==4){
                            //     returnData+=`<td class="cheque">
                            //                     <div class="input-group">
                            //                         <input type="date" name="cheque_date[`+m+`]""
                            //                             id="cheque_date`+m+`"
                            //                             class="form-control cheque_date" onfocus="getChequeNumber(`+m+`)"/>
                            //                     </div>
                            //                 </td>
                            //                 <td class="cheque"> 
                            //                     <div class="input-group">`;
                            //                         if(voucherFormType==4){
                            //                             returnData+=`<input type="text" id="cheque_no-`+m+`" name="cheque_no[`+m+`]"" class="form-control cheque_no"/>`;
                            //                         }else{
                            //                                 returnData+=`<select name="cheque_no[`+m+`]"" id="cheque_no-`+m+`" class="form-control cheque_no" data-check_date=""></select>`;
                            //                         }
                            //                         returnData+=`</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+`"/>`;
                            
                            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-`+m+`"></span>
                                                </button>
                                                <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){
                        cb_returnData+=`<tr data-id="`+m+`" id="entire_row-cb`+m+`">
                            <td style="width: 3%;padding: 0 class="text-center">`+(m+1)+`
                            <input type="hidden" name="id[`+m+`]"" value="`+m+`">
                            </td>`;
                        cb_returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <select id="group_row-cb`+m+`"
                                            class="form-control item-`+m+` select_2 select_fixed"
                                            onchange="search_group_with_code_after_select('cb`+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('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>
                                        <option value="`+ledger_id+`">`+ledger_code+` -- `+ledger_name+`</option>
                                    </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_fixed 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>`;
                            // if(voucherFormType==2||voucherFormType==4){
                            //     cb_returnData+=`<td>
                            //                     <div class="input-group" id="cheque_date_field-cb`+m+`" style="display:none;width:100%">
                            //                         <input type="date" name="cheque_date[`+m+`]""
                            //                             id="cheque_date-cb`+m+`"
                            //                             class="form-control cheque_date"/>
                            //                     </div>
                            //                 </td>
                            //                 <td class="cheque"> 
                            //                     <div class="input-group" id="cheque_no_field-cb`+m+`" style="display:none;width:100%">`;
                            //                         if(voucherFormType==4){
                            //                         cb_returnData+=`<input type="text" id="cheque_no-cb`+m+`" name="cheque_no[`+m+`]"" class="form-control cheque_no"/>`;
                            //                         }else{
                            //                                 cb_returnData+=`<select name="cheque_no[`+m+`]"" id="cheque_no-cb`+m+`" class="form-control cheque_no">
                            //                             </select>`;
                            //                         }
                            //                     cb_returnData+=`</div>
                            //                 </td>`;
                            // }

                                cb_returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <input type="number" step=".01" onkeyup="getCrSum()" name="cr_amount[`+m+`]"" class="form-control c_amount" value="`+camount+`"/>`;
                            
                            cb_returnData+=`<div class="input-group-append">
                                                <button type="button" onclick="addCreditRow()" class="btn btn-info">
                                                    <span class="fa fa-plus"></span><span class="btn_text-`+m+`"></span>
                                                </button>
                                                <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>`;
                    }
                }
                        $('#voucher_body').html(returnData);
                        $('#voucher_cr_body').html(cb_returnData);
                        // getAvailaibleChequeNo();
                        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);
                            $('.select_fixed').select2();
                        }
                            getSum();
                            getCrSum();
                        
                }
            },
            error: function (response) {
            
            },
        });
         $("#previous_voucher_model").modal("hide");
         
    }
    
    function addRow(){
        h++;
        var returnData=`<tr data-id="`+h+`" id="entire_row-`+h+`">
                            <td style="width: 3%;padding: 0 class="text-center">`+(voucherFormType==5?(h-194):(h-199))+`
                                <input type="hidden" name="id[`+h+`]"" 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-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">
                                    <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"/>`;
                            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>`;
                        $('#voucher_body').append(returnData);
                        search_group_with_code(h);
                        $('.select_2').select2();
                        getGroupWiseLedgerInit(h);
    }

    function addCreditRow(){
        j++;
        var returnData=`<tr data-id="`+j+`" id="entire_row-`+j+`">
                            <td style="width: 3%;padding: 0 class="text-center">`+(voucherFormType==5?(j-294):(j-299))+`
                                <input type="hidden" name="id[`+j+`]"" value="`+j+`">
                            </td>
                            
                            <td class="padding_apply">
                                <div class="input-group">
                                    <select id="group_row-`+j+`"
                                            class="form-control item-`+j+` select_2"
                                            onchange="search_group_with_code_after_select('`+j+`')" style="width: 90%">
                                            <option value="0">select ledger</option>
                                    </select>
                                    <div class="input-group-append" style="width: 10%">
                                    <button type="button" 
                                    onclick="openAccountsGroupDetailsModal('`+j+`')"
                                            class="btn btn-danger btn-sm">
                                        <span class="fa fa-download"></span><span
                                                class="btn_text-`+j+`"></span>
                                    </button>
                                    </div>
                                </div>
                            </td>
                            <td class="padding_apply">
                                <div class="input-group">
                                    <select id="row-`+j+`" name="cr_ledger_id[`+j+`]"" data-row_id="`+j+`" class="form-control item-`+j+` ledger_select_fixed" style="width: 90%" required>
                                    </select>
                                    <div class="input-group-append" style="width: 10%">
                                        <button type="button" onclick="openAccountsLedgerDetailsModal('`+j+`')"
                                                class="btn btn-danger btn-sm">
                                            <span class="fa fa-download"></span><span
                                                    class="btn_text-`+j+`"></span>
                                        </button>
                                    </div>
                                </div>
                            </td>`;
                            returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <select name="cb_cost_center_journal[`+j+`]"" 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-`+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" value="0.00" name="cr_amount[`+j+`]"
                                                        onkeyup="getCrSum()" class="form-control c_amount" />`;
                            returnData+=`   <div class="input-group-append">
                                                <button type="button" onclick="addCreditRow()" class="btn btn-info">
                                                    <span class="fa fa-plus"></span><span class="btn_text-`+j+`"></span>
                                                </button>
                                                <button type="button" onclick="deleteRow(`+j+`)" class="btn btn-danger">
                                                    <span class="fa fa-minus"></span><span class="btn_text-`+j+`"></span>
                                                </button>
                                            </div>
                                </div>
                            </td>
                        </tr>`;
                        $('#voucher_cr_body').append(returnData);
                        search_group_with_code(j);
                        $('.select_2').select2();
                        getGroupWiseLedgerInit(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">
                                            <td class="sorting_1">`+(index+1)+`</td>
                                            <td class="tr_td_group_code-205">`+(data[index].parent?data[index].parent.auto_code:'')+`</td>
                                            <td>`+(data[index].parent?data[index].parent.name:'')+`</td>
                                            <td class="tr_td_title-205"><b>`+data[index].auto_code+`</b></td>
                                            <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).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 getSum(){
        var sum=0;
        $('.amount').each(function(){
            sum += parseFloat(this.value);
        });
        // $('#total_amount').val(sum);
        $('#total_amount').val(parseFloat(sum).toFixed(2));
        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);
                this.value=(parseFloat(drSum-sum).toFixed(2));
            }else if(allCr.length==1){
                this.value=(parseFloat(drSum).toFixed(2));
                // this.value=(drSum);
            }
            sum += parseFloat(this.value);
        });
        $('#total_cr_amount').val(parseFloat(sum).toFixed(2));
    }
    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>
{{-- @include('accounts.voucher.voucher_js') --}}
@stop