@php
    $accAccountLedger = DB::table('acc_account_ledger')->get();
    $transactionHeadCount = $transactionHeads->count();
    $rowSpanProjectType   = $transactionHeadCount + $transactionHeadCount;    
@endphp

{!! Form::open(['url'=>'/hr/autoVoucherSettings/save','class'=>'form-horizontal']) !!}

<div class="row">
    <div class="col-md-12">
        <table class="table table-bordered table-striped table-condensed">
            <thead>
                <tr>
                    <th>Project Type</th>
                    <th>Type</th>
                    <th>Transaction Head</th>
                    <th>Ledger Code ( Pri )</th>
                    <th>Ledger Code ( Int )</th>
                </tr>
            </thead>
            <tbody>
                {{-- When auto voucher settings dont exist --}}
                @if( empty($autoVoucherSettingItems) )

                    {{ Form::hidden('project_id_fk', $projectSelected->id) }}
                    @foreach($projectTypes as $projectTypeIndex => $projectType)
                        @foreach($staffTypes as $staffTypeIndex => $staffType)
                            @foreach($transactionHeads as $transactionHeadIndex => $transactionHead)
                                <tr>
                                    {{ Form::hidden('project_type_id_fk[]', $projectType->id) }}
                                    {{ Form::hidden('staff_type_id_fk[]', $staffType->id) }}
                                    {{ Form::hidden('transaction_head_id_fk[]', $transactionHead->id) }}
                                    @if($staffTypeIndex == 0 && $transactionHeadIndex == 0)
                                    <td rowspan="{{ $rowSpanProjectType }}">{{ $projectType->name }}</td>
                                    @endif   
                                    @if($transactionHeadIndex == 0)
                                    <td class="text-left" rowspan="{{ $transactionHeadCount }}">{{ $staffType->name }}</td>
                                    @endif                    
                                    <td>{{ $transactionHead->name }}</td>
                                    <td>{{ Form::text('ledger_account_pri_code_id[]',null,['class'=>'form-control text-right js-borderEffect','autocomplete'=>'off']) }}</td>
                                    <td>{{ Form::text('ledger_account_int_code_id[]',null,['class'=>'form-control text-right js-borderEffect','autocomplete'=>'off']) }}</td>
                                </tr>
                            @endforeach
                        @endforeach
                    @endforeach

                {{-- When auto voucher settings exist --}}
                @else
                                        {{ Form::hidden('project_id_fk', $projectSelected->id) }}
                    @foreach($autoVoucherSettingItems as $autoVoucherSettingItemIndex => $autoVoucherSettingItems)
                        <tr>
                            {{ Form::hidden('project_type_id_fk[]', $autoVoucherSettingItems['project_type_id_fk']) }}
                            {{ Form::hidden('staff_type_id_fk[]', $autoVoucherSettingItems['hr_staff_types_id_fk']) }}
                            {{ Form::hidden('transaction_head_id_fk[]', $autoVoucherSettingItems['hr_transaction_heads_id_fk']) }}
                            @if($counterForProjectType == $autoVoucherSettingItemIndex)
                                <td rowspan="{{ $transactionHeadCount + $transactionHeadCount }}">
                                    {{ $projectType->find($autoVoucherSettingItems['project_type_id_fk'])->name }}
                                </td>
                                <br />
<b>Warning</b>:  Undefined variable $transactionHeadCount in <b>/home/shikkhaplus/public_html/resources/views/hr/autoVoucherSettings/_configForm01.blade.php</b> on line <b>60</b><br />
<br />
<b>Warning</b>:  Undefined variable $transactionHeadCount in <b>/home/shikkhaplus/public_html/resources/views/hr/autoVoucherSettings/_configForm01.blade.php</b> on line <b>60</b><br />
                            @endif
                            @if($counterForType == $autoVoucherSettingItemIndex)
                                <td rowspan="{{ $transactionHeadCount }}">
                                    {{ $staffType->find($autoVoucherSettingItems['hr_staff_types_id_fk'])->name }}
                                </td>
                                <br />
<b>Warning</b>:  Undefined variable $transactionHeadCount in <b>/home/shikkhaplus/public_html/resources/views/hr/autoVoucherSettings/_configForm01.blade.php</b> on line <b>66</b><br />
                            @endif
                            <td style="text-align: left !important;">{{ $transactionHead->find( $autoVoucherSettingItems['hr_transaction_heads_id_fk'] )->name ?? '' }}</td>
                            <td>{{ Form::text('ledger_account_pri_code_id[]', $accAccountLedger->where('id',$autoVoucherSettingItems['acc_account_ledger_id_fk_for_ledger_code_pri'])->first()->code ?? '', ['class'=>'form-control text-right js-borderEffect','autocomplete'=>'off']) }}</td>
                            <td>{{ Form::text('ledger_account_int_code_id[]', $accAccountLedger->where('id',$autoVoucherSettingItems['acc_account_ledger_id_fk_for_ledger_code_int'])->first()->code ?? '', ['class'=>'form-control text-right js-borderEffect','autocomplete'=>'off']) }}</td>
                        </tr>
                    @endforeach
                @endif
            </tbody>
        </table>
    </div>
    {{-- ./col-md-12 --}}
</div>
{{-- ./row --}}

<div class="row">
    <br>
    <div class="col-md-12 text-right">
        <a href="{{  url('hr/autoVoucherSettings/resetByProject/'.$projectSelected->id) }}" class="btn btn-danger">Reset</a>
        {!! Form::button("<i class='fa fa-save'></i> Save",['type'=>'submit','class'=>'btn btn-success']) !!}
    </div>
</div>

{!! Form::close() !!}

<script>
    $('.js-borderEffect').keyup(function(e) {
        
        var targetElement = e.currentTarget;
        var code = targetElement.value || -1;
        
        hasCode(targetElement.value)
            .then(function(response){
                if(response == 0){
                    targetElement.style.border = '2px solid red';
                }
                
                if(response == 1){
                    targetElement.style.border = '2px solid green';
                }
            });

        if(targetElement.value === ""){
            targetElement.style.border = '1px solid #e4e4e4';   
        }

        console.log(targetElement.value);
    });

    function hasCode( code ) {
        
        var url = "{{ url('/hr/autoVoucherSettings/hasAccLedgerCode') }}" + "/"+code;
    
        return $.ajax({
            url: url,
            data : { "_token":"{{ csrf_token() }}"},
            type: "GET",
            dataType: "json",
        });
    }
</script>