@extends('admin.layout.master')
@section('title','VOUCHER MANAGEMENT')
@section('custom_style')
<style>
    input[type=text],input[type=file], input[type=number] {
        height: 35px !important;
    }
</style> 
@endsection
@section ('content')
<!-- <div class="page-wrapper">
    <div class="content container-fluid">
        <div class="row">
            <div class="col-md-12"> -->
                @include('accounts.voucher.install_form')                
                <form action="{{route('voucher.journal_voucher_store',['voucher_type'=>$voucher_type['type']])}}" method="post">
                    @csrf
                <div class="card-box">
                    <input type="hidden" id="voucher_type" value="{{$voucher_type['type']}}">
                    <h4 class="card-title text-center">{{strtoupper(str_replace('_',' ',$voucher_type['name']))}}</h4>
                    <div class="card-body">
                            @php
                                $cash_bank_type=(($voucher_type['type']==1)||($voucher_type['type']==3))?1:2;
                            @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">
                                        @php $i = 1; @endphp
                                        <tr data-id="{{$i}}">
                                            <td>
                                                <label>Date</label>
                                                <div class="input-group">
                                                    <input type="date" name="date"
                                                           id="name_table_name-{{$i}}"
                                                    
                                                           class="form-control name_table_name-{{$i}}"/>
                                                </div>
                                            </td>
                                            <td>
                                                <label>Voucher NO</label>
                                                <div class="input-group">
                                                    <input type="text" name="voucher_no"
                                                           id="name_table_name-{{$i}}"
                                                           class="form-control name_table_name-{{$i}}"/>
                                                </div>
                                            </td>
                                            <td>
                                                <label>Reference</label>
                                                <div class="input-group">
                                                    <input type="text" name="reff"
                                                           id="name_table_name-{{$i}}"
                                                           class="form-control name_table_name-{{$i}}"/>
                                                </div>
                                            </td>
                                            <td>
                                                <label>NOTES</label>
                                                <div class="input-group">
                                                    {{-- <textarea name="voucher_notes"
                                                           class="form-control name_table_name"></textarea> --}}
                                                    <input type="text" name="voucher_notes"
                                                           id="name_table_name-{{$i}}"
                                                           placeholder="Voucher Note"
                                                           class="form-control name_table_name-{{$i}}"/>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            {{-- <td>
                                                <label id="cash_bank_label">{{$cash_bank_type==1? 'Cash ' :'Bank ' }} List</label>
                                                <div class="input-group">
                                                    <select name="cash_bank" id="cash_bank" @if($voucher_type['type']==2) onchange="getAvailaibleChequeNo()" @endif class="form-control select2" data-live-search="true">
                                                        <option value="">select One</option>
                                                        @forelse ($cashBanks->where('type',$cash_bank_type) as $cashBank)
                                                            <option value="{{$cashBank->account_id}}" data-id="{{$cashBank->id}}" class="cash-bank-option-{{$cashBank->type}}">{{ $cashBank->name_eng }}</option> 
                                                        @empty
                                                            
                                                        @endforelse
                                                    </select>
                                                </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="select2 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>
                                            
                                        </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">
                                        <thead>
                                        <tr>
                                            <th class="text-nowrap text-center" style="width: 3%;padding: 0">SL</th>
                                            <th class="text-nowrap text-center" style="padding: 0">Group</th>
                                            <th class="text-nowrap text-center" style="padding: 0">Ledger Acc.</th>
                                            <th class="text-nowrap text-center" style="padding: 0">Ledger Title</th>
                                            <th class="text-nowrap text-center" style="padding: 0">Cost Center
                                            
                                            </th>
                                            <th class="text-nowrap text-center" style="padding: 0">NOTES</th>
                                            <th class="text-nowrap text-center" style="padding: 0">Debit</th>
                                            <th class="text-nowrap text-center" style="padding: 0">Credit</th>
                                        </tr>
                                        </thead>
                                        <tbody class="item_tbody" style="" id="voucher_body">
                                       {{-- <input type="hidden" id="json_data_obj" value="{{$accountsHeads}}"> --}}
                                          
                                            {{-- @forelse ($nitialAccountsSetUps as $val) --}}
                                            @for ($i = 0; $i < 6; $i++)
                                                
                                            
                                            {{-- @php
                                                $total_row = $total_row + count($nitialAccountsSetUps);
                                            @endphp  --}}
                                                <tr data-id="{{$i}}">
                                                    <td style="width: 3%;padding: 0" class="text-center">{{($i+1)}}
                                                    <input type="hidden" name="id[]" value="{{$i}}">
                                                    </td>
                                                   
                                                    <td style="padding: 0">
                                                        <div class="input-group">
                                                            <select id="group_row-{{ $i }}"
                                                                    data-row_unique="{{ $i }}"
                                                                    data-modal_key="modal_accounts_ledger"
                                                                    class="form-control item-{{ $i }}"
                                                                    onfocus="search_group_with_code('{{$i}}')"
                                                                    onchange="search_group_with_code_after_select('{{$i}}')">
                                                                    <option value="0">select ledger</option>
                                                            </select>
                                                                    {{-- <datalist id="browseGroupCode-{{$i}}"></datalist> --}}
                                                            <div class="input-group-append">
                                                            <button type="button" 
                                                            onclick="openAccountsGroupDetailsModal('{{$i }}')"
                                                                    class="btn btn-danger">
                                                                <span class="fa fa-download"></span><span
                                                                        class="btn_text-{{ $i }}"></span>
                                                            </button>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td style="padding: 0">
                                                        <div class="input-group">
                                                            <input id="row-{{ $i }}"
                                                                    data-row_unique="{{ $i }}"
                                                                    data-modal_key="modal_accounts_ledger"
                                                                    class="form-control item-{{ $i }}"
                                                                    name="ledger_id[]"
                                                                    data-id=""
                                                                    value="" readonly>
                                                            <div class="input-group-append">
                                                            <button type="button" 
                                                            onclick="openAccountsLedgerDetailsModal('{{ $i }}')"
                                                                    class="btn btn-danger">
                                                                <span class="fa fa-download"></span><span
                                                                        class="btn_text-{{ $i}}"></span>
                                                            </button>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td style="padding: 0">
                                                        <div class="input-group">
                                                            <input type="text"
                                                                   id="account_name_row-{{ $i }}"
                                                                   class="form-control" readonly/>
                                                            <input type="hidden"
                                                                   value="0"
                                                                   id="ledger_id_to_submit-{{ $i }}"
                                                                   name="ledger_id_to_submit[]"/>
                                                        </div>
                                                    </td>
                                                    <td style="padding: 0">
                                                        <div class="input-group">
                                                            <select name="cost_center_journal[]" id="cost_center_id-{{$i}}" class="select2 form-control cost_center_journal">
                                                                <option value="0">{{'ALL'}}</option>
                                                                @forelse ($cost_centers as $cost_center)
                                                                <option value="{{$cost_center->id}}">{{$cost_center->name}}</option>
                                                                @empty
                                                                    
                                                                @endforelse
                                                            </select>
                                                        </div>
                                                    </td>
                                                    <td style="padding: 0">
                                                        <div class="input-group">
                                                            <input type="text"
                                                                   value=""
                                                                   id="des-{{ $i }}"
                                                                   name="des[]"
                                                                   class="form-control des"/>
                                                        </div>
                                                    </td>
                                                    <td style="padding: 0">
                                                        <div class="input-group">
                                                            <input type="number"
                                                                    step=".01" 
                                                                    value="0.00"
                                                                    name="d_amount[]"
                                                                    id="d_amount_id-{{ $i }}"
                                                                    onkeyup="getDebitSum('{{ $i }}')"
                                                                    class="form-control d_amount"/>
                                                        </div>
                                                    </td>
                                                    <td style="padding: 0">
                                                        <div class="input-group">
                                                            <input type="number"
                                                                    step=".01" 
                                                                    value="0.00"
                                                                    name="c_amount[]"
                                                                    id="c_amount_id-{{ $i }}"
                                                                    onkeyup="getCreditSum('{{ $i }}')"
                                                                    class="form-control c_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>
                                                                    </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                @endfor
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <th colspan="6" class="text-right">TRANSACTION TOTAL : </th>
                                                <th>
                                                    <div class="input-group">
                                                        <input type="text" name="total_debit_amount"
                                                               id="total_debit_amount"
                                                               class="form-control total_debit_amount" readonly/>
                                                    </div>
                                                </th>
                                                <th>
                                                    <div class="input-group">
                                                        <input type="text" name="total_credit_amount"
                                                               id="total_credit_amount"
                                                               class="form-control total_credit_amount" readonly/>
                                                    </div>
                                                </th>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>

                            </div>
                            <div class="col-md-12 text-center">
                                <div class="input-group">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="checkbox" name="status" id="status" value="1">
                                        <label class="form-check-label" for="status">PENDING</label>
                                      </div>
                                    {{-- <select name="status" id="status" class="form-control-sm">
                                        <option value="1">CONFIRMED</option>
                                        <option value="0">PENDING</option>
                                       
                                    </select> --}}
                                    <div class="input-group-append">
                                    <button type="submit" id="submit_id"  class="btn btn-primary btn-sm">
                                        Submit
                                    </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                    </div>
                </div>
            </form>
            {{-- </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">
      
    

    
  
      
    </script>
    @include('accounts.voucher.voucher_js')
@stop