@extends('layouts.master')

@section('css')
{!! Html::style('css/jquery_ui.css')!!}
{!! Html::style('css/datatable/dataTables.bootstrap.css')!!}
{!! Html::style('css/datepicker.css')!!}
@stop

@section('content')
@if(Session::has('message_error_eliminar'))
<div class="row">
	<div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
		<div class="alert alert-danger error-msg centrado"><strong>{!! Session::get('message_error_eliminar') !!}</strong></div>
	</div>
</div>
@endif
@if(Session::has('message_error_crear'))
<div class="row">
	<div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
		<div class="alert alert-danger error-msg centrado"><strong>{!! Session::get('message_error_crear') !!}</strong></div>
	</div>
</div>
@endif
@if(Session::has('message_success_crear'))
<div class="row">
	<div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
		<div class="alert alert-success success-msg centrado"><strong>{!! Session::get('message_success_crear') !!}</strong></div>
	</div>
</div>
@endif
<ul class="nav nav-pills nav-justified" role="tablist">
	<li class="@if($tab=='periodos'){!!'active'!!}@endif" ><a href="#periodos" data-toggle="tab"><span>Per&iacute;odos</span></a></li>
	<li class="@if($tab=='crear'){!!'active'!!}@endif"><a href="#crear" data-toggle="tab"><span>A&ntilde;adir nuevo</span></a></li>
</ul>

