@extends('layouts.master')

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

@section('link')
    <link href="{!! asset('css/career/position/confirm.css?20181025-1700') !!}" rel="stylesheet">
@stop
@section('content')
<script>

$(function() {
	  $('#BackModalButton').on('click',function(){
		  $('#BackModal').modal('show');
	  });
	  $('#Decision').on('click',function(){
		  $('#SubmitModal').modal('show');
	  });
	  $('#BackOK').on('click',function(){
			$('#BackForm').submit();
	  });
	  $('#SubmitOK').on('click',function(){

		  jQuery.ajaxSetup({
              header: jQuery('meta[name="csrf-token"]').attr('content')
          });
          var pass = $('#SubmitPassword').val();
			$.ajax({
				type: 'GET',
				url: '{{route("get.carrer.massRegistration.confirm.check")}}',
				data: {pass:pass},
				dataType: 'json',
				success: function(data){
					if(data == true){
						$('#SubmitForm').submit();
					}else{
						$('#ErrorModal').modal('show');
					}
				}
			});
	  });

});
</script>

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

<div class="container">

		<div class="col-xs-12">
			<h4><strong>職員の職位 新規登録・一括変更</strong></h4>
		</div>
		<div class="col-xs-8" >
				<h5 class="xl-ml-15"><strong>この内容でよろしいですか？更新には管理者パスワードが必要です。</strong></h5>
		</div>

		<div class="col-xs-12" id="left-body">
			<div class="col-xs-12" id="right-body">

				<div class="col-xs-8">
				<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>
					</tr>
				</thead>
				<tbody>
					@foreach($data as $item)
					<tr>
        				<td>{{ $item->StaffName }}</td>
						<td>{{ $item->OldPosition }}</td>
						<td class="text-center"><span class="glyphicon glyphicon-play"></span> </td>
                        @if($item->OldPosition === '-')
                            @if($item->SelectedPosition !== '-')
                                <td class="red">
                            @else
                                <td>
                            @endif
                        @else
                            @if($item->GradeExcess === 'true')
                                <td class="bold red">
                            @elseif($item->UpValue > 0)
                                <td class="bold position-green">
                            @elseif($item->UpValue < 0)
                                <td class="red">
                            @else
                                <td>
                            @endif
                        @endif
                        {{ $item->SelectedPosition }}</td>
                        <td class="{!! $item->GradeExcess === 'true' ? 'red' : '' !!}">
                            @for($i=0;$i<$item->UpValue && $i <=3 ;$i++)<img class="rowimg1"/>@endfor
                            @if($item->OldPosition === '-')
                                -
                            @elseif($item->UpValue > 0)
                                {{$item->UpValue.'等級昇級'}}
                            @elseif($item->UpValue < 0)
                                {{'降級'}}
                            @else
                                現状維持
                            @endif
                        </td>
                        <td class="{!! $item->PositionExcess === 'true' ? 'red' : '' !!} "><img class="{!! $item->PositionUp > 0 ? 'stairimg':'noimg' !!} {!! $item->PositionExcess === 'true' ? 'redstairimg' : '' !!} "/>
                            @if($item->PositionUp > 0)
                                {{$item->PositionUp.'等級昇格'}}
                            @elseif($item->PositionUp < 0)
                                {{'降格'}}
                            @else
                                -
                            @endif
                        </td>
					</tr>
					@endforeach
				</tbody>
			</table>
			</div>

			<div class="col-xs-4 right-text">
				<p class="text-around">解説</p>
				<ul>昇格:<img class="stairimg"/>昇級:<img class="rowimg1"/></ul>
                <ul>新しい職位
                    <li>【緑色】</li>
                    <li>　昇級した場合</li>
                    <li>　</li>
                    <li>【赤色・太字】</li>
                    <li>　基本設定範囲を超えて</li>
                    <li>　特例昇級した場合</li>
                    <li>　</li>
                    <li>【赤色・細字】</li>
                    <li>　新規登録の場合、</li>
                    <li>　基本設定範囲を超えて</li>
                    <li>　特例降級した場合</li>
                </ul>
			</div>
			</div>
		</div>

		<div class="col-xs-12 text-right button-holder-modify">
			<a id="BackModalButton"><span class="color-link">内容の修正</span></a>
			<span>　</span>
			<input id="Decision" readonly="readonly" name="Action" class="btn btn-primary color" value="確定">
		</div>
	</div>

	<div id="BackModal" 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 id="BackClose" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i>  いいえ</a>
				<a id="BackOK" onclick="" class="btn btn-primary" data-dismiss="modal"><i class="fa "></i> はい</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 id="BackClose" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i> OK</a>
           	 </div>

			</div>
		</div>
	</div>
	{!! Form::hidden('InputDate', $InputDate ,  ['class'=>'hidden']) !!}
	@foreach($data as $item)

		{!! Form::hidden('Grade []',$item->Grade , ['class'=>'hidden']) !!}
		{!! Form::hidden('MstID []',$item->MstID ,  ['class'=>'hidden']) !!}

		{!! Form::hidden('PositionID []',$item->PositionID , ['class'=>'hidden']) !!}
		{!! Form::hidden('PositionVersion []',$item->PositionVersion ,  ['class'=>'hidden']) !!}
		{!! Form::hidden('StaffName []',$item->StaffName ,  ['class'=>'hidden']) !!}
		{!! Form::hidden('StaffID []',$item->StaffID ,  ['class'=>'hidden']) !!}
		{!! Form::hidden('NewPositionID []', $item->NewPositionID  ,['class'=>'hidden']) !!}
		{!! Form::hidden('OldPosition []', $item->OldPosition  , ['class'=>'hidden']) !!}
		{!! Form::hidden('OldPositionID []', $item->OldPositionID  , ['class'=>'hidden']) !!}
		{!! Form::hidden('SkillList []', $item->SkillList  , ['class'=>'hidden']) !!}

	@endforeach
	{!! Form::hidden('FromConfirm', true  , ['class'=>'hidden']) !!}
{!! Form::close() !!}

