@extends('layouts.master')
@section('link')
	<link href="{!! asset('css/numclass/index.css') !!}" rel="stylesheet">
	<link href="{!! asset('css/career/style.css') !!}" rel="stylesheet">
	<style>

	</style>
@include('layouts.header')
@stop

@section('content')
<div class="container">
{!! Form::open( array('url'=>'career/registration/'.$SkillID[0]->id, 'id'=>'registrationForm', 'name'=>'registrationForm', 'method'=>'PUT'  ) ) !!}
	<div class="col-xs-12">
		<h4><strong>職能区分の新規登録・編集</strong></h4>
	</div>
	<div class="col-xs-12" style="margin-bottom: 5px;padding:0px">
		<div class="col-xs-6">
			<h5><strong>システムの性質上、一度作成した職能区分は削除することができません。</strong></h5>
		</div>
	</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-6 rightbox">	
			<div class="col-xs-12" >		
				<div class="col-xs-12 inner-col-content" style="display:inline-flex;padding:0;">		
					<h5 style="margin-right:5px; width:80px;">職能区分名</h5>
					<input class=" form-control" style="width:450px;" name="skill_name" id="skillName" placeholder="入力してください">
				</div>
				<div class="col-xs-12 inner-col-content" style="display:inline-flex;padding:0;">		
					<h5 style="margin-right:5px; width:80px;">備考 </h5>							
					<textarea rows="4" class="form-control" style="width:450px;" name="skill_note" id="skillNote" placeholder="入力してください"></textarea>
				</div>
			</div>
		</div>	
	</div>	

	<div class="col-xs-12" style="margin-top: 15px;padding: 0px;">
		<div class="col-xs-12 text-right" >				
		<input name="Action" type="button" class="btn btn-primary" id="back_no_edit" value="確定して次へ" style="WIDTH: 120px !important;">
		<input name="Action" type="submit" class="btn btn-primary" id="save_edit_skill" value="確定" style="WIDTH: 120px !important;">	
		<input name="Action" type="submit" class="btn btn-primary" value="確定して新規登録" style="WIDTH: 140px !important;">				
		</div>
	</div>
{!! Form::close() !!}
</div>

<script type="text/javascript">
$( function() {
	$('#save_edit_skill').on('click', function(e){
		e.preventDefault();

		var skillName = $('#skillName').val(),
			skillNote = $('#skillNote').val();

		var resultValidate = validateRegistration(skillName, skillNote);

		if(resultValidate){
			// $('#registrationForm').submit();
		}else{
			return false;
		}
    });

	$('#back_no_edit').on('click', function (e){
		e.preventDefault();

		window.location.href = '{{url('')}}';
    });

	$('.saveSkillClass').on('click', function(e){
		e.preventDefault();



		var dataUpdate = {
			'id' : $('#id').val(),
			'skillName' : $('#skillName').val(),
			'skillNote' : $('#skillNote').val(),
			'_token': '{{ csrf_token() }}'
        };

		$.ajaxSetup({
			header:$('meta[name="csrf-token"]').attr('content')
		});

		var resultValidate = validateRegistration($('#skillName').val(), $('#skillNote').val());

		if(resultValidate){
			$.ajax({
				type:"POST",
				url: "{{ url('career/registration/modify') }}",
				data: dataUpdate,
				dataType: 'json',
				success: function(data){				
					var html ='<p class="alert alert-success">更新が完了しました。 <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>';
					$('.show-success').html(html);

					$("#registrationForm")[0].reset();
					$('#id').val(0);

					setTimeout(function(){
						$('.close').trigger('click');
					}, 2000);
				},
				error: function(data){						

				}
			})
		}else{
			setTimeout(function(){
				$('.close').trigger('click');
			}, 2000);

			return false;
		}
		
	})
});

function validateRegistration(skillName, skillNote){
	setTimeout(function(){
		$('.close').trigger('click');
	}, 2000);

	if(skillName == '' && skillNote == ''){
		$('#editionMsg').html('<p class="alert alert-danger">{{ Message::get("C00001") }} <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>');
		window.scrollTo(0, 0);
		return false;
	}

	if(skillName == ''){
		$('#editionMsg').html('<p class="alert alert-danger">{{ Message::get("E00060") }} <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>');
		window.scrollTo(0, 0);
		return false;
	}

	if(skillNote == ''){
		$('#editionMsg').html('<p class="alert alert-danger">{{ Message::get("E00061") }} <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a></p>');
		window.scrollTo(0, 0);
		return false;
	}

	return true;
}
</script>
@stop
@include ('layouts.footer')