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

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

@section('content')
<div class="container">
	<div class="col-xs-12">
		<h1>キャリアパス</h1>
	</div>
	<div class="col-xs-12">
		<h4><strong>自己チェック出入力</strong></h4>
	</div>
	<div class="col-xs-6">
		<div class="col-xs-12" style="display:inline-flex;padding:0px; margin-bottom:10px; ">
			<h5 style="margin-right:5px; width:70px; margin-top:8px">対象期間</h5>
			<h5 style="margin-right:5px; margin-top:8px">2017/01/03 ～ 2017/05/01</h5>
		</div>

		<div class="col-xs-12" style="display:inline-flex;padding:0px;  ">

			<h5 style="margin-right:5px; width:70px;">職能区分</h5>
			<select style="width:405px;" class="form-control">
		<option value ="A" >記入シート生成（印刷）</option>
		<option value ="A" >結果入力（インポート）</option>
		<option value ="A" disabled >記入シート生成（URL)</option>
		<option value ="A" disabled >結果入力（手動）</option>
		</select>
		</div>
		<div class="col-xs-12 inner-col-content" style="display:inline-flex;padding:0;">
			<h5 style="margin-right:5px; width:70px;">雇用状況</h5>
			<label style="margin-top:8px; margin-right: 10px; width:180px"><input type="radio" name="group1" id="r21" value="1" />記入シート生成（印刷） </label>

			<label style="margin-top:8px; margin-right: 10px;width:180px"><input disabled type="radio" name="group1" id="r22" value="1" />結果入力（手動）</label>

		</div>
		<div class="col-xs-12 inner-col-content" style="display:inline-flex;padding:0;">
			<h5 style="margin-right:5px; width:70px;"></h5>
			<label style="margin-top:8px; margin-right: 10px;width:180px"><input disabled  type="radio" name="group1" id="r21" value="1" />記入シート生成（URL) </label>
			<label style="margin-top:8px; margin-right: 10px;width:180px"><input type="radio" name="group1" id="r22" value="1" />結果入力（インポート）</label>

		</div>

		<div class="col-xs-12" style="display:inline-flex;padding:0px; margin-bottom:10px; ">

		</div>

		<div class="col-xs-12" style="display:inline-flex;padding:0px; margin-bottom:10px; ">

		</div>

		<div class="col-xs-12" style="padding: 20px;padding-left:40px; margin-bottom:10px; border: 1px solid black ; border-radius: 5px;">
			<div class="col-xs-3 text-center" style="background-color: white;;display:inline-flex;padding:0px;  margin : -35px 0px 10px -10px;width:200px">

				<h5 style="margin-top:6px; width:200px;">xxxxxxxxxxxxxxxxxxxxxxxxx</h5>

			</div>
			<div class="col-xs-12" style="display:inline-flex;padding:0px;">
				<h5 style="margin-top:8px; width:65px;">職　位</h5>
				<select style="width:180px;" class="form-control">
				<option value ="A" >選択してください</option>
				<option value ="A" >A</option>
				<option value ="A" >A</option>
				<option value ="A" >A</option>
				</select>
				<label style="margin-top:5px;">
				　～　
			</label>
				<select style="width:180px;" class="form-control">
				<option value ="A" >選択してください</option>
				<option value ="A" >A</option>
				<option value ="A" >A</option>
				<option value ="A" >A</option>
				</select>

			</div>

			<div class="col-xs-12" style="display:inline-flex;padding:0;">
				<h5 style="margin-top:8px; width:65px;">勤続年数</h5>

				<INPUT style="width:180px;" class="form-control" />

				<label style="margin-top:5px;">
					　～　
				</label>
				<INPUT style="width:180px;" class="form-control" />

			</div>



			<div class="col-xs-12 inner-col-content" style="display:inline-flex;padding:0;">
				<h5 style="margin-right:5px; width:60px;">雇用状況</h5>
				<label style="margin-top:8px; margin-right: 10px; width:80px"><input type="radio" name="group3" id="r21" value="1" />現職者 </label>
				<label style="margin-top:8px; margin-right: 10px;width:120px"><input type="radio" name="group3" id="r22" value="1" />現職者（正規）</label>
				<label style="margin-top:8px; margin-right: 10px;"><input type="radio" name="group3" id="r22" value="1" />現職者（非正規）</label>
			</div>
			<div class="col-xs-12 inner-col-content" style="display:inline-flex;padding:0;">
				<h5 style="margin-right:5px; width:60px;"></h5>
				<label style="margin-top:8px; margin-right: 10px;width:80px"><input type="radio" name="group3" id="r21" value="1" />休職者 </label>
				<label style="margin-top:8px; margin-right: 10px;width:120px"><input type="radio" name="group3" id="r22" value="1" />異動（転出）</label>
				<label style="margin-top:8px; margin-right: 10px;width:120px"><input type="radio" name="group3" id="r22" value="1" />異動（除籍）</label>
			</div>
			<div class="col-xs-12 inner-col-content" style="display:inline-flex;padding:0;">
				<h5 style="margin-right:5px; width:60px;"></h5>
				<label style="margin-top:8px; margin-right: 10px;width:80px"><input type="radio" name="group3" id="r21" value="1" />退職者 </label>
				<label style="margin-top:8px; margin-right: 10px;width:120px"><input type="radio" name="group3" id="r22" value="1" />すべて</label>
			</div>

			<div class="col-xs-12" style="margin-top: 15px;padding: 0px;">
				<div class="col-xs-12 text-right">
					<div class="col-xs-9 text-right" style="margin: 8px 0px 0px 6px">
						<a href="">
							<h5>検索条件をクリア</h5>
						</a>
					</div>
					<input name="Action" type="submit" class="btn btn-primary" value="検 索" style="WIDTH: 105px !important;">

				</div>
			</div>
		</div>

	</div>
	<div class="col-xs-6">
		<input name="Action" type="submit" class="btn btn-primary" value="全適用" id="checkAll" style="WIDTH: 80px !important;">
		<input name="Action" type="submit" class="btn btn-primary" value="全解除" id="uncheckAll" style="WIDTH: 80px !important;">
		<table class="table table-striped maintable">
			<thead>
				<th>
					<center>適用</center>
				</th>
				<th>
					<center>氏名</center>
				</th>
				<th>ファイルから選択</th>

			</thead>
			<tbody>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>
				<tr>
					<td>
						<center><input style="margin-top:10px;" class="checkitem" name="ids[]" type="checkbox" id="ids[]" value="13733"></td>
					<td style="padding-top:15px;">池田 明日香</td>
					<td>
						<a class="folder"><span  style="width:200px;"  class="glyphicon glyphicon-book"></span></a>
					</td>
				</tr>


			</tbody>
		</table>
	</div>
	<div class="col-xs-12 text-right ">
		<input name="Action" type="submit" class="btn btn-primary" value="メニューへ戻る " style="WIDTH: 150px !important;">
		<input name="Action" type="submit" class="btn btn-primary" value="確 定 " style="WIDTH: 105px !important;">			
	</div>
</div>
@stop
@include ('layouts.footer')