@extends('admin.layout.master')
@section('home')
<div class="row">
    <div class="col-xs-12">
        <h4 class="page-title"></h4>
    </div>
</div>
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">Performance Appraisal Form</div>
            <form id="paformIds" method="post">
                <div class="card-body">
                    <h4 class="card-title"></h4>
                    <table class="table table-bordered">
                        <tr>
                            <th class="text-center">Group Title</th>
                            <th class="text-center">P.C</th>
                        </tr>

                        @php $counter = count($details); @endphp
                        @foreach ($details as $key => $d_item)
                        <tr>
                            <td rowspan="{{count($d_item)}}" style="vertical-align: middle; text-align:center">
                                {{ $d_item->first()->group_title->name }}
                            </td>
                            <td class="text-center"> {{ $d_item->first()->criteria->name }}</td>
                        </tr>
                        @foreach ($d_item as $key => $c_item)
                        @if ($key != 0)
                        <tr>
                            <td class='text-center'>
                                <p class="text-center">{{ $c_item->criteria->name }}</p>
                            </td>
                        </tr>
                        @endif
                        @endforeach

                        @endforeach


                    </table>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection
@section('script')
<script src="{{ asset('payroll_assets/perform_appriasal/pa_form/pa_form.js') }}"></script>
<script>
    $(document).ready(function () {
        $('.js-example-basic-multiple').select2();
    });

    function CheckPaytype(id){
        if ($('#TitleId-' + id).prop("checked")) {
            $('#TitleId-' + id).val(id);
        } else {
            $('#TitleId-' + id).val(0);
        }
    }
</script>

@endsection