<div class="tab-content">
	<div class="tab-pane @if($tab=='periodos'){!!'active'!!}@endif" id="periodos">
		<table id="tabla_lapso" class="table table-hover" width="100%">
			<thead>
				<tr class="info">
					<th>Descripci&oacute;n</th>
					<th>Tipo</th>
					<th class="text-center">Inicio</th>
					<th class="text-center">Fin</th>
					<th class="text-center">Acciones</th>
				</tr>
			</thead>

			<tbody>
				@foreach($periodos as $periodo)
				<tr @if($periodo->activo){!! 'class ="success"' !!} @endif>
					<td>{!!$periodo->descripcion!!}</td>
					<td>{!!$periodo->TipoPeriodo->descripcion!!}</td>
					<td class="text-center">{!!date_format(date_create($periodo->i_periodo),'d-m-Y')!!}</td>
					<td class="text-center">{!!date_format(date_create($periodo->f_periodo),'d-m-Y')!!}</td>
					<td class="text-center">
						<a class="btn btn-success btn-xs" href="{!! URL::to('datos/activarperiodo',array('data_get'=>Crypt::encrypt($periodo->id))) !!}" >Activar</a>
						<a class="btn btn-info btn-xs"  href="{!! URL::to('datos/editarperiodo',array('data_get'=>Crypt::encrypt($periodo->id))) !!}" >Editar</a>
						<a class="btn btn-warning btn-xs" href="{!! URL::to('datos/administrarperiodo',array('data_get'=>Crypt::encrypt($periodo->id))) !!}">Administrar</a>
						<button type="button" title="Eliminar" data-toggle="modal" data-target="#Eliminar" value="{!!$periodo->id!!}" class="btn btn-danger btn-xs eliminar">Eliminar</button>
					</td>

				</tr>
				@endforeach
			</tbody>
		</table>

		<div class="modal fade bs-example-modal-sm ventanamodal" id="Eliminar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">Eliminar Per&iacute;odo Acad&eacute;mico</h4>
					</div>
					<div class="modal-body">
						<form class="form-horizontal" role="form" method="post" action="{!!URL::to('datos/eliminarperiodo')!!}">{!! csrf_field() !!}
							<div class="form-group">
								<div class="col-xs-12 col-md-12 col-lg-12 text-center"  class="input-group" style="margin-bottom: 25px">
									<label for="LabelCodigo">¿Desea eliminar el per&iacute;odo acad&eacute;mico seleccionado?</label>
									{!! Form::hidden('data_post',NULL ,array('id'=>'periodo_e'))!!}
								</div>
							</div>
							<div class="modal-footer">
								<input type="submit" class="btn btn-success" value="Si" name="si">
								<button type="button" class="btn btn-danger" data-dismiss="modal">No</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="tab-pane @if($tab=='crear'){!!'active'!!}@endif " id="crear">
		{!! Form::open(array('url'=>'datos/guardarperiodo','class'=>'formulario'))!!}{!! csrf_field() !!}
		<div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 @if($errors->has('per&iacute;odo')){!!'has-error'!!} @endif">
			<label for="periodo_id">Per&iacute;odo</label>
			{!! Form::text('periodo_id', NULL , $attributes = array('class' => 'form-control', 'id'=>'periodo_id','placeholder'=>'20182'))!!}
			<div class="text-danger">
				@if($errors->has('per&iacute;odo'))   {!! $errors->first('per&iacute;odo') !!}    @else {!! "&nbsp;" !!} @endif
			</div>
		</div>
		<div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 @if($errors->has('descripci&oacute;n')){!!'has-error'!!} @endif">
			<label for="descripcion">Descripci&oacute;n</label>
			{!! Form::text('descripcion', NULL , $attributes = array('class' => 'form-control mayuscula', 'id'=>'descripcion','placeholder'=>'2018-II'))!!}
			<div class="text-danger">
				@if($errors->has('descripci&oacute;n'))   {!! $errors->first('descripci&oacute;n') !!}    @else {!! "&nbsp;" !!} @endif
			</div>
		</div>
		<div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 @if($errors->has('a&ntilde;o')){!!'has-error'!!} @endif">
			<label for="anio">A&ntilde;o</label>
			<div class="input-group date">
				{!! Form::text('anio', NULL , $attributes = array('class' => 'form-control', 'id'=>'anio','readOnly'=>'readOnly'))!!}
				<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
			</div>
			<div class="text-danger">
				@if($errors->has('a&ntilde;o'))   {!! $errors->first('a&ntilde;o') !!}    @else {!! "&nbsp;" !!} @endif
			</div>
		</div>
		<div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12  @if($errors->has('fecha de inicio')){!!'has-error'!!} @endif" >
			<label for="i_periodo">Fecha de Inicio</label>
			<div class="input-group date">
				{!! Form::text('i_periodo', NULL , $attributes = array('class' => 'form-control', 'id'=>'i_periodo','placeholder'=>'00-00-0000', 'readonly'=>'readonly'))!!}
				<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
			</div>
			<div class="text-danger">
				@if($errors->has('fecha de inicio'))   {!! $errors->first('fecha de inicio') !!}    @else {!! "&nbsp;" !!} @endif
			</div>
		</div>
		<div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12  @if($errors->has('fecha de culminaci&oacute;n')){!!'has-error'!!} @endif">
			<label for="f_periodo">Fecha de Culminaci&oacute;n</label>
			<div class="input-group date">
				{!! Form::text('f_periodo', NULL , $attributes = array('class' => 'form-control', 'id'=>'f_periodo','placeholder'=>'00-00-0000', 'readonly'=>'readonly'))!!}
				<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
			</div>

			<div class="text-danger">
				@if($errors->has('fecha de culminaci&oacute;n'))   {!! $errors->first('fecha de culminaci&oacute;n') !!}    @else {!! "&nbsp;" !!} @endif
			</div>
		</div>
		<div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12  @if($errors->has('fecha de inicio inscripciones')){!!'has-error'!!} @endif" >
			<label for="i_inscripciones">Fecha de Inicio Inscripciones</label>
			<div class="input-group date">
				{!! Form::text('i_inscripciones', NULL , $attributes = array('class' => 'form-control', 'id'=>'i_inscripciones','placeholder'=>'00-00-0000', 'readonly'=>'readonly'))!!}
				<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
			</div>
			<div class="text-danger">
				@if($errors->has('fecha de inicio inscripciones'))   {!! $errors->first('fecha de inicio inscripciones') !!}    @else {!! "&nbsp;" !!} @endif
			</div>
		</div>
		<div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12  @if($errors->has('fecha de culminaci&oacute;n inscripciones')){!!'has-error'!!} @endif">
			<label for="f_inscripciones">Fecha de Culminaci&oacute;n Inscripciones</label>
			<div class="input-group date">
				{!! Form::text('f_inscripciones', NULL , $attributes = array('class' => 'form-control', 'id'=>'f_inscripciones','placeholder'=>'00-00-0000', 'readonly'=>'readonly'))!!}
				<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
			</div>

			<div class="text-danger">
				@if($errors->has('fecha de culminaci&oacute;n inscripciones'))   {!! $errors->first('fecha de culminaci&oacute;n inscripciones') !!}    @else {!! "&nbsp;" !!} @endif
			</div>
		</div>
		<div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 @if($errors->has('per&iacute;odo anterior')){!!'has-error'!!} @endif">
			<label for="anterior">Per&iacute;odo Anterior</label>
			{!! Form::select('anterior',$select_periodos, NULL , $attributes = array('class' => 'form-control', 'id'=>'anterior'))!!}
			<div class="text-danger">
				@if($errors->has('per&iacute;odo anterior'))   {!! $errors->first('per&iacute;odo anterior') !!}    @else {!! "&nbsp;" !!} @endif
			</div>
		</div>
		<div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 @if($errors->has('tipo de per&iacute;odo')){!!'has-error'!!} @endif">
			<label for="tipo_periodo_id">Tipo de Per&iacute;odo</label>
			{!! Form::select('tipo_periodo_id',$tipos_periodos, NULL , $attributes = array('class' => 'form-control', 'id'=>'tipo_periodo_id'))!!}
			<div class="text-danger">
				@if($errors->has('tipo de per&iacute;odo'))   {!! $errors->first('tipo de per&iacute;odo') !!}    @else {!! "&nbsp;" !!} @endif
			</div>
		</div>
		<div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
			<input type="submit" value="Crear" class="btn btn-success">
		</div>
		{!!form::close()!!}
	</div>
</div>


@stop
@section('postscript')
{!! Html::script('js/jquery_ui.js') !!}
{!! Html::script('js/datepicker/bootstrap-datepicker.js') !!}
{!! Html::script('js/datepicker/locales/bootstrap-datepicker.es.js') !!}
{!! Html::script('js/datatable/jquery.dataTables.js') !!}
{!! Html::script('js/datatable/dataTables.bootstrap.js') !!}
<script type="text/javascript">
	$(document).ready(function(){

		$('#tabla_lapso').dataTable();

		$('#i_periodo,#f_periodo,#i_inscripciones,#f_inscripciones').datepicker({
			language: "{!! App::getLocale(); !!}",
			autoclose: true,
			format: "dd-mm-yyyy"
		});

		$('#anio').datepicker({
			format: "yyyy", // Notice the Extra space at the beginning
		    viewMode: "years", 
		    minViewMode: "years",
		    autoclose: true
		});

		$(".eliminar").click(function(){
			var parametro=$(this).val();
			$("#periodo_e").val(parametro);
		});

	});

</script>
@stop