@extends('admin.layout.master')
@section('title','VOUCHER MANAGEMENT')
@section('custom_style')
<style>
input[type=text],input[type=file], input[type=number],input[type=date] {
    height: 35px !important;
}
.padding_apply{
    padding-left: 1px;
}
.table thead th {
    border: 1px solid black !important;
    text-align: center;
    vertical-align: middle;
    }
/* .table tbody td {
    border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;
    } */
.card-body{
    padding:.25rem !important;
}
/* #edit_card_box {      
 display : none; !important;      
 width :100%;      
 height : 100%;      
 background : rgba(50,50,50,0.5);      
 position : fixed;      
 top : 0;       
 z-index : 500;      
}
#popup{      
 background : white;      
 width : 400px;      
 height : 300px;      
 margin : 150px auto;      
}    */
.table th, .table td {
            padding: 0px 5px;
            color: black;
        }
    .table th {
           background: var(--tableHeaderRed);
           padding: 5px !important;
           color: white !important;
        }
.card-body{
    padding:.25rem !important;
}
/* .btn-danger{
    background: var(--rejared);
    border-color: var(--rejared);
} */
</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">
        <form action="{{route('voucher.'.$voucher_type['name'])}}" method="get">
            @include('accounts.voucher.install_form',['button_type'=>'submit'])
        </form>
    </div>
    <div id="edit_card_box" style="background : rgba(50,50,50,0.5); position: fixed;top:10%; display: none; z-index:999;width:80%;height : 100vh;overflow-y:scroll">
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <input type="hidden" id="voucher_type" value="{{$voucher_type['type']}}">
            <h4 class="card-title text-center col-6 pl-0">{{strtoupper(str_replace('_',' ',$voucher_type['name']))}} Edit Form</h4>
            <div class="col-6 d-flex justify-content-end">
                <button type="button"  class="btn btn-danger btn-sm" onclick="hideBox()">
                    <span class="fa fa-refresh">X</span>
                </button>
            </div>
        </div>
        <div class="card-body" id="popup" style="background : rgb(246, 248, 246); width : 400px;height : 100vh; margin : 10px auto;overflow-y:scroll">
            {{-- style="background-color:white; position: fixed;top:5%; display: none" id="edit_card_box" --}}
            <div class="row">
                <div class="col-md-12">          
                    <form action="{{route('voucher.journal_voucher_update',['voucher_type'=>$voucher_type['type']])}}" method="post">
                        @csrf
                        <div class="card-box">
                            <input type="hidden" id="voucher_id" name="voucher_id" value="">
                            <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;
                                    $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">
                                                <tr>
                                                    <td style="width: 20%;padding:0 5px 0">
                                                        <label>Date</label>
                                                        <div class="input-group">
                                                            <input type="date" name="date"
                                                                    id="voucher_date_edit"
                                                                    class="form-control voucher_date"/>
                                                        </div>
                                                    </td>
                                                    <td style="width: 20%;padding:0 5px 0">
                                                        <label>Voucher NO</label>
                                                        <div class="input-group">
                                                            <input type="text" name="voucher_no"
                                                                    id="voucher_no"
                                                                    class="form-control voucher_no" readonly/>
                                                        </div>
                                                    </td>
                                                    <td style="width: 20%;padding:0 5px 0">
                                                        <label>Reference</label>
                                                        <div class="input-group">
                                                            <input type="text" name="reff"
                                                                    id="reff"
                                                                    class="form-control reff"/>
                                                        </div>
                                                    </td>
                                                    <td style="width: 20%;padding:0 5px 0">
                                                        <label>NOTES</label>
                                                        <div class="input-group">
                                                            <input type="text" name="voucher_notes"
                                                                    id="voucher_notes"
                                                                    placeholder="Voucher Note"
                                                                    class="form-control voucher_notes"/>
                                                        </div>
                                                    </td>
                                                    <td style="width: 20%;padding:0 5px 0">
                                                        <label>COST CENTER</label>
                                                        <div class="input-group">
                                                            <select name="cost_center_voucher" style="width: 100%" onchange="setCostCenterForAll(this.value)" id="cost_center_for_all" class="select_2 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>
                                            </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">
                                                <thead style="border:solid 2px black">
                                                    <tr>
                                                        <th class="text-nowrap text-center" style="width: 3%;padding: 0">SL
                                                        </th>
                                                        <th class="text-nowrap text-center" style="width: 10%;padding: 0" class="padding_apply">Group</th>
                                                        <th class="text-nowrap text-center" style="width: 37%;padding: 0" class="padding_apply">Ledger Title
                                                        </th>
                                                        <th class="text-nowrap text-center" style="width: 15%;padding: 0" class="padding_apply">Cost Center
                                                        </th>
                                                        <th class="text-nowrap text-center" style="width: 15%;padding: 0" class="padding_apply">Note
                                                        </th>
                                                        <th class="text-nowrap text-center padding_apply" style="width: 20%;padding: 0">Amount</th>
                                                    </tr>
                                                </thead>
                                                {{-- <tbody class="item_tbody">
                                                    <tr>
                                                        <th colspan="6">{{$payment==1?'DEBIT':'CREDIT'}} ACCOUNT</th>
                                                    </tr>
                                                </tbody> --}}
                                                <tbody class="item_tbody" style="border:solid 2px black" id="voucher_body">

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

                                                        <td class="padding_apply">
                                                            <div class="input-group">
                                                                <select id="group_row-{{ $i }}" class="form-control item-{{ $i }} select_fixed" onchange="search_group_with_code_after_select('{{$i}}')" style="width: 90%">
                                                                
                                                                </select>
                                                                <div class="input-group-append" style="width: 10%">
                                                                    <button type="button"
                                                                        onclick="openAccountsGroupDetailsModal('{{$i }}')"
                                                                        class="btn btn-danger btn-sm">
                                                                        <span class="fa fa-download"></span><span
                                                                            class="btn_text-{{ $i }}"></span>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td class="padding_apply">
                                                            <div class="input-group">
                                                                <select id="row-{{ $i }}" name="dr_ledger_id[{{$i}}]" class="form-control item-{{ $i }} ledger_select_fixed" data-row_id="{{ $i }}" style="width: 90%">
                                    
                                                                </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">
                                                                <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>
                                                        @endfor
                                                        
                                                </tbody>
                                                {{-- <tbody>
                                                    <tr>
                                                        <th colspan="6">{{$payment==0?'DEBIT':'CREDIT'}}  ACCOUNT</th>
                                                    </tr>
                                                </tbody> --}}
                                                <tbody style="border:solid 2px black" id="voucher_cr_body">
                                                    @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">{{($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">
                                                                    {{-- <input type="text" id="row-cb{{ $j }}" data-row_unique="cb{{ $j }}"
                                                                        data-modal_key="modal_accounts_ledger"
                                                                        class="form-control item-cb{{ $j }}" name="ledger_id[{{$i}}]"
                                                                        value="" readonly> --}}
                                                                    <select id="row-cb{{ $j }}" onchange="getCheckField('cb{{$j}}')" name="cr_ledger_id[{{$j}}]" class="form-control item-{{ $j }} select_2" data-row_id="{{ $j }}" style="width: 90%">
                                                                        @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 type="date" name="cheque_date[{{$j}}]" id="cheque_date"
                                                                    class="form-control cheque_date" style="width: 100%" placeholder="CheckDate"/>
                                                                    
                                                                </div>
                                                            </td>
                                                            
                                                            <td>
                                                                <div class="input-group" id="cheque_no_field-cb{{$j}}" style="width:100%">
                                                                    {{-- <div class="input-group-prepend" style="width: 30%"><button type="button" class="btn btn-danger"><span>Cheque_No</span></button>
                                                                    </div> --}}
                                                                    @if($voucher_type['type']==4)
                                                                    <input type="text" id="cheque_no-cb{{$j}}" name="cheque_no[{{$j}}]"
                                                                        class="form-control cheque_no" style="width: 70%" />
                                                                    @else
                                                                    <select name="cheque_no[{{$j}}]" id="cheque_no-cb{{$j}}"
                                                                        class="form-control cheque_no" style="width: 70%">
                                                                    </select>
                                                                    @endif
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endfor
                                                </tbody>
                                                    <tfoot>
                                                        <tr>
                                                            <th colspan="6" class="text-right">
                                                                <div class="input-group">
                                                                    <div class="input-group-prepend">
                                                                    <button type="button" class="btn btn-secondary"><span>TOTAL</span></button>
                                                                    </div>
                                                                    <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 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="6" class="text-right">
                                                                @if($voucher_type['type']==5)
                                        <div class="col-md-12 text-center">
                                            <div class="row justify-content-end">
                                                <div class="col-md-2">
                                                    <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>    
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="input-group">
                                                        <label class="input-group-text" style="height: 35px;">Bill No</label>
                                                        <input type="text" class="form-control" name="bill_no" id="bill_no">
                                                    </div>
                                                </div>
                                                <div class="col-md-3 pl-0">
                                                    <div class="input-group p-0">
                                                        <label class="input-group-text" style="height: 35px;">Bill Date</label>
                                                        <input type="date" class="form-control bsdatepicker" id="bill_date" name="bill_date" value="">
                                                    </div>
                                                </div>
                                            
                                                <div class="col-md-2 pl-0">
                                                    <div class="input-group-append">
                                                        <button type="submit" class="btn btn-primary btn-sm">
                                                            Submit
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    
                                    @else
                                        <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>
                                                
                                                <div class="input-group-append">
                                                <button type="submit" id="submit_id"  class="btn btn-primary btn-sm">
                                                    Submit
                                                </button>
                                                {{-- <button type="button"  class="btn btn-danger btn-sm" onclick="hideBox()">
                                                    <span class="fa fa-refresh">Reset</span>
                                                </button> --}}
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                                            </th>
                                                        </tr>
                                                        {{-- <tr>
                                                            <th colspan="{{$cash_bank_type==2?8:6}}" class="text-right">
                                                                TRANSACTION TOTAL : </th>
                                                        </tr> --}}
                                                    </tfoot>
                                                
                                                
                                            </table>
                                        </div>

                                    </div>
                                    
                                    {{-- kk --}}
                                </div>
                            </div>
                        </div>
                    </form>
                    
                </div>
            </div>
        
        </div>
    </div>
    <hr>          
    {{-- <div class="card-header card-header-s d-flex flex-wrap align-items-center">
        <input type="hidden" id="voucher_type" value="{{$voucher_type['type']}}">
        <h4 class="card-title text-center">{{strtoupper(str_replace('_',' ',$voucher_type['name']))}}</h4>
    </div> --}}
    {{-- <fieldset style="border: 1px groove #663399 !important;padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 2em 0 !important;-webkit-box-shadow:  0px 0px 0px 0px #000;box-shadow:  0px 0px 0px 0px #000;"> --}}
    {{-- <legend style="width:inherit;padding:0 10px;border-bottom:none;font-size: 18px">{{strtoupper(str_replace('_',' ',$voucher_type['name']))}}</legend> --}}
    <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" style="padding-bottom: 0;">
                <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">Date</th>
                            <th class="text-nowrap text-center" style="padding: 0">Voucher No</th>
                            <th class="text-nowrap text-center" style="padding: 0">Type</th>
                            <th class="text-nowrap text-center" style="padding: 0">NOTES</th>
                            <th class="text-nowrap text-center" style="padding: 0">Amount</th>
                            <th class="text-nowrap text-center" style="padding: 0">ACTION</th>
                            <th>
                                <div class="form-check">
                                    <input class="form-check-input voucher_id_all" onclick="setAllCheckedApprovalbles(this)" type="checkbox" value="1" id="voucher_id_all">
                                    <label class="form-check-label" for="voucher_id_all"> </label>
                                </div>
                            </th>
                        </tr>
                        </thead>
                        <tbody class="item_tbody">
                        
                            @forelse ($vouchers as $key=>$voucher)
                            <tr>
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-center">{{($key+1)}}</td>
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-center">{{ date('Y-M-d', strtotime($voucher->date))}}</td>
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-center">
                                   <a target="_blank" class="btn-xs btn-outline-dark" href="{{route('reports.journal_view',['voucher_id'=>$voucher->id,'cost_center_id'=>request()->cost_center_id,'start_date'=>date('Y-m-d', strtotime($voucher->date)),'end_date'=>date('Y-m-d', strtotime($voucher->date))])}}">
                                        {{ $voucher->voucher_no }}
                                    </a>
                                </td>
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-center">{{ strtoupper(str_replace('_',' ',$voucher_type['name']))}}</td>
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-left">{{ $voucher->note}}</td>
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-right">{{ number_format($voucher->transaction_amount,2)}}</td>
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-center">
                                    @if(checkAuthPermission('voucher.voucher_details'))
                                        <a target="_blank" href="{{ route('voucher.voucher_details',['voucher_id'=>$voucher->id]) }}" class="btn btn-sm btn-info">
                                            <span class="fa fa-eye"></span>
                                        </a>
                                    @endif
                                    @if(checkAuthPermission('voucher.voucher_edit') && count($voucher->reffChildVoucher))
                                        <a target="_blank" href="{{ route('voucher.voucher_edit',['voucher_id'=>$voucher->id]) }}" class="btn btn-sm btn-dark">
                                            <span class="fa fa-wrench"></span>
                                        </a>
                                    @endif
                                    @if(checkAuthPermission('voucher.journal_voucher_update') && ($voucher->reffParentVoucher==null))
                                        <button title="{{$voucher->reffParentVoucher}}" type="button" class="btn btn-sm btn-info" id="edit-{{$voucher->id}}" onclick='loadEditForm({{json_encode("$voucher")}})'>
                                            <span class="fa fa-wrench"></span>
                                        </button>
                                    @endif
                                </td>
                                <td style="border: 1px solid black !important;vertical-align: middle;padding: 2px 5px;" class="text-center">
                                    @if($voucher->status==0)
                                        {!! getApprovalInputField($voucher->id,$action_id) !!}
                                    @else
                                        <button type="button" class="btn btn-sm btn-success">Approved</button>
                                    @endif
                                </td>
                                
                            @empty
                                
                            @endforelse
                                
                                    
                                    
                        </tbody>
                        <tfoot>
                        </tfoot>
                    </table>
                </div>
            </div>
            <div class="col-md-12 text-center">
            
            </div>
        </div>
    </div>
    {{-- </fieldset> --}}
