@extends('templates.template')
@push('page-title')
<h2>Séries</h2>
<p>Conjunto ordenado de fatos, coisas, objetos análogos; sequência: dispor as coisas em séries homogêneas.</p>
@endpush

@section('content')
<div class="row">
	<div class="col-md-3">
		<a href="{{ url(route('series.create')) }}" class="tile-box tile-box-shortcut btn-info">
			<span class="bs-badge badge-absolute">
				Séries	
			</span>
			<div class="tile-header">Adicionar séries</div>
			<div class="tile-content-wrapper">
				<i class="glyphicon glyphicon-inbox glyph-icon"></i>
			</div>
		</a>
	</div>
</div>

<hr/>

	<table class="table table-striped table-bordered" role="grid" aria-describedby="example_info" id="searchListarMatricula" width="100%">
		<thead>
			<tr>
				<td>#</td>
				<td>Ano</td>
				<td>Descrição</td>
				<td>Disciplinas</td>
				<td>Situação</td>
				<td>Ações</td>
			</tr>
		</thead>
		<tbody>
		@foreach($dados as $dado)
			<tr>
				<td>{{ $dado->id }}</td>
				<td>{{ !empty($dado->ano) ? $dado->ano->descricao : null }}</td>
				<td>{{ $dado->descricao }}</td>
				<td>
					@foreach($dado->disciplinas as $key => $disc)
						{{ ($key == 0) ? $disc->descricao : ', ' . $disc->descricao }}
					@endforeach
				</td>
				<td>
					<div class="material-switch pull-right">
						{!! Form::checkbox('situacao', $dado->id, $dado->situacao, ['class' => 'situacao', 'id' => $dado->id]) !!}
						<label for="{{ $dado->id }}" class="label-info"></label>
					</div>
				</td>
				<td>
					<a href='{{ url("series/editar/$dado->id") }}'><span><i class="fa fa-edit"></i></span></a>
					<a href='{{ url("series/deletar/$dado->id") }}'><span><i class="fa fa-close"></i></span></a>
				</td>
			</tr>
		@endforeach
		</tbody>
	</table>
@stop
@section('styles')
{!! HTML::style('bower_components/checkbox2/css/checkbox2.css') !!}
@endsection
@push('scripts')

<script type="text/javascript">
	$(document).ready(function() {
		$('#searchListarMatricula').dataTable({
			"order": [[ 4, "desc" ]]
		});

		// situacao
		$(document).on('click', '.situacao', function(event) {
			var value = ($(this).prop('checked') == true) ? 1 : 0;
			$.post('{{ route("series.situacao") }}',
			 	{
			 	'_token' : '{{ csrf_token() }}',
                'id' : $(this).val(),
                'situacao' : value
            	},
				function(data, textStatus, xhr) {
				}
			);	
		});
	});
</script>
@endpush