@include('components/header')
@include('components/sidebar')
<!--  Begin CONTENT AREA  -->
<div id="content" class="main-content">
    <div class="layout-px-spacing">
        <div class="row layout-top-spacing">
            <div class="col-xl-12 col-lg-12 col-sm-12 layout-spacing">
                <form action="/admin_prc_submit" class="rateCard-form section rateCard" id="ratecard_form" method="post">
                    {{csrf_field()}}
                    <div class="EmpRateCardDetails container-fluid mb-3">
                        <div class="row">
                            <div class="card">
                                <div class="card-body">
                                    <div class="col-xl-12 rateCardHeading">
                                        <h4 class="text-left">{{$prc_form->f_name}}
                                        </h4>
                                    </div>
                                    <div class="row">
                                        @foreach($model->employee as $m)
                                            <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                                <div class="form-group">
                                                    <label for="ename">Employee Name</label>
                                                    <input type="hidden" name="form_id" value="{{$model->id}}">
                                                    <div class="form-group">
                                                        <input type="text" readonly name="employee_name" class="form-control" id="ename" value="{{$m->first_name}} {{$m->middle_name}} {{$m->last_name}}">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                                <div class="form-group">
                                                    <label for="ename">Employee ID</label>
                                                    <div class="form-group">
                                                        <input type="text" readonly name="employee_id" class="form-control" id="eid" value="{{$m->id}}">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                                <div class="form-group">
                                                    <label for="eid">Employee Designation</label>
                                                    <input type="hidden" name="form_id" value="{{$model->id}}">
                                                    <div class="form-group">
                                                        <input type="text" readonly class="form-control" value="{{$m->domains->domain}}" >
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                        @foreach($model->allocation as $a)
                                            <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                                <div class="form-group">
                                                    <label for="sname">Supervisor Name</label>
                                                    <div class="form-group">
                                                        <input type="text" readonly class="form-control" name="supervisor"
                                                            value="{{$a->first_name}} {{$a->middle_name}} {{$a->last_name}}" id="sname">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                                <div class="form-group">
                                                    <label for="sname">Supervisor ID</label>
                                                    <div class="form-group">
                                                        <input type="text" readonly class="form-control" name="supervisor_id"
                                                            value="{{$a->id}}" id="sname">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                                <div class="form-group">
                                                    <label for="management">Management</label>
                                                    <div class="form-group">
                                                        <input type="text" name="management" readonly placeholder="Enter Management Name" value="{{$a->id}}" class="form-control" id="management">
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                        <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                            <div class="form-group">
                                                <label for="hr">HR</label>
                                                <div class="form-group">
                                                    <input type="text" name="hr" readonly value="{{Auth::user()->emp_id}}" placeholder="Enter HR Name" class="form-control" id="hr">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
                                            <div class="form-group">
                                                <label for="date">Evaluation Month & Year</label>
                                                @php $date = date('Y/m', strtotime('last month')); @endphp
                                                <div class="form-group">
                                                    <input type="text" placeholder="{{$date}}" readonly class="form-control">
                                                    <input type="hidden" name="date" placeholder="{{$date}}" readonly class="form-control" value="2025-03-15" id="date">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card file-pre mb-3">
                        <div class="card-body">
                            <h4 class="subHeading">Performance Parameters/Ratings:</h4>
                            <h6 class="subChildHeading">SECTION A: To be filled by the Technical Head/Team Leader/Project Manager (Out of 10)</h6>
                            <table class="table dt-table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>SR NO.</th>
                                        <th>PERFORMANCE PARAMETERS</th>
                                        <th>RATINGS</th>
                                        <th>REVIEW COMMENTS<br>(Optional)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>1</td>
                                        <td>
                                            <label>{{$data->field1}}
                                            </label>
                                        </td>
                                        <td>
                                            <div class="form-group ratting fill_data">
                                                <input type="number" placeholder="0" name="field1" min="0" max="10" class="form-control" value="">
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                        <td>
                                            <div class="form-group comments">
                                                <textarea name="c_field1" class="form-control comment" rows="2" cols="19"></textarea>
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>
                                            <label>{{$data->field2}}</label>
                                        </td>
                                        <td>
                                            <div class="form-group ratting fill_data">
                                                <input type="number" min="0" placeholder="0" name="field2" max="10" class="form-control selectNum" value="">
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                        <td>
                                            <div class="form-group comments">
                                                <textarea  name="c_field2"class="form-control" rows="1" cols="19"></textarea>
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>
                                            <label>{{$data->field3}}</label>
                                        </td>
                                        <td>
                                            <div class="form-group ratting fill_data">
                                                <input type="number" value="" min="0" placeholder="0" name="field3" max="10" class="form-control selectNum">
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                        <td>
                                            <div class="form-group comments">
                                                <textarea name="c_field3" class="form-control" rows="1" cols="19"></textarea>
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>4</td>
                                        <td>
                                            <label>{{$data->field4}}</label>
                                        </td>
                                        <td>
                                            <div class="form-group ratting fill_data">
                                                <input type="number" value="" placeholder="0" name="field4" min="0" max="10" class="form-control selectNum">
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                        <td>
                                            <div class="form-group comments">
                                                <textarea name="c_field4" class="form-control" rows="1" cols="19"></textarea>
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>5</td>
                                        <td>
                                            <label>{{$data->field5}}</label>
                                        </td>
                                        <td>
                                            <div class="form-group ratting fill_data">
                                                <input type="number" value="" placeholder="0" name="field5" min="0" max="10" class="form-control selectNum">
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                        <td>
                                            <div class="form-group comments">
                                                <textarea name="c_field5" class="form-control" rows="1" cols="19"></textarea>
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="card file-pre mb-3">
                        <div class="card-body">
                            <div class="col-xl-12 ">
                                <h6 class="subChildHeading">SECTION B: To be filled by the Management (Out of 10)</h6>
                            </div>
                            <table class="table dt-table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>SR NO.</th>
                                        <th>PERFORMANCE PARAMETERS</th>
                                        <th>RATINGS</th>
                                        <th>Review Comments<br>(optional)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>6</td>
                                        <td>
                                            <label for="parameter ">How would you rate the employee from overall management perspective (ROI)?</label>
                                        </td>
                                        <td>
                                            <div class="form-group ratting fill_data">
                                                <input type="number" placeholder="0" value="" name="managment_perspective" min="0" max="10" class="form-control">
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                        <td>
                                            <div class="form-group comments">
                                                <textarea name="c_managment_perspective" class="form-control" rows="1" cols="19"></textarea>
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>7</td>
                                        <td>
                                            <label>Are the customers/clients satisfied with the employee’s deliverables?</label>
                                        </td>
                                        <td>
                                            <div class="form-group ratting fill_data">
                                                <input type="number" placeholder="0" value="" name="clients_satisfied" min="0" max="10" class="form-control">
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                        <td>
                                            <div class="form-group comments">
                                                <textarea name="c_clients_satisfied" class="form-control" rows="1" cols="19"></textarea>
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>8</td>
                                        <td>
                                            <label>Does the employee promise potential growth for the company in the next quarter?</label>
                                        </td>
                                        <td>
                                            <div class="form-group ratting fill_data">
                                                <input type="number" id="field3" placeholder="0" value="" name="growth" min="0" max="10" class="form-control">
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                        <td>
                                            <div class="form-group comments">
                                                <textarea name="c_growth" class="form-control" rows="1" cols="19"></textarea>
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="card file-pre mb-3">
                        <div class="card-body">
                            <div class="col-xl-12 ">
                                <h6 class="subChildHeading">SECTION C: To be filled by the HR (Out of 10)
                                </h6>
                            </div>
                            <table class="table dt-table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>SR NO.</th>
                                        <th>PERFORMANCE PARAMETERS</th>
                                        <th>RATINGS</th>
                                        <th>Review Comments<br>
                                        (optional)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>9</td>
                                        <td>
                                            <label>Does the staff member communicate well with the peers and customers/clients? (Has ability to influence and create an impact on people. Clearly communicates written and verbal messages in a concise and structured manner, emphasizing on critical information).
                                            </label>
                                        </td>
                                        <td>
                                            <div class="form-group ratting fill_data">
                                                <input type="number" placeholder="0" value="" name="communication" min="0" max="10" class="form-control" >
                                            </div>
                                            <span class="text-danger"> 
                                            </span>
                                        </td>
                                        <td>
                                            <div class="form-group comments">
                                                <textarea name="c_communication" class="form-control" rows="1" cols="19" ></textarea>
                                            </div>
                                            <span class="text-danger">
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>10</td>
                                        <td>
                                            <label>Abides by the HR policies of the company and adheres to the rules and regulations with regards to HR and understands the organizational goals/vision/mission.</label>
                                        </td>
                                        <td>
                                            <div class="form-group ratting fill_data">
                                                <input type="number" value="" placeholder="0" name="goal" min="0" max="10" class="form-control" >
                                            </div>
                                            <span class="text-danger">
                                            </span>
                                        </td>
                                        <td>
                                            <div class="form-group comments" >
                                                <textarea name="c_goal" class="form-control" rows="1" cols="19" ></textarea>
                                            </div>
                                            <span class="text-danger">
                                            </span>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-body">
                            <div class="col-xl-12">
                                <h6 class="subChildHeading">PERFOMANCE GRADE
                                </h6>
                            </div>
                            <table class="table table-striped mb-0 col-12 center-table-text">
                                <thead>
                                    <tr>
                                        <th>Grades</th>
                                        <th>Score Range</th>
                                        <th>Parameters</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td> A+ </td>
                                        <td> 90%-100% </td>
                                        <td> Outstanding </td>
                                    </tr>
                                    <tr>
                                        <td> A </td>
                                        <td> 80% - 90% </td>
                                        <td> Excellent </td>
                                    </tr>
                                    <tr>
                                        <td> B+ </td>
                                        <td> 70% - 80% </td>
                                        <td> Very Good </td>
                                    </tr>
                                    <tr>
                                        <td>B</td>
                                        <td>  60% - 70% </td>
                                        <td> Good  </td>
                                    </tr>
                                    <tr>
                                        <td>  C+ </td>
                                        <td> 50% - 60% </td>
                                        <td> Average </td>
                                    </tr>
                                    <tr>
                                        <td> C </td>
                                        <td> 40% - 50% </td>
                                        <td> Just worth retaining </td>
                                    </tr>
                                    <tr>
                                        <td> C– </td>
                                        <td> 30% - 40% </td>
                                        <td> Very Poor, need to Terminate </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="mt-4">
                                <button class="btn pmd-ripple-effect pmd-btn-raised btn-success" type="button" name="add_employee" id="save_data">Submit</button>
                                <button class="btn pmd-ripple-effect btn-primary" name="reset" id="reset" type="reset">Reset</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@include('components/footer')

<script type="text/javascript">
    $("#reset").on('click',function () {
        $('.fill_data').next().text(" ");
        $('.comments').next().text(" ");
    })
    $("#save_data").on('click',function(e){
        var flag = 0;
        e.preventDefault();
        $(".fill_data").each(function(){
            var point = $(this).find('input').val();
            var tr = $(this).parents('tr');
            if(point == "" || point == null) {
                flag = 1;
                $(this).next().text("Please Enter the number Between 1 to 10");
            } else if(point > 10 || point <= 0) {
                flag = 1;
                $(this).next().text("Please Enter the number Between 1 to 10");
            } else {
                $(this).next().text(" ");
                if(point <= 4 || point >= 8) {
                    if(tr.find('textarea').val() == "") {
                        flag = 1;
                        tr.find('.comments').next().text("This field is required");
                    } else {
                        tr.find('.comments').next().text(" ");
                    }
                } else {
                    tr.find('.comments').next().text(" ");
                }
            }
        })

        if(flag == 0) {
            $("#ratecard_form").submit();
        }
    })
</script>