@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_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
<ul class="nav nav-tabs nav-justified" role="tablist">
	<li class="@if($tab=='programas'){!!'active'!!}@endif" ><a href="#programas" data-toggle="tab"><span class="negrita">Programas</span></a></li>
	<li class="@if($tab=='crear programa'){!!'active'!!}@endif"><a href="#crear_programa" data-toggle="tab"><span class="negrita">Crear Programa</span></a></li>
</ul>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"">
	<div class="tab-content">
		<div class="tab-pane fade @if($tab=='programas'){!!'in active'!!}@endif" id="programas">
		@if(count($programas)>0)
			<div class="table-responsive">
				<table id="tabla_programas" class="table table-hover">
					<thead>
						<tr class="info">
							<th class="text-center">C&oacute;digo</th>
							<th>Descripci&oacute;n</th>
							<th class="text-center">Acciones</th>
						</tr>
					</thead>
					<tbody>
						@foreach($programas as $value)
						<tr>
							<td class="text-center">{!! $value->id!!} </td>
							<td>{!! $value->descripcion!!}</td>
							<td class="text-center">
								<a class="btn btn-warning btn-xs" href="{!! URL::to('datos/editarprograma',array('programa_id'=>Crypt::encrypt($value->id))) !!}">Editar</a>
								<button type="button" title="Eliminar" data-toggle="modal" data-target="#Eliminar" value="{!!Crypt::encrypt($value->id)!!}" class="btn btn-danger btn-xs eliminar">Eliminar</button>
							</td>
						</tr>
						@endforeach
					</tbody>
				</table>
			</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 Programa</h4>
						</div>
						<div class="modal-body">
							<form class="form-horizontal" role="form" method="post" action="{!!URL::to('datos/eliminarprograma')!!}">{!! 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">¿Confirma que desea eliminar el programa 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="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 existen programas cargados</div>
			</div>
		@endif
		</div>
		<div class="tab-pane fade @if($tab=='crear programa'){!!'in active'!!}@endif " id="crear_programa">
			{!! Form::open(array('url'=>'datos/guardarprograma','class'=>'formulario'))!!}{!! csrf_field() !!}
			<div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12 @if($errors->has('descripci&oacute;n')){!!'has-error'!!} @endif">
				<label for="descripcion">Descripci&oacute;n <span class="glyphicon glyphicon-asterisk text-danger" style="font-size:9px;"></span></label>
				{!! Form::text('descripcion',NULL, $attributes =  array('class' => 'form-control mayuscula','id'=>'descripcion','maxlength' => 255))!!}
				<div class="text-danger">
					@if($errors->has('descripci&oacute;n'))   {!! $errors->first('descripci&oacute;n') !!}    @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('c&oacute;digo')){!!'has-error'!!} @endif">
				<label for="programa_id">C&oacute;digo <span class="glyphicon glyphicon-asterisk text-danger" style="font-size:9px;"></span></label>
				{!! Form::text('programa_id',NULL, $attributes =  array('class' => 'form-control mayuscula','id'=>'programa_id','maxlength' => 20))!!}
				<div class="text-danger">
					@if($errors->has('c&oacute;digo'))   {!! $errors->first('c&oacute;digo') !!}    @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">UC <span class="glyphicon glyphicon-asterisk text-danger" style="font-size:9px;"></span></label>
				{!! Form::text('uc',NULL, $attributes =  array('class' => 'form-control','id'=>'uc','maxlength' => 3,'onkeypress'=>'return soloNumeros(event)'))!!}
				<div class="text-danger">
					@if($errors->has('uc'))   {!! $errors->first('uc') !!}    @else {!! "&nbsp;" !!} @endif
				</div>
			</div>
			<div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12 @if($errors->has('nivel')){!!'has-error'!!} @endif">
				<label for="nivel_id">Nivel</label>
				{!! Form::select('nivel_id',$niveles, NULL , $attributes = array('class' => 'form-control', 'id'=>'nivel_id'))!!}
				<div class="text-danger">
					@if($errors->has('nivel'))   {!! $errors->first('nivel') !!}    @else {!! "&nbsp;" !!} @endif
				</div>
			</div>
			<div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
			  <div class="pre-scrollable">
			    <table class="table">
			      <thead>
			        <tr class="info">
			          <th width="5%">
			                <input type="checkbox" class="todos" id="seleccionarModulo"/>
			          </th>
			          <th>
			            <label class="checkbox-inline" for="seleccionarModulo">
			                <strong>Materias para Introductorio</strong>
			            </label>
			          </th>
			        </tr>
			      </thead>
			      <tbody>
			        @foreach($materias as $materia)
			          <tr>
			            <td>
			                <input type="checkbox" id="materia--{!!$materia->id !!}" name="materia--{!!$materia->id!!}"/>
			            </td>
			            <td>
			                <label class="checkbox-inline" for="materia--{!!$materia->id!!}">
			                    {!!$materia->id!!} - {!!$materia->descripcion!!}
			                </label>
			            </td>
			          </tr>
			        @endforeach
			      </tbody>
			    </table>
			  </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 Programa" class="btn btn-success">
			</div>
			{!!form::close()!!}
		</div>
	</div>
</div>
@stop

@section('postscript')

{!! Html::script('js/solonumeros.js') !!}
{!! Html::script('js/solonumerosypunto.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(){

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

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

	$(document).on("change","input[type='checkbox'].todos",function(){
	  var input = $(this);
	  input.parents("table").children("tbody").children("tr").each(function(){
	    $(this).children().first().find("input[type='checkbox']").prop("checked",(input.is(":checked") ? true : false));
	  });
	});

	$(document).on("change","input[type='checkbox']:not(.todos)",function(){
	  var todos = false;
	  $(this).parents("table").children("tbody").children("tr").each(function(){
	    if($(this).children().first().find("input[type='checkbox']").is(":checked")){
	      todos = true;
	    }else{
	      todos = false;
	      return false;
	    }
	  });
	  if(todos){
	    $(this).parents("table").children("thead").find("input[type='checkbox'].todos").prop("checked",true);
	  }else{
	    $(this).parents("table").children("thead").find("input[type='checkbox'].todos").prop("checked",false);
	  }
	});

});
</script>
@stop