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

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

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

@section('botonera')
	<li class="form-group">
		@if(strstr(Auth::user()->permisos['remisiones'], 'c') || Auth::user()->id == 1)
			<a href="{!! URL::to('/remision/create') !!}" class="btn btn-primary">Agregar un nuevo remision</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' => '/remision', 'method' => 'GET']) !!}
		<div class="col-xs-2">
			<div class="form-group">
				{!! Form::label('cups') !!}
				{!! Form::text('cups', null, ['class' => 'form-control input-sm', 'placeholder' => 'filtrar por CUPS']) !!}
			</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('valor') !!}
				{!! Form::text('valor', null, ['class' => 'form-control input-sm', 'placeholder' => 'filtrar por Valor']) !!}
			</div>
		</div>

		<div class="col-xs-3">
			<div class="form-group">
				{!! Form::label('sexo') !!}
				{!! Form::text('sexo', null, ['class' => 'form-control input-sm', 'placeholder' => 'filtrar por Sexo']) !!}
			</div>
		</div>
		<div class="col-xs-3">
			<div class="form-group">
				{!! Form::label('edad_inicial') !!}
				{!! Form::text('edad_inicial', null, ['class' => 'form-control input-sm', 'placeholder' => 'filtrar por Edad inicial']) !!}
			</div>
		</div>
		<div class="col-xs-3">
			<div class="form-group">
				{!! Form::label('edad_final') !!}
				{!! Form::text('edad_final', null, ['class' => 'form-control input-sm', 'placeholder' => 'filtrar por Edad Final']) !!}
			</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' => $remisiones])
		</div>
		{!! Form::close() !!}
	</div>

	<div class="row">
		<div class="col-xs-12">
			@if (count($remisiones))
				<div class="table-responsive">
					<table id='tabla-remisiones' class="table table-striped table-bordered table-hover table-condensed">
						@include('formularios.ajax-lista-remisiones')
					</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 remisiones = {!! json_encode($remisiones->items()) !!};
			var ordenActual = {
				'cups': false,
				'nombre': true,
				'valor': true,
				'sexo': true,
				'edad_inicial': true,
				'edad_final': 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'));

				remisiones = remisiones.sort(sort_by(campo, ordenActual[campo], function(a){
					if(campo == 'valor'){
						return a;
					}
					else{
					return a.toUpperCase()};}))

				$('tbody').html('');

				remisiones.map(function (item) {
					var tr = $('<tr/>');
					var deletedAndUpdateLink = $('<form/>', {
						method: 'POST',
						action: 'http://127.0.0.1:8080/clinica/public/remision/' + item.id_remision,
						'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/remision/" + item.id_remision + "/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.cups));
					tr.append($('<td/>').html(item.nombre));
					tr.append($('<td/>').html(item.valor));
					tr.append($('<td/>').html(item.sexo));
					tr.append($('<td/>').html(item.edad_inicial));
					tr.append($('<td/>').html(item.edad_final));
					tr.append($('<td/>').html(deletedAndUpdateLink));

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


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