@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=" form-group col-lg-4 col-lg-offset-2 col-md-4 col-md-offset-2 col-sm-12 col-xs-12">
	{!!Form::select('convenio_id',$convenios,NULL,array('class' => 'form-control','id' => 'convenio_id'))!!}
</div>
<div class=" form-group col-lg-4 col-md-4 col-sm-12 col-xs-12">
	{!!Form::select('estados',$estados,NULL,array('class' => 'form-control','id' => 'estados'))!!}
</div>
<div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
	<div class="table-responsive" id="tabla">
		@if(count($solicitudes)>0)
		<table id="tabla_requisitos" class="table table-hover">
			<thead>
				<tr class="info">
					<th class="text-center">ID</th>
					<th>Apellidos y Nombres</th>
					<th class="text-center">Programa</th>
					<th class="text-center">Localidad</th>
					<th class="text-center">Turno</th>
					<th class="text-center">Modalidad</th>
					<th class="text-center">Fecha de Solicitud</th>
					<th class="text-center">Detalles</th>
				</tr>
			</thead>
			<tbody>
				@foreach($solicitudes as $value)
				<tr>
					<td class="text-center">{!! $value->estudiante_id !!} </td>
					<td>{!! $value->apellidos.', '.$value->nombres !!} </td>
					<td> </td>
					<td>{!! $value->localidad->descripcion !!} </td>
					<td>{!! $value->turno->descripcion !!} </td>
					<td>{!! $value->modalidad->descripcion !!} </td>
					<td>{!! date_format(date_create($value->created_at),'d/m/Y h:i:s')  !!} </td>
					<td class="text-center">
						<a type="button" title="" href="{!!URL::to('admision/detallesolicitud',array('data_get' =>Crypt::encrypt($value->id)))!!}" class="btn btn-primary btn-xs"><i class="fa fa-search"></i></a>
					</td>
				</tr>
				@endforeach
			</tbody>
		</table>
		@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 hay solicitudes realizadas para &eacute;ste per&iacute;odo</div>
				</div>
			</div>
		@endif
	</div>
	<div class="row">
		<div class="text-center">
			<a type="button" target="_blank" href="{!!URL::to('admision/reportesolicitudes')!!}" class="btn btn-primary">Contador de Solicitudes</a>
			<a type="button" target="_blank" href="{!!URL::to('admision/listadoxlocalidad')!!}" class="btn btn-primary">Listado por Localidad</a>
		</div>
	</div>
</div>

@stop

@section('postscript')
<!-- 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_requisitos').dataTable();

	$('select').change(function() {
		var estado = $('#estados').val();
		var convenio_id = $('#convenio_id').val();

		$.ajax({
            type: "POST",
            url: "{!!URL::action('AdmisionController@postAjaxbuscarsolicitudes')!!}", 
            dataType: "json",
            data: {
                estado:estado,convenio_id:convenio_id
            },
            cache: false,
            beforeSend: function() {
                $('body').css('cursor','wait');
            },
            success: function(data)
            {   
                $('body').css('cursor','default');
           
                $('#tabla').html(data.tabla);
                $('#tabla_requisitos').dataTable();
            }
        });  
		
	});

});
</script>
@stop