@extends('layouts.admin-bloqueo-vista')

@section('titulo', 'Lista de entidades')

@section('css')
	<style type="text/css">
		th{cursor:pointer}
	</style>
@endsection

@section('botonera')
	<li class="form-group">
		@if(strstr(Auth::user()->permisos['entidades'], 'c') || Auth::user()->id == 1)
			<a href="{!! URL::to('/entidad/create') !!}" class="btn btn-primary">Agregar una nueva entidad</a>
		@endif
	</li>
	<li class="form-group">
		<a href="{!! URL::to('/admin') !!}" class="btn btn-warning btn-right">Salir</a>
	</li>
@endsection
@section('content')
	@include('alerts.request')
	
	<div class="row">
		{!! Form::model($filtro, ['url' => '/entidad', 'method' => 'GET']) !!}
		<div class="col-xs-2">
			<div class="form-group">
				{!! Form::label('codigo') !!}
				{!! Form::text('codigo', null, ['class' => 'form-control input-sm', 'placeholder' => 'filtrar por Código']) !!}
			</div>
		</div>
		<div class="col-xs-3">
			<div class="form-group">
				{!! Form::label('nombre') !!}
				{!! Form::text('nombre', null, ['class' => 'form-control input-sm', 'placeholder' => 'filtrar por Nombre']) !!}
			</div>
		</div>
		<div class="col-xs-3">
			<div class="form-group">
				{!! Form::label('nit') !!}
				{!! Form::text('nit', null, ['class' => 'form-control input-sm', 'placeholder' => 'filtrar por NIT']) !!}
			</div>
		</div>
		                                                                                                                                                                                                       
		<div class="col-xs-3">
			<div class="form-group">
				{!! Form::label('cod_mins') !!}
				{!! Form::text('cod_mins', null, ['class' => 'form-control input-sm', 'placeholder' => 'filtrar por Codigo MINS']) !!}
			</div>
		</div><br>
		<div class="col-xs-1">
			<div class="form-group">
				<button type="submit" class="btn btn-success">Filtrar</button>
			</div>
		</div>
		<div class="col-xs-11">
			@include('pagination.default', ['paginator' => $entidades])
		</div>
		{!! Form::close() !!}
	</div>

	<div class="row">
		<div class="col-xs-12">
			@if (count($entidades))
				<div class="table-responsive">
					<table id='tabla-entidades' class="table table-striped table-bordered table-hover table-condensed">
						@include('formularios.ajax-lista-entidades')
					</table>
				</div>
			@else
				<p>Ningún resultado encontrado.</p>
			@endif
		</div>
	</div>
@endsection
@section('scripts')
	<script type="text/javascript">
		$(document).ready(function(){
			// Ordenar la tabla de resultados
			var entidades = {!! json_encode($entidades->items()) !!};
			var ordenActual = { 
				'codigo': false,
				'nombre': true,
				'nit': true,
				'cod_mins': true,
			};

			var sort_by = function(field, reverse, primer){
			   var key = primer ? 
			       function(x) {return primer(x[field])} : 
			       function(x) {return x[field]};

			   reverse = !reverse ? 1 : -1;

			   return function (a, b) {
			       return a = key(a), b = key(b), reverse * ((a > b) - (b > a));
			     } 
			}

			$('th').click(function () {
				var campo = $(this).attr('id');
				ordenActual[campo] = ordenActual[campo] ? false : true;

				// Cambiar la dirección de la flecha
				$('.glyphicon').removeClass('glyphicon-chevron-down glyphicon-chevron-up');
				$('th#' + campo + '>span').addClass('glyphicon-chevron-' + (ordenActual[campo] ? 'up' : 'down'));

				entidades = entidades.sort(sort_by(campo, ordenActual[campo], function(a){return a.toUpperCase()}))
				
				$('tbody').html('');

				entidades.map(function (item) {
					var tr = $('<tr/>');
					var deletedAndUpdateLink = $('<form/>', {
						method: 'POST',
						action: 'http://127.0.0.1:8080/clinica/public/entidad/' + item.id_entidad,
						'accept-charset': "UTF-8"
					});

					deletedAndUpdateLink.append($('<input/>', {
						name: "_method",
						type: "hidden",
						value: "DELETE"
					}));

					deletedAndUpdateLink.append($('<input/>', {
						name: "_token",
						type: "hidden",
						value: "{{ csrf_token() }}"
					}));

					deletedAndUpdateLink.append($('<a/>', {
						href: "http://127.0.0.1:8080/clinica/public/entidad/" + item.id_entidad + "/edit",
						class: "btn btn-primary btn-xs",
						html: "Editar",
						style: "margin-right: 4px;"
					}));

					deletedAndUpdateLink.append($('<input/>', {
						class: "btn btn-danger btn-xs",
						type: "submit",
						value: "Inhabilitar"
					}));

					tr.append($('<td/>').html(item.codigo));
					tr.append($('<td/>').html(item.nombre));
					tr.append($('<td/>').html(item.nit));
					tr.append($('<td/>').html(item.cod_mins));
					tr.append($('<td/>').html(deletedAndUpdateLink));

					$('tbody').append(tr);
				});
			});


			@include('componentes.script-mostrar-modal-request');
		});
	</script>
@endsection