</div>
        


@include('accounts.voucher.modal_accounts_ledger')
@include('accounts.voucher.modal_head_accounts_code')
{{-- @include('accounts.voucher.edit_voucher_modal') --}}
@endsection
@section('script')
@include('accounts.voucher.voucher_js')
<script>
   $(document).ready(function() {
       voucher_id='{{Request()->voucher_id}}';
       //if(voucher_id){
           $("#edit-"+voucher_id).trigger('click');
       //}
    });
    var voucherFormType=$('#voucher_type').val();
    function loadEditForm(voucher){
        var returnData;
        var cb_returnData;
        voucherData=JSON.parse(voucher);
        var voucher_date = getFormatedDate(voucherData.date) ;

        $('#voucher_date_edit').val(voucher_date);

        console.log(voucherData);
        if(voucherFormType==5){
            if(voucherData.bill_date){
                $('#bill_date').val(getFormatedDate(voucherData.bill_date));
            }
            $('#bill_no').val(voucherData.bill_no);
        }
        $('#voucher_id').val(voucherData.id);
        $('#voucher_no').val(voucherData.voucher_no);
        $('#reff').val(voucherData.reff_no);
        $('#voucher_notes').val(voucherData.note);
        $('#voucher_no').val(voucherData.voucher_no);
        var costCenter=[];
        journals=voucherData.journals;
            if(journals.length>0){
                for (let m = 0; m < journals.length; m++) {
                    if((journals[m].type==0 && (voucherData.type==2||voucherData.type==1)) || (journals[m].type==1 && (voucherData.type==4||voucherData.type==3))){
                        var row_id=m;
                    }else if((journals[m].type==1 && (voucherData.type==2||voucherData.type==1)) || (journals[m].type==0 && (voucherData.type==4||voucherData.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)?journals[m].cheque_info.initial_cheque_details[0].cheque_date:'';
                    var check_date=journals[m].cheque_info?journals[m].cheque_info.check_date:null;
                    costCenter.push({'row_id':row_id,'field_value':field_value,'check_number':check_number,'check_date':check_date});
                        
                            // var l_name=journals[m].ledger.name;              
                            // var ledger_name=l_name.replace('\'','\\\'');   
                            var ledger_name=journals[m].ledger.name;              
                            var ledger_code=journals[m].ledger.auto_code;
                            var group_code=journals[m].ledger.parent?journals[m].ledger.parent.auto_code:'';
                            var ledger_id=journals[m].ledger_id;
                        // if(journals[m].type==0){
                        //     var amount=parseFloat(journals[m].amount).toFixed(2);
                        //     var dr=1;
                        //     var camount=0;
                        // }else{
                        //     var amount=0;
                        //     var camount=parseFloat(journals[m].amount).toFixed(2);
                        //     var dr=0;
                        // }
                    // }
                        var des=journals[m].note;
                        var amount=parseFloat(journals[m].amount).toFixed(2);//journals[m].amount;
                    //    1/2==payment 3/4==receive
                    if(journals[m].type==0){
                            returnData+=`<tr data-id="`+m+`" id="entire_row-`+m+`">
                            <td style="width: 3%;padding: 0 class="text-center">DR-`+(m+1)+`
                            <input type="hidden" name="d_id[`+m+`]"" value="`+journals[m].id+`">
                            </td>`;
                                returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <select id="group_row-`+m+`"
                                            class="form-control item-`+m+` select_2"
                                            onchange="search_group_with_code_after_select('`+m+`')" style="width: 90%">
                                            <option value="`+group_code+`">`+group_code+`</option>
                                    </select>
                                    <div class="input-group-append" style="width: 10%">
                                    <button type="button" 
                                    onclick="openAccountsGroupDetailsModal('`+m+`')"
                                            class="btn btn-danger btn-sm">
                                        <span class="fa fa-download"></span><span
                                                class="btn_text-`+m+`"></span>
                                    </button>
                                    </div>
                                </div>
                            </td>
                            <td class="padding_apply">
                                <div class="input-group">
                                    <select id="row-`+m+`" name="dr_ledger_id[`+m+`]"" data-row_id="`+m+`" class="form-control item-`+m+` ledger_select_fixed" style="width: 90%">
                                        <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+`]"" style="width: 100%" id="cost_center_id-`+m+`" class="select_2 form-control cost_center_journal">
                                        <option value="0">All</option>
                                        @forelse ($cost_centers as $cost_center)
                                            <option value="{{$cost_center->id}}">{{$cost_center->name}}</option>
                                        @empty
                                            
                                        @endforelse
                                    </select>
                                </div>
                            </td>`;
                            
                            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+`" class="entire_row-cb`+m+`" id="entire_row-cb`+m+`">
                            <td style="width: 3%;padding: 0 class="text-center">CR-`+(m+1)+`
                            <input type="hidden" name="id[`+m+`]"" value="`+journals[m].id+`">
                            </td>`;
                        cb_returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <select id="group_row-cb`+m+`"
                                            class="form-control item-`+m+` select_2"
                                            onchange="search_group_with_code_after_select('cb`+m+`')" style="width: 90%">
                                            <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+`" name="cr_ledger_id[`+m+`]"" class="form-control item-cb`+m+` ledger_select_fixed" data-row_id="cb`+m+`" style="width: 90%">
                                        <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+`]"" style="width: 100%" id="cost_center_id-cb`+m+`" class="select_2 form-control cost_center_journal">
                                        <option value="0">All</option>
                                        @forelse ($cost_centers as $cost_center)
                                            <option value="{{$cost_center->id}}">{{$cost_center->name}}</option>
                                        @empty
                                            
                                        @endforelse
                                    </select>
                                </div>
                            </td>`;
                            cb_returnData+=`<td class="padding_apply">
                                            <div class="input-group">
                                                <input type="text" value="`+des+`" id="des-cb`+m+`" name="cb_des[`+m+`]"" class="form-control des"/>
                                            </div>
                                        </td>`;
                            cb_returnData+=`<td class="padding_apply">
                                <div class="input-group">
                                    <input type="number" step=".01" onkeyup="getCrSum()" name="cr_amount[`+m+`]"" class="form-control c_amount" value="`+amount+`"/>`;
                            
                            cb_returnData+=`<div class="input-group-append">
                                                <button type="button" onclick="addCashBankRow()" 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><tr data-id="cb`+m+`" class="entire_row-cb`+m+`" id="cheque_trcb`+m+`" style="display:none">
                                                            <td colspan="4"></td>
                                                            <td>
                                                                <div class="input-group" id="cheque_date_field-cb`+m+`" style="width:100%">
                                                                    <input type="date" name="cheque_date[`+m+`]" id="cheque_date-cb`+m+`"
                                                                    class="form-control cheque_date" style="width: 100%"/>
                                                                </div>
                                                            </td>
                                                            
                                                            <td>
                                                                <div class="input-group" id="cheque_no_field-cb`+m+`" style="width:100%">
                                                                    
                                                                    @if($voucher_type['type']==4)
                                                                    <input type="text" id="cheque_no-cb`+m+`" name="cheque_no[`+m+`]"
                                                                        class="form-control cheque_no" style="width: 70%"/>
                                                                    @else
                                                                    <select name="cheque_no[`+m+`]" id="cheque_no-cb`+m+`"
                                                                        class="form-control cheque_no" style="width: 70%">
                                                                    </select>
                                                                    @endif
                                                                </div>
                                                            </td>
                                                        </tr>`;
                        }
                }//end for each
            }
                        $('#voucher_body').html(returnData);
                        $('#voucher_cr_body').html(cb_returnData);
                        // getAvailaibleChequeNo();
                        $('.select_2').select2();
                        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);
                                }
                            });
                            if(voucherFormType==2){
                                console.log(costCenter[cc].check_date);
                                if(costCenter[cc].check_date){
                                    $('#cheque_date-'+row_id).val(getFormatedDate(costCenter[cc].check_date));
                                }
                                if(costCenter[cc].check_number){
                                    //$('#cheque_no-'+row_id).append('<option value="'+costCenter[cc].check_number+'">'+costCenter[cc].check_number+'</option>');
                                    getCheckField(row_id,costCenter[cc].check_number);
                                    console.log(costCenter[cc].check_number);
                                    
                                }
                                $('#cheque_no-'+row_id+' option').each(function(){
                                    //console.log($(this).attr('value'));
                                    if($(this).attr('value')==costCenter[cc].check_number){
                                        $(this).attr('selected', true);
                                    }
                                });
                               
                            }else if(voucherFormType==4){
                                $('#cheque_no-'+row_id).val(costCenter[cc].check_number);
                            }
                        }
                        search_group_with_code(row_id);
                        getGroupWiseLedgerInit(row_id);
                        getSum();
                        getCrSum();
                $('#edit_card_box').show('slow');
    }

    function hideBox(){
        $('#edit_card_box').hide('slow');
    }
    function getGroupWiseLedgerInit(rrow_id){
    // alert();
    // var group_code=$('#group_row-'+row_id).val();
        $('.ledger_select_fixed').select2({
                    minimumInputLength: 3,
                    // tags: [0],
                    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 getCheckField(row_id,cn=null){
          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,cn);
                $('.cheque_no').select2();

            }else{
                // $('#cheque_date_field-'+row_id).hide('slow');
                // $('#cheque_no_field-'+row_id).hide('slow');
                $('#cheque_tr'+row_id).hide('slow');
            }
        }
</script>
@stop