@extends('admin.layout.master')
@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">{{ __('obs.score_list') }}</div>
                <div class="card-body">
                    <div class='row'>
                        <div class='col-lg-2'>
                            <div class="form-group">
                                <label>{{ __('obs.employee') }}</label>
                                <select class="form-control select_2" name="emp_id" id="emp_Id">
                                    <option value="">{{ __('obs.choose_one') }}</option>
                                    @foreach ($employees as $employee)
                                        <option value="{{ $employee->id }}">{{ $employee->emp_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class='col-lg-2'>
                            <div class="form-group">
                                <label>{{ __('obs.department') }}</label>
                                <select class="select_2 form-control" name="department_id" id="department_Id">
                                    <option value="">{{ __('obs.choose_one') }}</option>
                                    @foreach ($departments as $list)
                                        <option value="{{ $list->id }}">{{ $list->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class='col-lg-2'>
                            <div class="form-group">
                                <label>{{ __('obs.designation') }}</label>
                                <select class="select_2 form-control" name="designation_id" id="designation_Id">
                                    <option value=""> {{ __('obs.choose_one') }}</option>
                                    @foreach ($designations as $list)
                                        <option value="{{ $list->id }}">{{ $list->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class='col-lg-2 mb-3'>
                            <div class="form-group mt-4">
                                <label></label>
                                <button class='btn btn-danger btn-sm' id="searchBtn"
                                    onClick="SearchEmployee()">{{ __('obs.search') }}</button>
                            </div>
                        </div>

                        <table class="display table table-bordered mt-3" id="dataset"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('payroll.admin.performance_appraisal.form.add_score')
    @include('payroll.admin.performance_appraisal.form.view_score')
@endsection

@section('script')
    <script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>

    <script>
        $('.select_2').select2();

        function loader(buttonId, title, status = true) {
            $("#" + buttonId).prop("disabled", status).text(title);
        }

        function SearchEmployee() {
            loader('searchBtn', 'Searching...');
            ajaxCallV2("{{ route('performance.appraisal_score.search') }}", "GET", {
                department_id: $("#department_Id").val(),
                designation_id: $("#designation_Id").val(),
                emp_id: $("#emp_Id").val()
            }, function(data) {
                $('#loader').hide();
                $("#dataset").html(data);
                loader('searchBtn', "{{ __('obs.search') }}", false);
            }, function(error) {
                $('#loader').hide();
                loader('searchBtn', "{{ __('obs.search') }}", false);
            });
        };

        function employeeWiseCriteria(employee_id = null) {
            loader('scoreBtn' + employee_id, 'Processing...');
            ajaxCallV2("{{ route('performance.appraisal_score.employee_criteria') }}", "GET", {
                'employee_id': employee_id
            }, function(data) {
                const employeeId = Object.entries(data.result).slice(1)[0][1][0]['emp_ids']??'';
                const employeeName = Object.entries(data.result).slice(1)[0][1][0]['emp_name']??'';

                if (typeof employeeId !== 'undefined' || typeof employeeName !== 'undefined') {
                    $('#EmpName').text(employeeName);
                    $('#EmpID').val(employeeId);
                }

                $('#CriteriaData').html(data['data']);
                $('#btnSave').show();
                $('#loader').hide();
                $('#addScore').modal('show');
                loader('scoreBtn' + employee_id, "{{ __('obs.add_score') }}", false);
            }, function(error) {
                $('#loader').hide();
                loader('scoreBtn' + employee_id, "{{ __('obs.add_score') }}", false);
            });
        };

        function viewempWiseCriteria(employee_id = null) {
            loader('viewBtn' + employee_id, 'Processing...');
            ajaxCallV2("{{ route('performance.appraisal_score.view_score_criteria') }}", "GET", {
                'employee_id': employee_id
            }, function(data) {
                let HtmlValue = '';
                if (typeof data[0].fetch_emp !== 'undefined') $('#EmpNames').text(data[0].fetch_emp.emp_name ?? '');
                $.each(data, function(index, items) {
                    HtmlValue += `
                        <tr>
                            <td>${items.fetch_criterias.name ?? ''}</td>
                            <td>${items.score}</td>
                            <td>${items.fetch_criterias.point ?? ''} </td>
                            <td>${items.note} </td>
                        </tr>
                    `;
                });
                $('#ViewCriteriaData').html(HtmlValue);
                $('#viewScore').modal('show');
                loader('viewBtn' + employee_id, "{{ __('obs.view_score') }}", false);
                $('#loader').hide();
            }, function(error) {
                loader('viewBtn' + employee_id, "{{ __('obs.view_score') }}", false);
                $('#loader').hide();
            });
        };

        function SaveCriteriaMarks() {
            let Criteria = [];
            $(".datavalue").each(function() {
                let row_id = $(this).attr('data-id');
                if (row_id != '' && typeof row_id != 'undefined') {
                    if ($("#Marks" + row_id).val()) {
                        let obj = {
                            'marks': null,
                            'note': null,
                            'criteria_id': null,
                            'app_assign_emp_id': null,
                            'emp_id': null,
                            'score_id': null
                        }

                        obj['marks'] = $("#Marks" + row_id).val();
                        obj['note'] = $("#Note" + row_id).val();
                        obj['criteria_id'] = $("#CriteriaId" + row_id).val();
                        obj['app_assign_emp_id'] = $("#AppEmpId" + row_id).val();
                        obj['emp_id'] = $("#EmpID").val();
                        obj['score_id'] = $("#scoreId" + row_id).val();

                        Criteria.push(obj);
                    }
                }
            });

            if (Criteria.length == 0) {
                callSweetAlert('warning', 'Please enter marks', '');
                return false;
            }

            $isNoteNull = Criteria.find(item => item.marks != '' && item.note == '');

            if (typeof $isNoteNull !== 'undefined') {
                callSweetAlert('warning', 'You have entered marks without note. Please enter note', '');
                return;
            }

            ajaxCallV2("{{ route('performance.appraisal_score.store') }}", "POST", {
                Criteria: Criteria,
            }, function(data) {
                $('#loader').hide();
                $('#addScore').modal('hide');
                callSweetAlert('success', data.message, '');
                SearchEmployee();
            }, function(error) {
                $('#loader').hide();
            });
        }
    </script>
@endsection