@extends('layouts.master')

@section('css')
{!! Html::style('css/jquery_ui.css')!!}
{!! Html::style('css/datepicker.css')!!}
{!! Html::style('css/datatable/dataTables.bootstrap.css')!!}
<style type="text/css">
	.ui-datepicker{z-index:1150 !important;}
</style>
@stop

@section('content')
@if(Session::has('message_success'))
<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') !!}</strong></div>
	</div>
</div>
@endif
@if(Session::has('message_error'))
<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') !!}</strong></div>
	</div>
</div>
@endif
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
	<ul class="nav nav-tabs nav-justified" role="tablist">
		<li class="@if($tab=='admin'){!!'active'!!}@endif" ><a href="#admin" data-toggle="tab"><span class="negrita">Administrar Pensum</span></a></li>
		<li class="@if($tab=='pensum'){!!'active'!!}@endif"><a href="#pensum" data-toggle="tab"><span class="negrita">Pensum</span></a></li>
	</ul>
	<div class="tab-content">
		<div class="tab-pane fade @if($tab=='admin'){!!'in active'!!}@endif " id="admin">
			{!! Form::open(array('url'=>'datos/escogerprograma','class'=>'formulario'))!!}{!! csrf_field() !!}
			<div class="form-group col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-12 col-xs-12 @if($errors->has('pensum')){!!'has-error'!!} @endif">
				<label for="pensum_id">Pensum <span class="glyphicon glyphicon-asterisk text-danger" style="font-size:9px;"></span></label>
				{!! Form::select('pensum_id',$pensum_select,NULL, $attributes =  array('class' => 'form-control','id'=>'pensum_id','required' => 'required'))!!}
				<div class="text-danger">
					@if($errors->has('pensum'))   {!! $errors->first('pensum') !!}    @else {!! "&nbsp;" !!} @endif
				</div>
			</div>
			<div class="form-group col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-12 col-xs-12 @if($errors->has('programa')){!!'has-error'!!} @endif">
				<label for="programa_id">Programa <span class="glyphicon glyphicon-asterisk text-danger" style="font-size:9px;"></span></label>
				{!! Form::select('programa_id',$programas_select, NULL, $attributes =  array('class' => 'form-control','id'=>'programa_id','required' => 'required'))!!}
				<div class="text-danger">
					@if($errors->has('programa'))   {!! $errors->first('programa') !!}    @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="Enviar" class="btn btn-success">
			</div>
			{!!form::close()!!}
		</div>
		<div class="tab-pane fade @if($tab=='pensum'){!!'in active'!!}@endif" id="pensum">
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-right">
					<button type="button" title="Agregar" data-toggle="modal" data-target="#Agregar" class="btn btn-primary btn-sm agregar"><i class="fa fa-plus"></i> Agregar Pensum</button>
				</div>
			</div>
			<br>
			@if(count($pensum)>0)
			<table id="tabla_pensum" class="table table-hover">
				<thead>
					<tr class="info">
						<th class="text-center">Año</th>
						<th>Descripción</th>
						<th>Programa</th>
						<th>Convenio</th>
						<th>Estado</th>
						<th class="text-center">Acciones</th>
					</tr>
				</thead>
				<tbody>
					@foreach($pensum as $value)
					<tr>
						<td class="text-center">{!! $value->id!!} </td>
						<td>{!! $value->descripcion!!} </td>
						<td> </td>
						<td> </td>
						<td class="text-center">{!! ($value->activo) ? '<span class="label label-success">&nbsp;&nbsp;</span>' : '<span class="label label-danger">&nbsp;&nbsp;</span>' ; !!}</td>
						<td class="text-center">
							@if(!$value->activo)
							<a class="btn btn-warning btn-xs" title="Editar" href="{!! URL::to('datos/activarpensum',array('data_get' => Crypt::encrypt($value->id.'__'.$value->programa_id))) !!}"><i class="fa fa-check"></i></a>
							@endif
							<button type="button" title="Eliminar" data-toggle="modal" data-target="#Eliminar" value="{!!Crypt::encrypt($value)!!}" class="btn btn-danger btn-xs eliminar"><i class="fa fa-trash-o "></i></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 Pensum</h4>
						</div>
						<div class="modal-body">
							<form class="form-horizontal" role="form" method="post" action="{!!URL::to('datos/eliminarpensum')!!}">{!! 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">¿Usted confirma que desea eliminar el pensum seleccionado?</label>
										{!! Form::hidden('data_post' ,NULL ,array('id'=>'data_post'))!!}
									</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>
			@else
				<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-warning warning-msg centrado">No existe ningún pensum cargado</div>
					</div>
				</div>
			@endif
			<div class="modal fade bs-example-modal-sm ventanamodal" id="Agregar" 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">Agregar Pensum</h4>
		                </div>
		                <div class="modal-body">
		                	<div class="container-fluid">
			                    <form class="form-horizontal" role="form" method="post" action="{!!URL::to('datos/agregarpensum')!!}">{!! csrf_field() !!}
			                        <div class="form-group @if($errors->has('a&ntilde;o')){!!'has-error'!!} @endif">
										<label for="ano">Año</label>
										<div class="input-group date">
											{!! Form::text('ano', NULL , $attributes = array('class' => 'form-control', 'id'=>'ano','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 @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'=>'PENSUM 2018'))!!}
										<div class="text-danger">
											@if($errors->has('descripci&oacute;n'))   {!! $errors->first('descripci&oacute;n') !!}    @else {!! "&nbsp;" !!} @endif
										</div>
									</div>
									<div class="form-group @if($errors->has('programa pensum')){!!'has-error'!!} @endif">
										<label for="programa_id">Programa</label>
										{!! Form::select('programa_id',$programas_select, NULL, $attributes =  array('class' => 'form-control','id'=>'programa_id_2','required' => 'required'))!!}
										<div class="text-danger">
											@if($errors->has('programa pensum'))   {!! $errors->first('programa pensum') !!}    @else {!! "&nbsp;" !!} @endif
										</div>
									</div>
			                        <div class="modal-footer">
			                            <input type="submit" class="btn btn-success" value="Agregar" name="ok">
			                        </div>
			                    </form>
			                </div>
		                </div>
		            </div>
		        </div>
		    </div>
		</div>
	</div>
</div>

@stop

@section('postscript')
<!-- Incluyo Javascript de la libreria Datatable -->
{!! 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" language="javascript">
$(document).ready(function(){

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

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

});

$('.eliminar').click(function(){
	var parametro = $(this).val();
	$('#data_post').val(parametro);
});
</script>
@stop