@extends('layouts.master')

@section('css')
{!! Html::style('css/jquery_ui.css')!!}
{!! Html::style('css/datatable/dataTables.bootstrap.css')!!}
@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=='materias'){!!'active'!!}@endif" ><a href="#materias" data-toggle="tab"><span class="negrita">Materias</span></a></li>
		<li class="@if($tab=='crear materias'){!!'active'!!}@endif"><a href="#crear_materias" data-toggle="tab"><span class="negrita">Añadir Materia</span></a></li></ul>
	<div class="tab-content">
		<div class="tab-pane fade @if($tab=='materias'){!!'in active'!!}@endif" id="materias">
			<table id="tabla_materias" class="table table-hover">
				<thead>
					<tr class="info">
						<th class="text-center">Periodo</th>
						<th class="text-center">Código</th>
						<th>Descripción</th>
						<th class="text-center">Acciones</th>
					</tr>
				</thead>
				<tbody>
					@foreach($materias as $value)
					<tr>
						<td class="text-center">{!! $value->periodo !!} </td>
						<td class="text-center">{!! $value->materia_id !!} </td>
						<td></td>
						<td class="text-center">
							<a class="btn btn-warning btn-xs" title="Editar" href="{!! URL::to('datos/editarpensumprograma',array('pensum_id' => Crypt::encrypt($value->pensum_id),'programa_id' => Crypt::encrypt($value->programa_id),'materia_id' => Crypt::encrypt($value->materia_id))) !!}"><i class="fa fa-pencil"></i></a>
							<button type="button" title="Eliminar" data-toggle="modal" data-target="#Eliminar" value="{!!Crypt::encrypt($value->materia_id)!!}" class="btn btn-danger btn-xs eliminar"><i class="fa fa-trash-o "></i></button>
						</td>
					</tr>
					@endforeach
				</tbody>
			</table>
			<div class="row text-center">
				<a class="btn btn-info" href="{!! URL::to('datos/imprimirpensum',array('pensum_id' => Crypt::encrypt($pensum_id),'programa_id' => Crypt::encrypt($programa_id))) !!}" target="_blank">Imprimir</a>
			</div>
			<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 Materia</h4>
						</div>
						<div class="modal-body">
							<form class="form-horizontal" role="form" method="post" action="{!!URL::to('datos/eliminarpensumprograma')!!}">{!! 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 excluir la materia del pensum actual?</label>
										{!! Form::hidden('pensum_id',$pensum_id)!!}
										{!! Form::hidden('programa_id',$programa_id)!!}
										{!! 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>
		</div>
		<div class="tab-pane fade @if($tab=='crear materias'){!!'in active'!!}@endif " id="crear_materias">
			{!! Form::open(array('url'=>'datos/guardarpensumprograma','class'=>'formulario'))!!}{!! csrf_field() !!}
			{!! Form::hidden('pensum_id',$pensum_id)!!}
			{!! Form::hidden('programa_id',$programa_id)!!}
			<div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 @if($errors->has('c&oacute;digo')){!!'has-error'!!} @endif">
				<label for="materia_id">Materia <span class="glyphicon glyphicon-asterisk text-danger" style="font-size:9px;"></span></label>
				{!! Form::text('materia_id',NULL, $attributes =  array('class' => 'form-control mayuscula','id'=>'materia_id','placeholder'=>'AI10PR'))!!}
				<div class="text-danger">
					@if($errors->has('c&oacute;digo'))   {!! $errors->first('c&oacute;digo') !!}    @else {!! "&nbsp;" !!} @endif
				</div>
			</div>
			<div class="clearfix"></div>
			<div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 @if($errors->has('orden')){!!'has-error'!!} @endif">
				<label for="orden">Orden <span class="glyphicon glyphicon-asterisk text-danger" style="font-size:9px;"></span></label>
				{!! Form::text('orden',NULL, $attributes =  array('class' => 'form-control','id'=>'orden','maxlength' => 2,'placeholder'=>'1','onkeypress'=>'return soloNumeros(event)'))!!}
				<div class="text-danger">
					@if($errors->has('orden'))   {!! $errors->first('orden') !!}    @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')){!!'has-error'!!} @endif">
				<label for="periodo">Per&iacute;odo <span class="glyphicon glyphicon-asterisk text-danger" style="font-size:9px;"></span></label>
				{!! Form::text('periodo',NULL, $attributes =  array('class' => 'form-control','id'=>'periodo','maxlength' => 2,'placeholder'=>'2','onkeypress'=>'return soloNumeros(event)'))!!}
				<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('uc')){!!'has-error'!!} @endif">
				<label for="uc">Prelaci&oacute;n UC</label>
				{!! Form::text('uc',0, $attributes =  array('class' => 'form-control','id'=>'uc','maxlength' => 2,'placeholder'=>'0','onkeypress'=>'return soloNumeros(event)'))!!}
				<div class="text-danger">
					@if($errors->has('uc'))   {!! $errors->first('uc') !!}    @else {!! "&nbsp;" !!} @endif
				</div>
			</div>
			<div class="clearfix"></div>
			<h5 class="text-center negrita">Prelaciones</h5>
			<div class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12 @if($errors->has('prelaci&oacute;n 1')){!!'has-error'!!} @endif">
				{!! Form::text('prel1',NULL, $attributes =  array('class' => 'form-control mayuscula','id'=>'prel1','placeholder'=>'Prelación 1','maxlength' => 20))!!}
				<div class="text-danger">
					@if($errors->has('prelaci&oacute;n 1'))   {!! $errors->first('prelaci&oacute;n 1') !!}    @else {!! "&nbsp;" !!} @endif
				</div>
			</div>
			<div class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12 @if($errors->has('prelaci&oacute;n 2')){!!'has-error'!!} @endif">
				{!! Form::text('prel2',NULL, $attributes =  array('class' => 'form-control mayuscula','id'=>'prel2','placeholder'=>'Prelación 2','maxlength' => 20))!!}
				<div class="text-danger">
					@if($errors->has('prelaci&oacute;n 2'))   {!! $errors->first('prelaci&oacute;n 2') !!}    @else {!! "&nbsp;" !!} @endif
				</div>
			</div>
			<div class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12 @if($errors->has('prelaci&oacute;n 3')){!!'has-error'!!} @endif">
				{!! Form::text('prel3',NULL, $attributes =  array('class' => 'form-control mayuscula','id'=>'prel3','placeholder'=>'Prelación 3','maxlength' => 20))!!}
				<div class="text-danger">
					@if($errors->has('prelaci&oacute;n 3'))   {!! $errors->first('prelaci&oacute;n 3') !!}    @else {!! "&nbsp;" !!} @endif
				</div>
			</div>
			<div class="form-group col-lg-3 col-md-3 col-sm-12 col-xs-12 @if($errors->has('prelaci&oacute;n 4')){!!'has-error'!!} @endif">
				{!! Form::text('prel4',NULL, $attributes =  array('class' => 'form-control mayuscula','id'=>'prel4','placeholder'=>'Prelación 4','maxlength' => 20))!!}
				<div class="text-danger">
					@if($errors->has('prelaci&oacute;n 4'))   {!! $errors->first('prelaci&oacute;n 4') !!}    @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="Añadir Materia" class="btn btn-success">
			</div>
			{!!form::close()!!}
		</div>	
	</div>
</div>
@stop

@section('postscript')

{!! Html::script('js/solonumeros.js') !!}
<!-- Incluyo Javascript de la libreria Datatable -->
{!! Html::script('js/jquery_ui.js') !!}
{!! Html::script('js/datatable/jquery.dataTables.js') !!}
{!! Html::script('js/datatable/dataTables.bootstrap.js') !!}

<script type="text/javascript" language="javascript">
$(document).ready(function(){

	var availableTags=new Array({!! $arreglo !!});
        $("#materia_id").autocomplete({
            source: availableTags
        });

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

});

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