@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 --}}

                    {{ 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[]',$autoVoucherSetting 
                                        ? $autoVoucherSettingItem->getLedgerCode($autoVoucherSetting->id,$projectType->id, $staffType->id,$transactionHead->id, 'acc_account_ledger_id_fk_for_ledger_code_pri') 
                                        : null,['class'=>'form-control text-right js-borderEffect','autocomplete'=>'off']) }}
                                    </td>
                                    <td>{{ Form::text('ledger_account_int_code_id[]',$autoVoucherSetting 
                                        ? $autoVoucherSettingItem->getLedgerCode($autoVoucherSetting->id,$projectType->id, $staffType->id,$transactionHead->id, 'acc_account_ledger_id_fk_for_ledger_code_int') 
                                        : null,['class'=>'form-control text-right js-borderEffect','autocomplete'=>'off']) }}
                                    </td>
                                </tr>
                            @endforeach
                        @endforeach
                    @endforeach

                {{-- When auto voucher settings exist --}}
               
            </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>