@extends('main')
@section('css')
{{--    <style>--}}
{{--        .box{--}}
{{--            display: none;--}}
{{--        }--}}
{{--    </style>--}}
    <link rel="stylesheet" href="{{url('public/assets/vendor/jquery-datatable/dataTables.bootstrap4.min.css')}}">
@endsection
@section('content')
    <div id="main-content">
        <div class="container-fluid">
            <div class="block-header">
    <div class="row m-2">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Create Template for Appraisal</div>
                <div class="card-body">
                    <form method="post" action="{{route('template.insert')}}" name="myforms">
                        @csrf
                    <div class="row">
                        <div class="form-group col-md-12">
                            <label>Template Name</label>
                            <input class="form-control" placeholder="enter template name" name="formatName">
                        </div>
                        <div class="form-group col-md-6">
                            <label>Template Version No</label>
                            <input class="form-control" placeholder="enter appraisal head" name="formVersionNo">
                        </div>
                        <div class="form-group col-md-6">
                            <label>Scale Version No</label>
                            <select class="form-control" id="markVersionNo" name="markVersionNo">
                                <option value="">Select Version</option>
                                @foreach($appraisalScaleDetails as $appraisalScaleDetails)
                                    <option value="{{$appraisalScaleDetails->id}}" >{{$appraisalScaleDetails->versionNo}}</option>
                                @endforeach

                            </select>
                        </div>

                    </div>

                    <h3>Select Appraisal Heads with Appraiser</h3>
                    <table class="table">
                        <thead>
                        <tr>
                            <th width="70%">Appraisal Head</th>
                            <th width="30%">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                                                @foreach($appraisalGroups as $appraisalGroups)
                        <tr>
{{--                            <td><label><input type="checkbox" name="colorCheckbox" value="red_{{$id}}">{{$appraisalGroups->headName}}</label>--}}
{{--                                <div class="box" id="red_{{$id}}"><input type="checkbox" value="1" name="appraisor[]"> UserSelf--}}
{{--                                    <input type="checkbox" name="appraisor[]" value="2" > Reporting Boss--}}
{{--                                    <input type="checkbox" name="appraisor[]" value="3"> Sub-Ordinates--}}
{{--                                    <input type="checkbox" name="appraisor[]" value="4"> Co-Worker</div></td>--}}
                            <td><label><input type="checkbox" name="fk_Appraisalheads[]" value="{{$appraisalGroups->fk_Appraisalheads}}">{{$appraisalGroups->headName}}</label>
                                <div><input type="checkbox" value="1" name="appraisor[]"> UserSelf
                                    <input type="checkbox" name="appraisor[]" value="2" > Reporting Boss
                                    <input type="checkbox" name="appraisor[]" value="3"> Sub-Ordinates
                                    <input type="checkbox" name="appraisor[]" value="4"> Co-Worker</div></td>
                            @if($appraisalGroups->headType == 'NM')
                            <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>
                            </td>
                            @elseif($appraisalGroups->headType == 'DS')
                                <td>
                                                            <input type="text"  placeholder="write something" class="form-control">
                                </td>
                            @else
                            <td>
                                                            <select class="form-control">

                                                                <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 class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <h4 class="alert alert-info">Scale Points Details by version</h4>
{{--                    Version No :{{formateModel.markVersionNo}}--}}
                    <table class="table table-bordered">
                        <thead>
                        <th>Marks</th>
                        <th>Title</th>
                        </thead>
                        <tbody>
                        @foreach($appraisalScale as $appraisalScaleDetails)
                            <tr>
                                <td>{{$appraisalScaleDetails->marks}}</td>
                                <td>{{$appraisalScaleDetails->title}}</td>
                            </tr>


                         @endforeach
                    </table>

                    <h4 class="alert alert-info">Existing Templates</h4>
                    <table class="table table-bordered">
                        <thead>
                        <th>Template Name</th>
                        <th>Version No</th>
                        <th>Scale Version</th>
                        </thead>
                        <tbody>
                        @foreach($appraisalTemplate as $appraisalTemplate)
                            <tr>
                            <td>{{$appraisalTemplate->formatName}}</td>
                            <td>{{$appraisalTemplate->formVersionNo}}</td>
                            <td>{{$appraisalTemplate->markVersionNo}}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>


                </div>
            </div>

        </div>
    </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
{{--    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>--}}
{{--    <script>--}}
{{--        $(document).ready(function(){--}}
{{--            $('input[type="checkbox"]').click(function(){--}}
{{--                var inputValue = $(this).attr("value");--}}
{{--                $("#" + inputValue).toggle();--}}
{{--            });--}}
{{--        });--}}
{{--    </script>--}}
@endsection