@extends('main')

@section('css')
    <link rel="stylesheet" href="{{url('public/assets/vendor/jquery-datatable/dataTables.bootstrap4.min.css')}}">
@endsection
@section('content')
{{--    <div class="container-fluid">--}}
{{--        <div class="card">--}}
{{--            <div class="card-header">--}}
{{--                Appraisal For--}}
{{--                <b>{{formInfo['firstName']}} {{formInfo['middleName']}} {{formInfo['lastName']}} ({{formInfo['EmployeeId']}})</b>--}}
{{--                as {{formInfo['appraisalRoleName']}}--}}
{{--            </div>--}}
{{--            <div class="card-body">--}}


{{--                <div class="row">--}}

{{--                    <table class="table">--}}
{{--                        <thead>--}}
{{--                        <tr>--}}
{{--                            <th width="70%">Question</th>--}}
{{--                            <th width="30%">Answer</th>--}}
{{--                        </tr>--}}
{{--                        </thead>--}}
{{--                        <tbody>--}}
{{--                        <tr>--}}
{{--                            <td>--}}

{{--                                <input type="hidden" class="form-control">--}}
{{--                                <input type="text" disabled class="form-control" [(ngModel)]="headData[i].headName">--}}


{{--                            <!--                {{data['headName']}}-->--}}

{{--                            </td>--}}

{{--                            <td>--}}
{{--                                <select class="form-control">--}}
{{--                                    <option value="5">Excellent</option>--}}
{{--                                    <option value="4">Good</option>--}}
{{--                                    <option value="3">Average</option>--}}
{{--                                    <option value="2">Below Average</option>--}}
{{--                                    <option value="1">Poor</option>--}}
{{--                                </select>--}}
{{--                                <input type="text" placeholder="write something" class="form-control">--}}

{{--                                <select class="form-control">--}}

{{--                                    <option value="1">True</option>--}}
{{--                                    <option value="0">False</option>--}}
{{--                                </select>--}}
{{--                            </td>--}}


{{--                        </tr>--}}


{{--                        </tbody>--}}
{{--                    </table>--}}


{{--                </div>--}}

{{--                <div class="form-group col-md-12">--}}
{{--                    <button type="submit" class="btn btn-success ">submit</button>--}}
{{--                    <!--        <button type="button" class="btn btn-success " (click)="getAppraisorForm()">get info</button>-->--}}
{{--                </div>--}}

{{--            </div>--}}
{{--        </div>--}}


{{--    </div>--}}
    <div id="main-content">
        <div class="container-fluid">
            <div class="block-header">
                <div class="row m-2">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                Appraisal For
                                <b>{{$forminfo->firstName}} {{$forminfo->middleName}} {{$forminfo->lastName}} ({{$forminfo->EmployeeId}})</b>
                                as {{$forminfo->appraisalRoleName}}
                            </div>
                            <div class="card-body">
                                <form method="post" action="{{route('requestForm.insert')}}" name="myforms">
                                    @csrf
                                    <input type="hidden" name="empAppSetupId" value="{{$empAppSetupId}}">
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th width="70%">Question</th>
                                            <th width="30%">Answer</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($questions as $questions)
                                            <tr>
                                                <td>
                                                    <div class="form-group col-md-12">
                                                        <input type="hidden" class="form-control" name="fk_Appraisalheads[]" value="{{$questions->fk_Appraisalheads}}">
                                                        <input type="text" class="form-control"  value="{{$questions->headName}}" placeholder="enter template name" readonly>
                                                    </div>

                                                </td>
                                                @if($questions->headType == 'NM')
                                                    <td>
                                                        <select class="form-control" name="result[]">
                                                            <option value="5">Excellent</option>
                                                            <option value="4">Good</option>
                                                            <option value="3">Average</option>
                                                            <option value="2">Below Average</option>
                                                            <option value="1">Poor</option>
                                                        </select>
                                                    </td>
                                                @elseif($questions->headType == 'DS')
                                                    <td>
                                                        <input type="text" name="result[]"  placeholder="write something" class="form-control">
                                                    </td>
                                                @else
                                                    <td>
                                                        <select class="form-control" name="result[]">

                                                            <option value="1">True</option>
                                                            <option value="0">False</option>
                                                        </select>
                                                    </td>
                                                @endif

                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>

                                    <button type="submit" class="btn btn-sm btn-success">Save Data</button>
                                </form>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection