@extends('layouts.master')

@section('layouts.header')
    @include('layouts.header')
@stop

@section('link')
    <link href="{!! asset('css/career/position/mass_registration.css?20181106-1601') !!}" rel="stylesheet">
@stop

@section('content')
    <script type="text/javascript">
        $(document).ready(function () {

            $('.datepicker').datetimepicker({
                format: 'YYYY/MM/DD',
                locale: 'ja'
            });

//     seerach form never use
// 	$('#dateInput').blur(function(){
// 		$('#InputDate').val($('#dateInput').val());
// 		$('#SearchForm').submit();
// 	})

            $('.button-backmenu').on('click', function () {
                $('#BackForm').submit();
            });

            if ($('.skill-selector').length == 0 && $('#dateInput').val() != '') {
                $('.button-confirm').addClass('disabled');
            }

            $('.button-confirm').on('click', function () {
                $('.skill-selector').each(function (idx, obj) {
                    var IDName = '#NewPositionID' + idx;
                    $(IDName).val($(this)[0].value);
                });
                if ($('#dateInput').val() == '') {
                    $('#WarningModal').modal('show');
                } else {
                    var notSelect = true;
                    $('.skill-selector').each(function (idx, obj) {
                        if ($($(obj).find('option:selected')).val() != '-') {
                            notSelect = false;

                        }
                    });
                    var allNoPos = true;
                    $('.old-pos').each(function (idx, obj) {
                        if ($(obj).text() != '  -') {
                            allNoPos = false;

                        }
                    });
                    if (allNoPos && notSelect) {
                        $('#ErrorModal').modal('show');
                    } else {

                        $('#ConfirmForm').submit();
                    }

                }
            });

            @if($SystemConfig == 1)
            $('.skill-selector').each(function (idx, obj) {
                var value = $(obj).attr('origin');
                var child = $(obj).find('option');
                if ($($('.old-pos')[idx]).text() != '  -') {
                    $(child).each(function (childIdx, childObj) {
                        var newValue = $(childObj).attr('value');
                        if (parseInt(newValue) >= parseInt(value)) {
                            $(childObj).addClass('hidden');
                            $(childObj).wrap('<span>').hide()
                        }
                        if (parseInt(newValue) < parseInt(value) - 2) {
                            $(childObj).addClass('hidden');
                            $(childObj).wrap('<span>').hide()
                        }
                    })
                }
                $('option[class*="not-display"]').hide();
            });

            @endif

            // 現職位と同じ職位はセレクトボックスから非表示にする
            $('.skill-selector').each(function (idx, obj) {
                var value = $(obj).attr('origin');
                if ($($('input[name="OldPosition[]"]')[idx]).val() !== '') {
                    // 新規でない場合
                    var skillObj = $("option[value="+value+"]",this);
                    if (skillObj !== null) {
                        // 現職位と同じ職位の場合
                        skillObj.addClass('hidden');
                        skillObj.wrap('<span>').hide();
                    }
                }
            });

            $('.selectwraper').each(function (idx, obj) {
                var select = $(this).find('select');
                select.prop('selected', false);
                var selected = $(this).attr('origin');
                if (selected == 0 && $($('input[name="OldPosition[]"]')[idx]).val() === '') {
                    selected = '-'
                }
                @if(isset($FromConfirm))
                if ($(this).find('select option:selected').length == 0) {
                    select.prepend('<option value="' + selected + '" selected="selected" >---</option>');
                } else {
                    select.prepend('<option value="' + selected + '">---</option>');
                }
                @else
                select.prepend('<option value="' + selected + '" selected="selected">---</option>');
                @endif

            });
            $($('.skill-selector').find('option[selected*="selected"]').parent()).attr('corrected', 'true');
            var badSelector = $($('.skill-selector:not([corrected="true"])'));
            $(badSelector).each(function (idx, obj) {
                $($($(obj).find('option'))[0]).prop('selected', 'selected');
            })

        });
    </script>
    {!! Form::open(array('url'=>'career/position/massRegistrationAllModify/back', 'class'=>'form-inline',  'id'=>'BackForm','method'=>'Post')) !!}
    {!! Form::close() !!}

    {!! Form::open(array('url'=>'career/position/massRegistrationAllModify/getSearch', 'class'=>'form-inline',  'id'=>'SearchForm','method'=>'Get')) !!}
    {!! Form::hidden('InputDate','' , ['id'=>'InputDate']) !!}
    {!! Form::close() !!}
    {!! Form::open(array('url'=>'/career/position/massRegistrationAllConfirm', 'class'=>'form-inline',  'id'=>'ConfirmForm','method'=>'Post')) !!}
    <div class="container">
        <div class="col-xs-12">
            <h4><strong>職員の職位 新規登録・一括変更</strong></h4>
        </div>
        <div class="col-xs-8">
            <h5><strong>新しい職位を設定してください</strong></h5>
        </div>
        <div class="col-xs-4 text-right calendar">
            <h5 class="label-calendar">職位変更日</h5>
            <div class="input-group date mb-emd5 datepicker width-datepicker" id="datepicker1">
                {!! Form::text('RegisterDate', $InputDate, array('id'=>'dateInput','class' => 'form-control width-inputdate')) !!}
                <span class="input-group-addon">
					<span class="glyphicon glyphicon-calendar"></span>
				</span>
            </div>
            <h5 class="text-h5">より</h5>
        </div>
        <div class="col-xs-12" id="left-body">
            <div class="col-xs-12" id="right-body">
                <div class="col-xs-12">
                    <table class="table table-striped maintable">
                        <thead>
                        <tr>
                            <th class="text-center">氏 名</th>
                            <th class="text-center">現職位滞留期間</th>
                            <th class="text-center">勤続年数</th>
                            <th class="text-center">職務経験</th>
                            <th class="text-center">職務スキル</th>
                            <th class="text-center">研修・訓練</th>
                            <th class="text-center">資格・検定</th>
                            <th class="text-center">総評価点</th>
                            <th class="text-center">昇格・昇級目安</th>
                            <th>現職位</th>
                            <th class="text-center"></th>
                            <th class="text-center">新しい職位</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($PosData as $itme)
                            {!! Form::hidden('PosDataID[]',$itme->id , []) !!}
                            {!! Form::hidden('PosDataMaxGrade[]',$itme->max_grade , []) !!}
                        @endforeach

                        @foreach($data as $index=> $each)
                            {!! Form::hidden('PositionID[]',$each->PositionId , []) !!}
                            {!! Form::hidden('PositionVersion[]',$each->PositionVersion , []) !!}
                            {!! Form::hidden('StaffName[]',$each->Name , []) !!}
                            {!! Form::hidden('StaffID[]',$each->Id , []) !!}
                            {!! Form::hidden('NewPosition[]', $each->NewPosition  , []) !!}
                            {!! Form::hidden('NewPositionID[]', $each->NewPositionID  , ['id'=>'NewPositionID'.$index]) !!}
                            {!! Form::hidden('UpValue[]', $each->upValue  , []) !!}
                            {!! Form::hidden('PositionUp[]', $each->PositionUp  , []) !!}
                            {!! Form::hidden('OldPosition[]', $each->OldPosition  , []) !!}
                            {!! Form::hidden('OldPositionID[]', $each->OldPositionID  , []) !!}
                            <tr>
                                <td> {{ $each->Name }}</td>

                                @if($each->StayPointCheckApply ==1)
                                    <td><input type="checkbox"
                                               readonly {!!  $each->StayPointCheck ?' checked':'' !!}>{{ $each->StayPoint }}
                                    </td>
                                @else
                                    <td class="merged-text">––––</td>
                                @endif
                                @if($each->LengApply ==1)
                                    <td><input type="checkbox"
                                               readonly {!!  $each->ServiceCheck ?' checked':'' !!} >{{ $each->LengthOfService }}
                                    </td>
                                @else
                                    <td class="merged-text">––––</td>
                                @endif

                                @if($each->ExpApp ==1)
                                    <td><input type="checkbox"
                                               readonly {!!  $each->Actual_1 ==  $each->Expect_1 ?' checked':'' !!} >{{ $each->Actual_1 }}
                                        /{{ $each->Expect_1 }}</td>
                                @else
                                    <td class="merged-text">––––</td>
                                @endif

                                @if($each->SkillApp ==1)
                                    <td><input type="checkbox"
                                               readonly {!!  $each->Actual_2 ==  $each->Expect_2 ?' checked':'' !!} >{{ $each->Actual_2 }}
                                        /{{ $each->Expect_2 }}</td>
                                @else
                                    <td class="merged-text">––––</td>
                                @endif
                                @if($each->LecApp ==1)
                                    <td><input type="checkbox"
                                               readonly {!!  $each->Actual_3 ==  $each->Expect_3 ?' checked':'' !!} >{{ $each->Actual_3 }}
                                        /{{ $each->Expect_3 }}</td>
                                @else
                                    <td class="merged-text">––––</td>
                                @endif
                                @if($each->QuaApp ==1)
                                    <td><input type="checkbox"
                                               readonly {!!  $each->Actual_4 ==  $each->Expect_4 ?' checked':'' !!} >{{ $each->Actual_4 }}
                                        /{{ $each->Expect_4 }}</td>
                                @else
                                    <td class="merged-text">––––</td>
                                @endif

                                <td> {{ $each->Score }}%</td>
                                @if ($each->upValue == '0')
                                    <td class="new-eva"><img
                                                class="noimg"/> {{ $each->NewPosition !=' '?$each->NewPosition:'-' }}
                                    </td>
                                @endif

                                @if ($each->upValue == '1')

                                    @if ($each->positionUp == 'true')

                                        <td class="new-eva">
                                            <img class="stairimg"/>
                                            {{ $each->NewPosition !=' '?$each->NewPosition:'-' }}
                                        </td>
                                    @else
                                        <td class="new-eva">
                                            <img class="rowimg1"/>
                                            {{ $each->NewPosition !=' '?$each->NewPosition:'-'  }}
                                        </td>
                                    @endif

                                @endif

                                @if ($each->upValue == '2')
                                    @if ($each->positionUp == 'true')
                                        <td class="new-eva"><img
                                                    class="stairimg"/>{{ $each->NewPosition !=' '?$each->NewPosition:'-'  }}
                                        </td>
                                    @else
                                        <td class="new-eva"><img
                                                    class="rowimg2"/> {{ $each->NewPosition !=' '?$each->NewPosition:'-'  }}
                                        </td>
                                    @endif
                                @endif

                                <td class="old-pos">  {{ $each->OldPosition !=''?$each->OldPosition:'-'  }}</td>
                                <td class="text-center black-arrow"><span class="glyphicon glyphicon-play"></span></td>

                                @if(isset($each->fromConfirm ))
                                    <td class="selectwraper"
                                        origin='{{$each->OldPositionID}}'> {{ Form::select('SkillList[]', $PosList, $each->SkillList == '-' ? '-' : $each->SkillList,  ['origin'=> $each->OldPositionID,'id' => 'SkillList'.$index, 'class' => 'form-control normal-input skill-selector']) }} </td>
                                @else
                                    <td class="selectwraper"
                                        origin='{{$each->OldPositionID}}'> {{ Form::select('SkillList[]', $PosList, '',  ['origin'=> $each->OldPositionID,'id' => 'SkillList'.$index, 'class' => 'form-control normal-input skill-selector']) }} </td>
                                @endif

                            </tr>
                        @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-xs-12 div-button">
            <div class="col-xs-12 text-right">
                <input name="Action" class="btn btn-primary button-backmenu" value="メニューへ戻る">
                <input name="Action" readonly="readonly" class="btn btn-primary button-confirm" value="確 定">
            </div>
        </div>
    </div>
    <div id="WarningModal" class="modal fade in" data-backdrop="static" data-keyboard="false" tabindex="-1"
         role="dialog">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 id="modalTitle" class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    職位変更日を設定してください
                </div>
                <div class="modal-footer">
                    <a class="btn btn-primary" data-dismiss="modal"><i class="fa"></i>OK</a>
                </div>
            </div>
        </div>
    </div>
    <div id="ErrorModal" class="modal fade in" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 id="modalTitle" class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    現職位が設定されていません。新しい職位で設定後、確定してください。
                </div>
                <div class="modal-footer">
                    <a class="btn btn-primary" data-dismiss="modal"><i class="fa"></i>OK</a>
                </div>
            </div>
        </div>
    </div>
    {!! Form::close() !!}
@stop

@section('layouts.footer')
    @include ('layouts.footer')
@stop