{!! Form::open(array('url'=>'career/position/massRegistrationAllConfirm/submit', 'class'=>'form-inline',  'id'=>'SubmitForm','method'=>'Post')) !!}
	@foreach($data as $item)

		{!! Form::hidden('Grade []',$item->Grade , ['class'=>'hidden']) !!}
		{!! Form::hidden('MstID []',$item->MstID ,  ['class'=>'hidden']) !!}

		{!! Form::hidden('PositionID []',$item->PositionID , ['class'=>'hidden']) !!}
		{!! Form::hidden('PositionVersion []',$item->PositionVersion ,  ['class'=>'hidden']) !!}
		{!! Form::hidden('StaffName []',$item->StaffName ,  ['class'=>'hidden']) !!}
		{!! Form::hidden('StaffID []',$item->StaffID ,  ['class'=>'hidden']) !!}
		{!! Form::hidden('NewPositionID []', $item->NewPositionID  ,['class'=>'hidden']) !!}
		{!! Form::hidden('OldPosition []', $item->OldPosition  , ['class'=>'hidden']) !!}
		{!! Form::hidden('OldPositionID []', $item->OldPositionID  , ['class'=>'hidden']) !!}
		{!! Form::hidden('SkillList []', $item->SkillList  , ['class'=>'hidden']) !!}
		{!! Form::hidden('SkillList []', $item->SkillList  , ['class'=>'hidden']) !!}
		{!! Form::hidden('InputDate', $InputDate ,  ['class'=>'hidden']) !!}
	@endforeach
	<div id="SubmitModal" 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 submit-modal-title">
					<div class="col-xs-12 inner-col-content submit-message">
						*確定にはパスワードが必要です。
					</div>
					<div class="col-xs-12 inner-col-content submit-content">
						<h5 id="SubmitHeader">パスワード</h5>
						<input name ='Password' id="SubmitPassword" type="password" class=" form-control">
					</div>
				</div>
				<div class="modal-footer">
				<a id="SubmitBack" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i>  戻る</a>
				<a id="SubmitOK" onclick="" class="btn btn-primary" data-dismiss="modal"><i class="fa "></i>確定</a>
			</div>
			</div>
		</div>
	</div>
{!! Form::close() !!}
@stop

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