@extends("template.master")

@section("section_content")

<!-- Main content -->
<section class="content">
	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
		<i class="fa fa-database"></i>
			<h2 class="box-title"> Data Siswa Kelas {{$nama_kelas}} {{$jurusan}}</h2>
		</div>
		<div class="box-body table-responsive">
			<br><br>
			<script language="javascript">

				function checkAll(ele) {
					var checkboxes = document.getElementsByTagName('input');
					if (ele.checked) {
						for (var i = 0; i < checkboxes.length; i++) {
							if (checkboxes[i].type == 'checkbox') {
								checkboxes[i].checked = true;
							}
						}
					} else {
						for (var i = 0; i < checkboxes.length; i++) {
							console.log(i)
							if (checkboxes[i].type == 'checkbox') {
								checkboxes[i].checked = false;
							}
						}
					}
				}
			</script>
			<div class="row">
				<div class="col-xs-3">
					<div class="form-group">
					<select name="kategori" onchange="location = this.value;" class="form-control">
							<option value="#">-Pilih Kelas-</option>
							@foreach($kelas as $key =>$kelas)
							<option value="{{url('app_perpus/kelas/'.$kelas->id .'/transfer')}}">{{$kelas->nama_kelas}} {{$kelas->jurusan->nama_jurusan}}</option>
							@endforeach
						</select>
					</div>
				</div>
				<div class="col-xs-3">
				</div>
			</div>
			<br>
			{!! Form::open(array('action' => 'AnggotaController@doTransfer')) !!}
			{!! csrf_field() !!}
			<table class="table table-bordered table-striped">
				<thead>
					<tr bgcolor="">
						<td><INPUT type="checkbox" onchange="checkAll(this)" name="options[]"/></td>
						<td>No</td>
						<td>NIS</td>
						<td>Nama Siswa</td>
						<td>Kelas</td>
						<td>No Hp</td>
						<td>Alamat</td>
					</tr>
				</thead>
				<tbody>
										@foreach($siswa as $key => $value)
										<tr>
						<td><input name="options[]" value="{{$value->id}}" type="checkbox" /></td>
						<td>{{ $i}}</td>
						<td>{{ $value->nis}}</td>
						<td>{{ $value->nama_siswa}}</td>
						<td>{{$value->kelas->nama_kelas}}</td>
						<td>{{$value->no_hp}}</td>
						<td>{{$value->alamat}}</td>
					</tr>
					@endforeach
				</tbody>
			</table>
			<div class="row">
				<div class="col-xs-3">
					<div class="form-group">
						<label>Expired Date:</label>

						<div class="input-group date">
							<div class="input-group-addon">
								<i class="fa fa-calendar"></i>
							</div>
							{!! Form::text('expired_at','', array('class' => 'form-control pull-right','id'=>'datepicker')) !!}
						</div>
						<font color="red">{{ $errors->first('expired_at') }}</font>
						<!-- /.input group -->
					</div>
				</div>
				<div class="col-xs-3">
				</div>
			</div>
			@if($siswa->count())
			{!! Form::submit('Daftarkan Anggota Perpustakaan', array('class' => 'btn btn-primary'))!!}
			{!! Form::close() !!}
			@endif
		</div><!-- /.box-body -->
	</div><!-- /.box -->
	
</section><!-- /.content -->
@endsection