@extends('layouts.master')
@section('link')
    <link href="{!! asset('css/career/index.css') !!}" rel="stylesheet">
    <link href="{!! asset('css/career/style.css?20181011-1100') !!}" rel="stylesheet">
    @include('layouts.header')
@stop

@section('content')
    <div class="container">
        <div class="col-xs-12">
            <h4><strong>職能スキル特別評価</strong></h4>
        </div>
        <div class="col-xs-12">
            <h5><strong>職能スキルの特別評価をされる場合は、「評価の補正」欄で評価の補正をしてください。</strong></h5>
        </div>
        <div class="col-xs-12">
            <div class="flash-message" id="editionMsg">

            </div>
        </div>
        <div class="col-xs-12 show-success">

        </div>
        <div class="col-xs-12" id="left-body">
            <div class="col-xs-3 register-list">
                <div class="col-xs-12" id="byStaff">
                    <table class="table table-striped main-left-table">
                        <thead class="listViewHead">
                        <tr>
                            <th class="title-list"><strong>職員名</strong></th>
                            <th class="text-center"></th>
                        </tr>
                        </thead>
                        <tbody class="formatGlyphicon">
                        @foreach($MemberLists as $member)
                            <tr>
                                <td>{{$member->name}}</td>
                                <td><span class="glyphicon glyphicon-pencil staff-edit" data-id="{{$member->id}}"
                                          data-name="{{$member->name}}"></span></td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-xs-9" id="right-body">
                <div class="col-xs-12">
                    <h5 style="display:inline-flex; font-size: 18px;"><strong class="title_name">&#160;</strong></h5>
                    &#160;<h6 style="display:inline-flex; font-weight: normal;"><strong id="SubHeaderLabel"></strong>
                    </h6>
                </div>
                {!! Form::open( array('url'=>'career/skillEvaluation/updateListSkill', 'method'=>'post', 'class'=> 'FormListSkill', 'id'=>'idFormListSkill') ) !!}
                <div class="col-xs-12">
                    <table class="table table-striped maintable">
                        <thead>
                        <tr>
                            <th class="title-name">&#160;</th>
                            <th class="text-center width-180">これまでの評価<br/>（取得時期）</th>
                            <th class="text-center width-30">&#160;</th>
                            <th class="text-center width-150">システム評価</th>
                            <th class="width-120">評価の補正</th>
                            <th class="text-center width-130">総合判定結果</th>
                        </tr>
                        </thead>
                        <tbody class="tbody">

                        </tbody>
                    </table>
                    <div class="listEvaluation"></div>
                </div>
                <div class="col-xs-12 text-right button-search">
                    <input name="Action" type="submit" class="btn btn-primary width-125" id="backToMenu"
                           value="メニューへ戻る">
                    <input name="Action" type="submit" class="btn btn-primary width-105" id="submitFormEvaluation"
                           value="確 定">
                </div>
                <!-- 			case no data in table mst_skill_evaluation_basis -->
                <div id="eval" class="modal fade in" data-backdrop="static" data-keyboard="true" tabindex="-1"
                     role="dialog">
                    <div class="modal-dialog modal-sm">
                        <div class="modal-content">
                            <div class="modal-header"><label for="cdate">職能スキルの評価基準を設定してください</label></div>

                            <div class="modal-footer">
                                <a id="cancelBtn" class="btn btn-default" data-dismiss="modal" href="#"><i
                                            class="fa fa-close"></i> いいえ</a>
                            </div>
                        </div>
                    </div>
                </div>
                {!! Form::close() !!}
                @if(count($MemberLists) == 0)
                    <script>
                        $(document).ready(function () {
                            $('#EmptyDataModal').modal('show')
                        });
                    </script>
                @endif
                {{-- EmptyMstDutyModal--}}
                <div id="EmptyDataModal" class="modal fade in" tabindex="-1" role="dialog">
                    <div class="modal-dialog modal-sm">
                        <div class="modal-content">
                            <div class="modal-header">
                                <span class="logo en" style="font-size: initial;">Team Nippon</span>
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                            </div>
                            <div class="modal-body delete-modal-title">
                                <p>{{ Message::get('ERROR') }}</p>
                            </div>
                            <div class="modal-footer">
                                <a id="btnBack" class="btn btn-primary backAboutMenu" data-dismiss="modal"><i
                                            class="fa "></i>戻る</a>
                            </div>

                        </div>
                    </div>
                </div>
                {{-- End EmptyMstDutyModal--}}
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(function () {
        	$('#submitFormEvaluation').prop('disabled', true);//disable
        	
            var parseEval = function (evalName) {
                var MapEvaluation = {'-': 0,
                        '{{ tn_optional($SkillEvaluationBasic[0])->rank1_char }}': 1,
                        '{{ tn_optional($SkillEvaluationBasic[0])->rank2_char }}': 2,
                        '{{ tn_optional($SkillEvaluationBasic[0])->rank3_char }}': 3,
                        '{{ tn_optional($SkillEvaluationBasic[0])->rank4_char }}': 4};
                return MapEvaluation[evalName];
            };

            $('#backToMenu').on('click', function (e) {
                e.preventDefault();
                window.location.href = "{{ url('/career') }}";
            });

            $('.backAboutMenu').on('click', function (e) {
                e.preventDefault();
                window.location.href = '{{ url('/career') }}';
            });

            $('.close').on('click', function (e) {
                e.preventDefault();
                var modalId = $(this).parents('.modal').attr('id');
                if(modalId !== 'SubmitModal'){
                    window.location.href = '{{ url('/career') }}';
                }
            });

            $('.staff-edit').on('click', function (e) {
                e.preventDefault();
                $('#editionMsg').html('');
                var member_id = $(this).data("id");

                $('.title_name').html($(this).data("name"));

                $.ajaxSetup({
                    header: $('meta[name="csrf-token"]').attr('content')
                });
                $.ajax({
                    type: 'GET',
                    url: '{{ url('/career/skillEvaluation/skill-for-user')}}',
                    data: {'member_id': member_id},
                    dataType: 'json',
                    success: function (data) {
                        var html = '';
                        if (data.length > 0) {

                            if (typeof data[0].id != 'undefined') {
                                //load from table trz_skill_evaluation
                                // update only
                                var evaText = '';
                                for (var i = 0; i < data.length; i++) {
                                    var arrEvaluation = [
                                        {'id': 0, 'name': '-'},
                                        {'id': 1, 'name': '{{ tn_optional($SkillEvaluationBasic[0])->rank1_char }}'},
                                        {'id': 2, 'name': '{{ tn_optional($SkillEvaluationBasic[0])->rank2_char }}'},
                                        {'id': 3, 'name': '{{ tn_optional($SkillEvaluationBasic[0])->rank3_char }}'},
                                        {'id': 4, 'name': '{{ tn_optional($SkillEvaluationBasic[0])->rank4_char }}'}
                                    ];
                                    //Giang-START-20171116
//     							for(var z = 0; z < arrEvaluation.length; z++){
//         							if(z != 0){
// 										if(arrEvaluation[z].id < data[i].evaluation){
// 	        								arrEvaluation[z].name = arrEvaluation[z].name+'↑';
// 	            						}else{
// 	            							if(arrEvaluation[z].id > data[i].evaluation){
// 	            								arrEvaluation[z].name = arrEvaluation[z].name+'↓';
// 	            							}
// 	                					}
// 	            					}	
//     							}
                                    var evaluationId = typeof data[i].eval_result_id != 'undefined' ? data[i].eval_result_id : '';

                                    for (var z = 0; z < arrEvaluation.length; z++) {
                                        if (z != 0) {
                                            if (evaluationId === '') {
                                                // システム評価がない場合
                                                // 何もしない
                                            } else if (arrEvaluation[z].id < evaluationId) {
                                                // システム評価が評価の補正の値より大きい場合
                                                arrEvaluation[z].name = arrEvaluation[z].name + '↑';
                                            } else if (arrEvaluation[z].id >= evaluationId) {
                                                // システム評価が評価の補正の値以下の場合
                                                arrEvaluation[z].name = arrEvaluation[z].name + '↓';
                                            }
                                        }
                                    }
                                    //Giang-END-20171116
                                    switch (data[i].evaluation) {
                                        case 1:
                                            evaText = '{{ tn_optional($SkillEvaluationBasic[0])->rank1_char }}';//'A';
                                            break;
                                        case 2:
                                            evaText = '{{ tn_optional($SkillEvaluationBasic[0])->rank2_char }}';//'B';
                                            break;
                                        case 3:
                                            evaText = '{{ tn_optional($SkillEvaluationBasic[0])->rank3_char }}';//'C';
                                            break;
                                        case 4:
                                            evaText = '{{ tn_optional($SkillEvaluationBasic[0])->rank4_char }}';//'D';
                                            break;
                                        default:
                                            evaText = '';
                                    }
                                    switch (data[i].saved_evaluation) {
                                        case 1:
                                            savedEvaText = '{{ tn_optional($SkillEvaluationBasic[0])->rank1_char }}';//'A';
                                            break;
                                        case 2:
                                            savedEvaText = '{{ tn_optional($SkillEvaluationBasic[0])->rank2_char }}';//'B';
                                            break;
                                        case 3:
                                            savedEvaText = '{{ tn_optional($SkillEvaluationBasic[0])->rank3_char }}';//'C';
                                            break;
                                        case 4:
                                            savedEvaText = '{{ tn_optional($SkillEvaluationBasic[0])->rank4_char }}';//'D';
                                            break;
                                        default:
                                            savedEvaText = '';
                                    }
                                    var evaluationSign = '';
                                    if (typeof data[i].evaluation != 'undefined' && savedEvaText != '') {
                                    	if(evaluationId !== data[i].saved_evaluation){
                                            evaluationSign = evaluationId > data[i].saved_evaluation ? '↑' : '↓';
                                    	}
                                    }
                                    var evaluation = typeof data[i].eval_result != 'undefined' ? data[i].eval_result : '';
                                    var evalSystem = typeof data[i].eval_system != 'undefined' ? data[i].eval_system : '';
                                    var evalDate = data[i].evaluation_date != null ? ' (' + data[i].evaluation_date + ') ' : '-';
                                    html += '<tr>';
                                    html += '<td class="hidden"><input  value=' + data[i].record_id + ' name ="RecordId[]" /></td>';
                                    html += '<td class="hidden"><input  value=' + data[i].record_version + ' name ="RecordVersion[]" /></td>';
                                    html += '<td class="hidden"><input  value=' + data[i].member_id + ' name ="MemberId[]" /></td>';
                                    html += '<td class="hidden"><input  value=' + data[i].id + ' name ="MemberSkill[]" /></td>';
                                    html += '<td class="hidden dataEval" data-eval=' + parseEval(evaluation) + '><input  value="' + evaluation + '" name ="EmptyEvals[]" /></td>';

                                    var itemName = (data[i].mst_name).length >= 12 ? ((data[i].mst_name).substr(0, 11) + '...') : data[i].mst_name;
                                    html += '<td style="width:350px;"><text style="width:30px;display: inline-block">' + (i + 1) + '　　 </text>' + itemName + '</td>';

                                    if (data[i].evaluation == 0) {
                                        html += '<td class="text-center" style="width:180px;"> - </td>';
                                    } else {
                                        html += '<td class="text-center" style="width:180px;">' + evaText + evalDate + '</td>';
                                    }
                                    html += '<td class="text-center" style="width:50px;"><span class="glyphicon glyphicon-play"></span> </td>';
                                    html += '<td class="text-center" style="width:150px;">' + evaluation + evalSystem + '</td>';
                                    // evaluationIdが空文字の場合、changeCorrectの引数には''をセットする。
                                    var evaluationIdArg;
                                    if(evaluationId === ''){
                                        evaluationIdArg = "''";
                                    }else{
                                        evaluationIdArg = evaluationId;
                                    }
                                    html += '<td class="text-center" style="width:120px;"> <select style="width:75px; margin-bottom:0px;" id ="evaluation" name="listCorrects[]" class="form-control correctEvaluation correctEvaluation_' + data[i].id + '" onchange="changeCorrect(' + data[i].id + ',' + evaluationIdArg + ',\'' + evaluation + '\',\'' + savedEvaText +'\')">';

                                    var maxEvaRank, // 評価の上限
                                        minEvaRank; // 評価の下限
                                    // これまでの評価とシステム評価を比較して、評価の上限下限を設定する
                                    // システム評価が存在しない場合、上限下限にこれまでの評価の値を設定する
                                    if (evaluationId === '') {
                                        maxEvaRank = data[i].evaluation;
                                        minEvaRank = data[i].evaluation;
                                    } else if (data[i].evaluation < evaluationId) {
                                        maxEvaRank = data[i].evaluation;
                                        minEvaRank = evaluationId;
                                    } else {
                                        maxEvaRank = evaluationId;
                                        minEvaRank = data[i].evaluation;
                                    }

                                // TODO 昇降格設定を削除したのでコメントアウト
                                // if (data[i].system_setting == 1) { //If `mst_system_settings.special_grade_for_skill` = 1, we can change the value to the up.
                                    //but can not change the value to the down.
                                    for (var j = 0; j < arrEvaluation.length; j++) {

                                        if (j === 0) {
                                            // セレクトボックス先頭は「-」を設定する
                                            html += '<option value="' + arrEvaluation[j].id + '"> - </option>';
                                        } else if (evaluationId === arrEvaluation[j].id) {
                                            // システム評価と同値は表示しない
                                        } else if (arrEvaluation[j].id === data[i].saved_evaluation){
                                            // 評価の補正の登録値と同値の場合
                                            html += '<option value="' + arrEvaluation[j].id + '" selected>' + arrEvaluation[j].name + '</option>';
                                        } else if (data[i].evaluation === 0 || (arrEvaluation[j].id >= maxEvaRank && arrEvaluation[j].id <= minEvaRank)) {
                                            // これまでの評価が存在しない場合
                                            // または、評価の上限以下、評価の下限以上の場合
                                            html += '<option value="' + arrEvaluation[j].id + '">' + arrEvaluation[j].name + '</option>';
                                        } else if (arrEvaluation[j].id < maxEvaRank || arrEvaluation[j].id > minEvaRank) {
                                            // 評価の上限を超えている、または評価の下限未満
                                            html += '<option value="' + arrEvaluation[j].id + '" disabled="disabled" class="arr-evaluation-disable">' + arrEvaluation[j].name + '</option>';
                                        } else {
                                            // 何もしない
                                        }
                                    }
                                    // TODO 昇降格設定を削除したのでコメントアウト
                                    // }
//                                     else {//If `mst_system_settings.special_grade_for_skill` = 2, we can change to the both(up and down).
//                                         for (var j = 0; j < arrEvaluation.length; j++) {

//                                             if (j == 0) {
//                                                 html += '<option value="' + arrEvaluation[j].id + '"> - </option>';

// // 									}else if((evaluationId !== arrEvaluation[j].id) && (arrEvaluation[j].id > data[i].evaluation || arrEvaluation[j].id < data[i].evaluation - 1)){
//                                             } else if (evaluationId !== arrEvaluation[j].id && arrEvaluation[j].id < maxEvaRank) {
//                                                 html += '<option value="' + arrEvaluation[j].id + '" disabled="disabled" class="arr-evaluation-disable">' + arrEvaluation[j].name + '</option>';
// //
//                                             } else if (evaluationId !== arrEvaluation[j].id) {
//                                                 if(arrEvaluation[j].id === data[i].saved_evaluation){
//                                                     html += '<option value="' + arrEvaluation[j].id + '" selected>' + arrEvaluation[j].name + '</option>';
//                                                 } else {
//                                                     html += '<option value="' + arrEvaluation[j].id + '">' + arrEvaluation[j].name + '</option>';
//                                                 }
//                                             }

//                                         }
//                                     }

                                    html += '</select></td>';
                                    // 登録されている評価の補正値とシステム評価が異なる場合、文字色を変更する。
                                    if(data[i].saved_evaluation !== 0 && data[i].saved_evaluation !== data[i].eval_result_id){
                                        html += '<td class="text-center total-' + data[i].id + ' width-150 saved-evaluation">' + savedEvaText + evaluationSign + '</td>';
                                    } else {
                                        html += '<td class="text-center total-' + data[i].id + ' width-150">' + savedEvaText + evaluationSign + '</td>';
                                    }
                                    html += '</tr>';
                                }

                                $('.tbody').html(html);
                                $('.maintable select').each(function (idx, obj) {
                                	//If already have skill evaluation(of current evaluation period)
                                    //(display of result)
                                    //If `評価の補正` is `-`, trz_skill_evaluation.evaluation  
                                    //If `評価の補正` is any value, any value
                                    
                                    if($(obj).parent().siblings().last().text() === ''){
                                        if (($(obj)[0][$(this)[0].selectedIndex] !== undefined) && ($(obj)[0][$(this)[0].selectedIndex].value === '0')) {
                                            var sysValue = $(obj).parent().prev().text();
                                            $(obj).parent().siblings().last().text(sysValue !== null ? sysValue.charAt(0) : '');
                                        }
                                    }
                                   
                                })

                             } else {
                                // このまま処理が通るとエラーとなるためコメントアウト
//                                 //load from table mst_bases_skill
//                                 // insert without id and version
//                                 switch (data[i].saved_evaluation) {
//                                     case 1:
//                                         savedEvaText = 'A';
//                                         break;
//                                     case 2:
//                                         savedEvaText = 'B';
//                                         break;
//                                     case 3:
//                                         savedEvaText = 'C';
//                                         break;
//                                     case 4:
//                                         savedEvaText = 'D';
//                                         break;
//                                     default:
//                                         savedEvaText = '';
//                                 }
//                                 for (var i = 0; i < data.length; i++) {
//                                     var evaluation = '', evalSystem = '';
//                                     html += '<tr>';
//                                     html += '<td class="hidden"><input  value=' + data[i].record_id + ' name ="RecordId[]" /></td>';
//                                     html += '<td class="hidden"><input  value=' + data[i].record_version + ' name ="RecordVersion[]" /></td>';
//                                     html += '<td class="hidden"><input  value=' + data[i].member_id + ' name ="MemberId[]" /></td>';
//                                     html += '<td class="hidden"><input  value=' + data[i].id + ' name ="MemberSkil[]" /></td>';
//                                     html += '<td class="hidden dataEval" data-eval=' + parseEval(evaluation) + '><input  value="' + evaluation + '" name ="EmptyEvals[]" /></td>';
//                                     var itemName = (data[i].name).length >= 12 ? ((data[i].name).substr(0, 11) + '...') : data[i].name;
//                                     html += '<td style="width:350px;"><text style="width:30px;display: inline-block">' + (i + 1) + '　　 </text>' + itemName + '</td>';

//                                     if (data[i].evaluation == 0) {
//                                         html += '<td class="text-center" style="width:180px;"> - </td>';
//                                     } else {
//                                         html += '<td class="text-center" style="width:180px;">' + evaluation + ' (-) </td>';
//                                     }

//                                     html += '<td class="text-center" style="width:50px;"><span class="glyphicon glyphicon-play"></span> </td>';
//                                     html += '<td class="text-center" style="width:150px;">' + evaluation + evalSystem + '</td>';
//                                     html += '<td class="text-center" style="width:120px;"> <select style="width:75px; margin-bottom:0px;" id ="evaluation" name="listCorrects[]" class="form-control correctEvaluation correctEvaluation_' + data[i].id + '" onchange="changeCorrect(' + data[i].id + ',' + evaluationId + ',\'' + evaluation + '\',\'' + savedEvaText +'\')">';
//                                     if (data[i].system_setting == 1) {
//                                         for (var j = 0; j < arrEvaluation.length; j++) {

//                                             if (j == 0) {
//                                                 html += '<option value="' + arrEvaluation[j].id + '"> - </option>';

// // 									}else if((evaluationId !== arrEvaluation[j].id) && (arrEvaluation[j].id > data[i].evaluation || arrEvaluation[j].id < data[i].evaluation - 1)){
//                                             } else if ((evaluationId !== arrEvaluation[j].id) && (arrEvaluation[j].id >= evaluationId)) {
//                                                 html += '<option value="' + arrEvaluation[j].id + '" disabled="disabled">' + arrEvaluation[j].name + '</option>';

//                                             } else if (evaluationId !== arrEvaluation[j].id) {
// //     									if(arrEvaluation[j].id == data[i].evaluation){
// //     										html += '<option value="'+arrEvaluation[j].id+'"> - </option>';
// //     									}else{
//                                                 html += '<option value="' + arrEvaluation[j].id + '">' + arrEvaluation[j].name + '</option>';
// //     									}
//                                             }

//                                         }
//                                     }
//                                     else {
//                                         for (var j = 0; j < arrEvaluation.length; j++) {

//                                             if (j == 0) {
//                                                 html += '<option value="' + arrEvaluation[j].id + '"> - </option>';

// // 									}else if((evaluationId !== arrEvaluation[j].id) && (arrEvaluation[j].id > data[i].evaluation || arrEvaluation[j].id < data[i].evaluation - 1)){
//                                             } else if (evaluationId !== arrEvaluation[j].id) {
//                                                 html += '<option value="' + arrEvaluation[j].id + '">' + arrEvaluation[j].name + '</option>';

//                                             } else if (evaluationId !== arrEvaluation[j].id) {
// // 										if(arrEvaluation[j].id == data[i].evaluation){
// // 											html += '<option value="'+ arrEvaluation[j].id +'"> - </option>';
// // 										}else{
//                                                 html += '<option value="' + arrEvaluation[j].id + '">' + arrEvaluation[j].name + '</option>';
// // 										}
//                                             }

//                                         }
//                                     }

//                                     html += '</select></td>';
//                                     html += '<td class="text-center total-' + data[i].id + '" style="width:150px;">' + savedEvaText + '</td>'; //savedEvaText // evaluation
//                                     html += '</tr>';
//                                 }
//                                 $('.tbody').html(html);

//                                 $('.maintable select').each(function (idx, obj) {
//                                     //If  DON'T have skill evaluation (of current evaluation period)
//                                     //(display of result)
//         							//If `評価の補正` is `-`, system evaluation
//         							//If `評価の補正` is any value(`A`,`B`,`C`...), any value
                                    
//                                         if (($(obj)[0][$(this)[0].selectedIndex] !== undefined) && ($(obj)[0][$(this)[0].selectedIndex].value === '0')) {
//                                             var sysValue = $(obj).parent().prev().text();
//                                             $(obj).parent().siblings().last().text(sysValue !== null ? sysValue.charAt(0) : '');
//                                         }
                                   
//                                 })
                            }
                            $('#submitFormEvaluation').prop('disabled', false);//enable
                        } else {
                            //$('.tbody').html(html);
                            $('#EmptyDataModal').modal('show');
                        }
                        
//                         for (var i = 0; i < data.length; i++) {
//                             var temp = $($('.maintable select')[i]).closest('tr').find('.dataEval').data('eval');

//                             if (temp == data[i].saved_evaluation) {
//                                 $('.maintable select')[i].selectedIndex = 0
//                             } else {
//                                 switch (data[i].saved_evaluation) {
//                                     case 1:
//                                         $('.maintable select')[i].selectedIndex = 1;
//                                         break;
//                                     case 2:
//                                         $('.maintable select')[i].selectedIndex = 2;
//                                         break;
//                                     case 3:
//                                         $('.maintable select')[i].selectedIndex = 3;
//                                         break;
//                                     case 4:
//                                         $('.maintable select')[i].selectedIndex = 4;
//                                         break;
//                                     default:
//                                     	$('.maintable select')[i].selectedIndex = 0;
//                                 }
//                             }
//                         }
                        
                    },
                    error: function (data) {
                    	$('#submitFormEvaluation').prop('disabled', true);//disable
                        $('#editionMsg').html('<p class="alert alert-danger">{{Message::get("E00084")}}<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>');
                    }
                })
            });

            // 確定ボタン押下時
            $('#submitFormEvaluation').on('click', function (e) {
                e.preventDefault();
                $('#SubmitModal').modal('show');
            });

            // 保存ポップアップ「はい」押下時
            $('#btnOK').on('click', function (e) {
                e.preventDefault();
                $(this).prop('disabled', true);//disable
                $.ajaxSetup({
                    header: $('meta[name="csrf-token"]').attr('content')
                });
                var recordId = $('input[name^="RecordId[]"]');
                var recordVersion = $('td.hidden:nth-child(2) input');
                var memberId = $('input[name^="MemberId[]"]');
                var memberSkill = $('input[name^="MemberSkill[]"]');
                var emptyEvals = $('input[name^="EmptyEvals[]"]');
                var data = [];
                $(recordId).each(function (idx, obj) {

                    var obj = {
                        RecordId: $(obj).val(),
                        RecordVersion: $(recordVersion)[idx].value,
                        MemberId: $(memberId)[idx].value,
                        MemberSkill: $(memberSkill)[idx].value,
                        Evaluation: $($('option:selected', 'select[name^="listCorrects[]"]')[idx]).val(),
                        emptyEval: parseEval($(emptyEvals)[idx].value.length ? $(emptyEvals)[idx].value : '-'),
                    };
                    data.push(obj);
                });
                var objData = {
                    'data': data,
                    '_token': '{{ csrf_token() }}',
                };

                $.ajax({
                    type: 'POST',
                    url: '{{ url('/career/skillEvaluation/updateListSkill')}}',
                    data: objData,
                    dataType: 'json',
                    success: function (data) {
                        $('#editionMsg').html('');
                        if (data.status == 1) {
                            $('.maintable tbody').html('');
                            $('.staff-edit[data-id=' + data.id + ']').trigger('click');
                            // 再表示処理を行う
                            window.scrollTo(0, 0);
                            var html ='<p class="alert alert-success">更新が完了しました。 <a href="#" class="close" data-dismiss="alert" aria-label="close" id="skill_evaluation_success_message">&times;</a></p>';
                            $('.show-success').html(html);
                            setTimeout(function(){
                                $('#skill_evaluation_success_message').trigger('click');
                            }, 5000);
                        }
                    },
                    error: function (data) {
                        $(this).prop('disabled', false);//enable
                        $('#editionMsg').html('<p class="alert alert-danger">{{ Message::get("E00082") }} <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>');
                        window.scrollTo(0, 0);
                        return false;
                    }
                });
                $('#SubmitModal').modal('hide');
                $(this).prop('disabled', false);//enable
                return false;
            })
        });

        /*
         * [評価の補正] no data when click on it -> show popup
         *
         */
        $(document).delegate('.correctEvaluation', 'click', function () {
            if ($(this)[0].length <= 1) {
                $('#eval').modal('show')
            }
        });

        /*
         * [評価の補正] change value processing
         *
         * @param id : row id
         * @param evalId : evaluation ID, system evaluation Text
         * @param skillEval : trz_skill_evaluations.evaluation
         * @param sysEval: system evaluation Text
         *
         */
        function changeCorrect(id, evalId, sysEval, skillEval) {
            var objEvaluation = id + '_' + parseInt($(".correctEvaluation_" + id + " option:selected").val());
            var html = "<input type='hidden' name='evaluationLists[]' value='" + objEvaluation + "' >";

            var arrEvaluation = [
                {'id': 0, 'name': '-'},
                {'id': 1, 'name': '{{ tn_optional($SkillEvaluationBasic[0])->rank1_char }}'},
                {'id': 2, 'name': '{{ tn_optional($SkillEvaluationBasic[0])->rank2_char }}'},
                {'id': 3, 'name': '{{ tn_optional($SkillEvaluationBasic[0])->rank3_char }}'},
                {'id': 4, 'name': '{{ tn_optional($SkillEvaluationBasic[0])->rank4_char }}'}
            ];

            var _evaluation = '';
            var selectedVal = parseInt($(".correctEvaluation_" + id + " option:selected").val());

            if (selectedVal === 0) {
                _evaluation = sysEval;
            } else {
                for (var i = 0; i < arrEvaluation.length; i++) {

                    if (arrEvaluation[i].id === selectedVal) {

                        if (arrEvaluation[i].id < evalId) {
                            _evaluation = arrEvaluation[i].name + '↑';
                        } else {
                            _evaluation = arrEvaluation[i].name + '↓';
                        }
                    }

                }
            }

            $('.total-' + id).text(_evaluation);
            $('.listEvaluation').append(html);
        }
    </script>
@stop