@extends('admin.layout.master')
@section('title','VOUCHER MANAGEMENT')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=file],
    input[type=number] {
        height: 35px !important;
    }
    button[type=button] {
        height: 35px !important;
    }
</style>
@endsection
@section ('content')
{{-- <div class="page-wrapper">
    <div class="content container-fluid">
        <div class="row"> --}}
            <div class="card sina-card">
                <div class="card-header card-header-s d-flex flex-wrap align-items-center">
                    <h4 class="card-title text-center">{{strtoupper(str_replace('_',' ',$voucher_type['name']))}}
                    </h4>
                   
                </div>
                @include('accounts.voucher.install_form')
                <hr>
                <form action="{{route('voucher.store',['voucher_type'=>$voucher_type['type']])}}" method="post">
                    @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;
                            @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" />
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <label>Voucher NO</label>
                                                        <div class="input-group">
                                                            <input type="text" name="voucher_no" id="voucher_no"
                                                                class="form-control" />
                                                        </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>
                                                <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 select_fixed" 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="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>
                                                </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>
                                                    @if($cash_bank_type==2)
                                                    <th class="text-nowrap text-center" style="padding: 0">ChequeDate
                                                    </th>
                                                    <th class="text-nowrap text-center" style="padding: 0">ChequeNo</th>
                                                    @endif
                                                    <th class="text-nowrap text-center" style="padding: 0">NOTES</th>
                                                    <th class="text-nowrap text-center" style="padding: 0">Amount</th>
                                                </tr>
                                            </thead>
                                            <tbody class="item_tbody" style="" id="voucher_body">

                                                @for ($i = 0; $i < 1; $i++) <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 }} select_fixed"
                                                                onfocus="search_group_with_code('{{$i}}')"
                                                                onchange="search_group_with_code_after_select('{{$i}}')">
                                                                <option value="0">select ledger</option>
                                                            </select>
                                                            <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 type="text" id="row-{{ $i }}" data-row_unique="{{ $i }}"
                                                                data-modal_key="modal_accounts_ledger"
                                                                class="form-control item-{{ $i }}" name="ledger_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="{{$i }}"
                                                                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="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($cash_bank_type==2)
                                                    <td class="cheque">
                                                        <div class="input-group">
                                                            <input type="date" name="cheque_date[]" id="cheque_date"
                                                                class="form-control cheque_date"
                                                                onfocus="getChequeNumber({{$i}})" />
                                                        </div>
                                                    </td>
                                                    <td class="cheque">
                                                        <div class="input-group">
                                                            @if($voucher_type['type']==4)
                                                            <input type="text" id="cheque_no-{{$i}}" name="cheque_no[]"
                                                                class="form-control cheque_no" />
                                                            @else
                                                            <select name="cheque_no[]" id="cheque_no"
                                                                class="form-control cheque_no">
                                                            </select>
                                                            @endif
                                                        </div>
                                                    </td>
                                                    @endif
                                                    <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="amount[]"
                                                                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>
                                            <tfoot>
                                                <tr>
                                                    <th colspan="{{$cash_bank_type==2?8:6}}" class="text-right">
                                                        TRANSACTION TOTAL : </th>
                                                    <th>
                                                        <div class="input-group">
                                                            <input type="text" name="total_amount" id="total_amount"
                                                                class="form-control total_amount" readonly />
                                                        </div>
                                                    </th>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>

                                </div>
                                <div class="col-md-12 text-center">
                                    <div class="input-group">
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" name="status" id="status"
                                                value="1">
                                            <label class="form-check-label" for="status">PENDING</label>
                                        </div>
                                        {{-- <select name="status" id="status" class="form-control-sm">
                                        <option value="1">CONFIRMED</option>
                                        <option value="0">PENDING</option>
                                    </select> --}}
                                        <div class="input-group-append">
                                            <button type="submit" 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">
    
    // function openAccountsGroupDetailsModal(row_id){
    //     //alert();
    //     $('#load_table_modal_accounts_head').dataTable().fnDestroy();
    //     var returnData=``;
    //     $.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) {
    //             console.log(data);
    //             if(data.length>0){
    //                 for (let index = 0; index < data.length; index++) {
    //                     //const element = data[index];
    //                     returnData+=`<tr onclick="setGroupDataToSelector(`+row_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_title-205">`+data[index].auto_code+`</td>
    //                                         <td class="tr_td_code-205">`+data[index].name+`</td>
    //                                     </tr>`;
    //                 }

    //             }
    //             $('#load_tbody_modal_accounts_head').html(returnData);
    //             $("#accounts_group_model").modal("show");
    //             $('#load_table_modal_accounts_head').DataTable({
    //                 "destroy": true,
    //             });
    //         },
    //         error: function (response) {
    //         //
    //         },
    // });
    // }

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