@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;
        }
    .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>
                <form action="{{route('voucher.payment_store',['voucher_type'=>$voucher_type['type']])}}" method="post">
                @include('accounts.voucher.invoice_install_form')
                <hr>
                    @csrf
                    <div class="card-box" style="border: dashed 1px green">
                        <input type="hidden" id="voucher_type" value="{{$voucher_type['type']}}">
                       
                        <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>
                                                        <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>
                                                        <label>COST CENTER</label>
                                                        <div class="input-group">
                                                            <select name="cost_center_voucher"
                                                                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>
                                                        <label>Reference</label>
                                                        <div class="input-group">
                                                            <input type="text" name="reff" id="reff"
                                                                class="form-control reff" />
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <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: 15px;">
                                    <div class="pro_trans_table">

                                        <table class="table table-bordered">
                                            <tbody class="item_tbody">
                                                <tr>
                                                    <th width="70%" class="bg-secondary text-center">Invoice List</th>
                                                    <th width="15%" class="bg-secondary ">{{$voucher_type['type']==1?'Paid':'Collect'}} Amount</th>
                                                    <td width="15%"><input type="text" name="paid_amount" id="paid_amount"
                                                        class="form-control" onkeyup="setInvoiceAmount()" min="1"/></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th class="text-nowrap text-center" style="width: 3%;padding: 0">SL </th>
                                                    <th class="text-nowrap text-center" class="padding_apply">DATE</th>
                                                    <th class="text-nowrap text-center" class="padding_apply">Invoice No </th>
                                                    <th class="text-nowrap text-center" class="padding_apply">Billed Amount
                                                    <th class="text-nowrap text-center" class="padding_apply">Due </th>
                                                    <th class="text-nowrap text-center" class="padding_apply">Amount</th>
                                                </tr>
                                            </thead>
                                            
                                            <tbody class="item_tbody" style="border:solid 2px black" id="invoice_body">
                                            </tbody>
                                        </table>
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th class="text-nowrap text-center" style="width: 3%;padding: 0">SL
                                                    </th>
                                                    <th class="text-nowrap text-center" class="padding_apply">Group</th>
                                                    <th class="text-nowrap text-center" class="padding_apply">Ledger Title
                                                    </th>
                                                    <th class="text-nowrap text-center" class="padding_apply">Cost Center
                                                    </th>
                                                    <th class="text-nowrap text-center" class="padding_apply">Note
                                                    </th>
                                                   
                                                    <th class="text-nowrap text-center" class="padding_apply">Amount</th>
                                                </tr>
                                            </thead>
                                            <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="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-danger btn-sm">
                                                                        <span class="fa fa-download"></span><span
                                                                            class="btn_text-cb{{ $j }}"></span>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="padding_apply">
                                                            <div class="input-group">
                                                               
                                                                <select id="row-cb{{ $j }}" onchange="getCheckField('cb{{$j}}')" name="cr_ledger_id[{{$j}}]" class="form-control item-{{ $j }} select_2" data-row_id="{{ $j }}" style="width: 90%">
                                                                    @forelse ($cashBanks as $cashBank)
                                                                        <option value="{{$cashBank->account_id}}"
                                                                            data-id="{{$cashBank->id}}" data-type="{{$cashBank->type}}"
                                                                            class="cash-bank-option-{{$cashBank->type}}">
                                                                            {{ $cashBank->name_eng }}</option>
                                                                    @empty
                                                                    @endforelse
                                                                </select>
                                                                <div class="input-group-append" style="width: 10%">
                                                                    <button type="button" disabled
                                                                        onclick="openAccountsLedgerDetailsModal('cb{{ $j }}')"
                                                                        class="btn btn-danger btn-sm">
                                                                        <span class="fa fa-download"></span><span
                                                                            class="btn_text-cb{{ $j}}"></span>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </td>
                                                       
                                                        <td class="padding_apply">
                                                            <div class="input-group">
                                                                <select name="cb_cost_center_journal[{{$j}}]"
                                                                    id="cost_center_id-{{$j}}"
                                                                    class="select_fixed form-control cost_center_journal" style="width: 100%">
                                                                    <option value="0">{{'ALL'}}</option>
                                                                    @forelse ($cost_centers as $cost_center)
                                                                    <option value="{{$cost_center->id}}">
                                                                        {{$cost_center->name}}</option>
                                                                    @empty
    
                                                                    @endforelse
                                                                </select>
                                                            </div>
                                                        </td>
                                                        <td class="padding_apply">
                                                            <div class="input-group">
                                                                <input type="text" value="" id="des-{{ $j }}" name="cb_des[{{$j}}]"
                                                                    class="form-control des" />
                                                            </div>
                                                        </td>
                                                       
                                                       
                                                        <td class="padding_apply">
                                                            <div class="input-group">
                                                                <input type="number" step=".01" value="0.00" name="cr_amount[{{$j}}]"
                                                                    onkeyup="getCrSum()" class="form-control c_amount" />
                                                                <div class="input-group-append">
                                                                    <button type="button" onclick="addCashBankRow()"
                                                                        class="btn btn-info">
                                                                        <span class="fa fa-plus"></span>
                                                                        <span class="btn_text-cb{{ $j}}"></span>
                                                                    </button>
                                                                    <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>
                                                        <tr data-id="cb{{$j}}" class="entire_row-cb{{$j}}" id="cheque_trcb{{$j}}" style="display:none;">
                                                            <td colspan="4"></td>
                                                            <td>
                                                                <div class="input-group" id="cheque_date_field-cb{{$j}}" style="width:100%">
                                                                    {{-- <div class="input-group-prepend" style="width: 30%"><button type="button" class="btn btn-danger"><span>C_Date</span></button>
                                                                    </div> --}}
                                                                    <input placeholder="CheckDate" type="date" name="cheque_date[{{$j}}]" id="cheque_date"
                                                                    class="form-control cheque_date" style="width: 70%"/>
                                                                    
                                                                </div>
                                                            </td>
                                                            
                                                            <td>
                                                                <div class="input-group" id="cheque_no_field-cb{{$j}}" style="width:100%">
                                                                    {{-- <div class="input-group-prepend" style="width: 30%"><button type="button" class="btn btn-danger"><span>Cheque_No</span></button>
                                                                    </div> --}}
                                                                    @if($voucher_type['type']==4)
                                                                    <input type="text" id="cheque_no-cb{{$j}}" name="cheque_no[{{$j}}]"
                                                                        class="form-control cheque_no" style="width: 70%"/>
                                                                    @else
                                                                    <select name="cheque_no[{{$j}}]" id="cheque_no-cb{{$j}}"
                                                                        class="form-control cheque_no" style="width: 70%">
                                                                    </select>
                                                                    @endif
                                                                </div>
                                                            </td>
                                                        </tr>

                                                        @endfor
                                                </tbody>
                                                <tfoot>
                                                    <tr>
                                                        <th colspan="4" class="text-right">
                                                            TRANSACTION TOTAL : </th>
                                                        <th>
                                                            <div class="input-group">
                                                                <div class="input-group-prepend">
                                                                <button type="button" class="btn btn-warning"><span>DEBIT</span></button>
                                                                </div>
                                                                <input type="text" name="total_amount" id="total_amount"
                                                                    class="form-control total_amount" readonly />
                                                            </div>
                                                        </th>
                                                        <th>
                                                            <div class="input-group">
                                                                <div class="input-group-prepend">
                                                                    <button type="button" class="btn btn-warning"><span>CREDIT</span></button>
                                                                    </div>
                                                                <input type="text" name="total_cr_amount" id="total_cr_amount"
                                                                    class="form-control total_amount" readonly />
                                                            </div>
                                                        </th>
                                                    </tr>
                                                    {{-- <tr>
                                                        <th colspan="{{$cash_bank_type==2?8:6}}" class="text-right">
                                                            TRANSACTION TOTAL : </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" class="btn btn-primary btn-sm">
                                                Submit
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </form>
            </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">
var voucherFormType="{{$voucher_type['type']}}";
partySearch('party_id',voucherFormType);
// 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 setInvoiceAmount(){
    var amount=parseFloat($('#paid_amount').val());
    var csum=0;
    $('.c_inv_amount').each(function(){
        csum += parseFloat(this.value);
    });
    amount=(amount+csum);
    $('.d_inv_amount').each(function(){
        var n=$('.d_inv_amount').index(this);
        var inv_amount=parseFloat($('.payable_invoice_amount').eq(n).text());
        console.log(amount+"|"+n+"|"+inv_amount);
        if(amount>0){
            this.value=(amount>=inv_amount)?inv_amount:amount;
            amount=(amount>=inv_amount)?(amount-inv_amount):0;
        }else{
            this.value=0;
        }
    });

    getInvSum();
}
function getInvSum(){
        var sum=0;
        $('.amount').each(function(){
            sum += parseFloat(this.value);
        });
        $('#total_amount').val(parseFloat(sum).toFixed(2));
        getInvoiceSum();
        setBalance();
    }
function getInvoiceSum(){
    var dsum=0;
    var csum=0;
    $('.d_inv_amount').each(function(){
        dsum += parseFloat(this.value);
    });
    $('.c_inv_amount').each(function(){
        csum += parseFloat(this.value);
    });
    var balance=(dsum-csum);
    $('#paid_amount').val(parseFloat(balance).toFixed(2));
    $('#paid_amount').attr('max',parseFloat(balance).toFixed(2));
}
function getGroupWiseLedgerInit(rrow_id){
    // alert();
    // var group_code=$('#group_row-'+row_id).val();
        $('.ledger_select_fixed').select2({
                    minimumInputLength: 3,
                    //tags: [],
                    ajax: {
                        url: "{{route('accounts_settings.ledger_search')}}",
                        dataType: 'json',
                        type: "GET",
                        quietMillis: 50,
                        data: function (term) {
                            // row_id= $(this).attr('data-row_id');
                            // row_id= $(data.element).attr('data-row_id');
                            var group_code=$('#group_row-'+rrow_id).val();
                            return {
                                _token: $("input[name='_token']").val(),
                                search_type: 2,
                                group_code:null,
                                name: term
                            };
                        },
                        processResults: function (data) {
                            return {
                                results: $.map(data, function (item) {
                                    return {
                                        text: item.auto_code + ' -- ' + item.name,
                                        id: item.id
                                    }
                                })
                            };
                        }
                    }                                                   
                });
        }
        function getCheckField(row_id){
          var type=  $('#row-'+row_id+' option:selected').attr('data-type');
            if(type==2){
                // $('#cheque_date_field-'+row_id).show('slow');
                // $('#cheque_no_field-'+row_id).show('slow');
                $('#cheque_tr'+row_id).show('slow');
                getAvailaibleChequeNo(row_id);
                $('.cheque_no').select2();

            }else{
                // $('#cheque_date_field-'+row_id).hide('slow');
                // $('#cheque_no_field-'+row_id).hide('slow');
                $('#cheque_tr'+row_id).hide('slow');
            }
        }
function partySearch(cls,type) { //type = 1-vendor, 2-customer
    var url = (type == 1 ? "/vendor-live-search" : "/customer-live-search");
    $('.'+cls).select2({
        minimumInputLength: 3, 
        ajax: {
            url: url,
            dataType: 'json',
            type: "POST",
            quietMillis: 50,
            data: function (term) {
                return {
                    _token: $("meta[name=csrf-token]").attr('content'), 
                    name: term, 
                };
            },
            processResults: function (data) { 
                return {
                    results: $.map(data, function (item) {
                        return {
                            text: item.name_eng,
                            id: item.id,
                        }
                    })
                };
            },
            transport: function (params, success, failure) {
                var $request = $.ajax(params); 
                $request.then(success);
                $request.fail(failure);
            
                return $request;
            }
        }                                                     
    });
}
function install_invoice_form(){
        let sendParameter={};
        var payment_voucher_no=$('#payment_voucher_no').val();
        var party_id=$('#party_id').val();
        var start=$('#start_date').val();
        var end=$('#end_date').val();
        var type=voucherFormType;
        var returnData=``;
        if(payment_voucher_no){
            sendParameter={
                    invoice_no:payment_voucher_no,
                    type:type,
                }
        }else{
            sendParameter={
                    start:start,
                    end:end,
                    type:type,
                    party_id:party_id,
                }
        }    
            //$('#previous_voucher_model_table').dataTable().fnDestroy();
            $.ajaxSetup({
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                },
            });
            $.ajax({
                type: "GET",
                url: "{{route('voucher.invoice_search')}}",
                data:sendParameter,
                success: function (data) {
                    if(data.length>0){
                        if(payment_voucher_no){
                            $('#party_id').html('<option value="'+data[0].party_id+'">'+(data[0].party?data[0].party.name_eng:'')+'</option>');
                        }
                        // returnData+=`<input type="hidden" name="party_id" value="`+data[0].party_id+`">`;
                        for (let index = 0; index < data.length; index++) {
                            var balance=parseFloat(parseFloat(data[index].net_total)-parseFloat(data[index].cash_amount)).toFixed(2);
                            returnData+=`<tr role="row" class="odd">
                                                <td class="sorting_1">`+(index+1)+`</td>
                                                <td class="tr_td_group_code-205">`+getFormatedDate(data[index].date)+`</td>
                                                <td class="tr_td_title-205"><b>`+data[index].invoice_no+`</b></td>
                                                <td class="text-right">`+parseFloat(data[index].net_total).toFixed(2)+`</td>
                                                <td class="text-right payable_invoice_amount">`+balance+`</td>
                                                <td class="tr_td_code-205"><input type="number" step=".01" min="0" max="`+balance+`" class="form-control `+((data[index].transaction_type==1||data[index].transaction_type==3)?'amount d_inv_amount':'c_amount c_inv_amount')+`" onkeyup="getInvSum()" name="invoice_paid_amount[`+data[index].id+`]" value="`+balance+`" `+((data[index].transaction_type==1||data[index].transaction_type==3)?'':'readonly')+`></td>
                                        </tr>`;
                        }
                    }
                    $('#invoice_body').html(returnData);
                    getInvSum();
                    getInvoiceSum();
                },
                error: function (response) {
                
                },
            });
        
    }
</script>
@include('accounts.voucher.voucher_js')
@stop