@extends('comm.template')

@section('content')
	<div style="color: #666;text-align:right;font-size:16px;margin-top:10px;margin-bottom:10px;margin-right:1%" ><< 通行門組 >> </div>   
	<p>&nbsp;</p>

	<form  method="POST" action="{{ url('manager/doors_group/save') }}" class="basic_form">

		<table class="manager_apply_table myTB" id="manager_apply_table" style="width:800px">

			<script type="text/javascript">
				var Door_Name_Array = new Array();
				var Door_Name_Array_index = 0;
			</script>

			<style type="text/css">input.bLarger{width: 20px; height: 20px;}</style>

			<tr>		

				<th width="10%">門組</th>

				<th width="20%">門組名稱</th>

				@foreach ($mappings as $mapping)

					@if ($mapping->name != "")
						<th width="0%">{{ $mapping->name }}</th>				
					@endif

					<script type="text/javascript">
						Display_Door_Name('{{ $mapping->name }}');
					</script>

				@endforeach
				
				<th width="20%">通行車群</th>

			</tr>

				@foreach ($doors_groups as $doors_group)
				<tr>
					<td align="center">
						{{ $doors_group->id }}
					</td>

					<td align="center">

						<input type="text" name="name_{{ $doors_group->id }}" id="name_{{ $doors_group->id }}" value="{{ $doors_group->name }}" style="width:120px; margin-right:10px; margin-left:10px ; text-align:center" @if($role >= 2) disabled @endif>

					</td>

					<script type="text/javascript">
						Door_Name_Array_index = 0;

						DoorGroupLimit({{ $doors_group->id }}, {{ $doors_group->door_1 }});
						DoorGroupLimit({{ $doors_group->id }}, {{ $doors_group->door_2 }});
						DoorGroupLimit({{ $doors_group->id }}, {{ $doors_group->door_3 }});
						DoorGroupLimit({{ $doors_group->id }}, {{ $doors_group->door_4 }});
						DoorGroupLimit({{ $doors_group->id }}, {{ $doors_group->door_5 }});
						DoorGroupLimit({{ $doors_group->id }}, {{ $doors_group->door_6 }});
						DoorGroupLimit({{ $doors_group->id }}, {{ $doors_group->door_7 }});
						DoorGroupLimit({{ $doors_group->id }}, {{ $doors_group->door_8 }});

					</script>
					
					<td class="col2" style="text-align:center;">
						<select  name="cars_group_{{ $doors_group->id }}">
							<option value="1" @if ($doors_group->cars_group == 1) selected @endif @if($role >= 2) disabled @endif>1</option>
							<option value="2" @if ($doors_group->cars_group == 2) selected @endif @if($role >= 2) disabled @endif>2</option>
							<option value="3" @if ($doors_group->cars_group == 3) selected @endif @if($role >= 2) disabled @endif>3</option>
							<option value="4" @if ($doors_group->cars_group == 4) selected @endif @if($role >= 2) disabled @endif>4</option>
							<option value="5" @if ($doors_group->cars_group == 5) selected @endif @if($role >= 2) disabled @endif>5</option>
							<option value="6" @if ($doors_group->cars_group == 6) selected @endif @if($role >= 2) disabled @endif>6</option>
							<option value="7" @if ($doors_group->cars_group == 7) selected @endif @if($role >= 2) disabled @endif>7</option>
							<option value="8" @if ($doors_group->cars_group == 8) selected @endif @if($role >= 2) disabled @endif>8</option>
						</select>
					</td>

				</tr>
				@endforeach
			

		</table>
		
		<br>

		@if($role <= 1)
			<input type="hidden" name="_token" value="{{ csrf_token() }}">
			<input type="submit" name="button" value="套用">
		@endif

	</form>

@stop

@section('head')

    <link rel="stylesheet" href="{{ url('/')  }}/css/jquery-filestyle.css">
    <script type="text/javascript" src="{{ url('/')  }}/js/jquery-filestyle.js"></script>
    <link rel="stylesheet" href="{{ url('/')  }}/css/jquery-ui.css">
    <script type="text/javascript" src="{{ url('/')  }}/js/jquery-ui.js"></script>

@stop

@section('javascript-top')
//<script type="text/javascript">

function Display_Door_Name(mapping_id) 
	{

		Door_Name_Array[Door_Name_Array_index] = mapping_id;

		//console.log('陣列[' + Door_Name_Array_index + ']存入ID：' + Door_Name_Array[Door_Name_Array_index]);
		//console.log('目前陣列長度：' + Door_Name_Array.length);
		//Door_Name_Array[10] = "123";
		//console.log(Door_Name_Array[10]);

		Door_Name_Array_index ++;
	}

	function DoorGroupLimit(doors_group_id, Limit)
	{

		//console.log('Door_Name_Array[Door_Name_Array_index]：' + Door_Name_Array[Door_Name_Array_index]);

		if (Door_Name_Array[Door_Name_Array_index] != "")
		{
			var tr_html;

			if (Limit == "1")
			{
				tr_html ="<td align='center'>";
				tr_html +="<Input type='Checkbox' class='bLarger' name='doors_group_" + doors_group_id + "_" + (Door_Name_Array_index + 1) + "' value='1' Checked @if($role >= 2) disabled @endif>";
				tr_html +="</td>";
			}
			else
			{
				tr_html ="<td align='center'>";
				tr_html +="<Input type='Checkbox' class='bLarger' name='doors_group_" + doors_group_id + "_" + (Door_Name_Array_index + 1) + "' value='1' @if($role >= 2) disabled @endif>";
				tr_html +="</td>";
			}

			$('#manager_apply_table td:last').after(tr_html);

			//console.log(tr_html);	
		}

		Door_Name_Array_index ++;
	}
    
//</script>
@stop