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

@section('titulo', 'Consultas')

@section('css')
	{!! Html::style('css/inscripcion-seguimiento.css') !!}
@endsection

@section('botonera')
	<li class="form-group">
		<a href="{!! URL::to('admin') !!}" class="btn btn-warning btn-right">Salir</a>
	</li>
@endsection

@section('content-extra')
	<div class="row bg-info content-extra">
		<div class="container">
			@if (isset($paciente))
				{!! Form::model($paciente, ['class' => 'form-horizontal', 'url' => '/consultas', 'method' => 'POST']) !!}
			@else
				{!! Form::open(['class' => 'form-horizontal', 'url' => '/consultas', 'method' => 'POST']) !!}
			@endif
				<div class="row">
					<div id="div-documento">
						{!! Form::label('documento', 'Documento:', ['class' => 'col-sm-1 control-label input-sm']) !!}
						<div class="col-sm-2">
							{!! Form::text('documento', null, ['class' => 'form-control input-sm']) !!}
						</div>
					</div>

					{!! Form::label('id', 'Paciente:', ['class' => 'col-sm-1 col-sm-1-original control-label input-sm']) !!}
					<div class="col-sm-3">
						{!! Form::select('id', $pacientes, null, ['class' => 'form-control input-sm']) !!}
					</div>

					<div class="col-sm-2">
						{!! Form::submit('Buscar', ['class' => 'btn btn-success btn-sm']) !!}
					</div>
				</div>
				<hr class="compacto">
				<div class="row">
					{!! Form::label('nacimiento', 'Fecha de Nacimiento:', ['class' => 'col-sm-1 control-label input-sm']) !!}
					<div class="col-sm-2">
						{!! Form::text('nacimiento', null, ['class' => 'form-control input-sm', 'readonly']) !!}
					</div>

					{!! Form::label('tipo_usuario', 'Tipo Usuario:', ['class' => 'col-sm-1 col-sm-1-original control-label input-sm']) !!}
					<div class="col-sm-2">
						{!! Form::select('tipo_usuario', [
							'' => '',
							'co' => 'Contributivo',
							'su' => 'Subsidiado',
							'vi' => 'Vinculado',
							'pa' => 'Particular',
							'ot' => 'Otro',
							'dc' => 'Desplazado Contributivo',
							'ds' => 'Desplazado Subsidiado',
							'dv' => 'Desplazado Vinculado'
						], null, ['class' => 'form-control input-sm', 'readonly', 'disabled']) !!}
					</div>

					{!! Form::label('estado_civil', 'Estado Civil:', ['class' => 'col-sm-1 col-sm-1-original control-label input-sm']) !!}
						<div class="col-sm-2">
							{!! Form::select('estado_civil', [
								'' => '',
								'so' => 'Soltero',
								'ca' => 'Casado',
								'vi' => 'Viudo',
								'se' => 'Separado',
								'un' => 'Union Libre',
								'ot' => 'Otro'
							], null, ['class' => 'form-control input-sm', 'readonly', 'disabled']) !!}
						</div>

					{!! Form::label('sexo', 'Sexo:', ['class' => 'col-sm-1 control-label input-sm col-sm-1-reducido']) !!}
						<div class="col-sm-2">
							{!! Form::select('sexo', [
								'' => '',
								'm' => 'Masculino',
								'f' => 'Femenino',
								'i' => 'Indeterminado'
							], null, ['class' => 'form-control input-sm', 'readonly']) !!}
						</div>

					{!! Form::label('ocupacion', 'Ocupación:', ['class' => 'col-sm-1 control-label input-sm']) !!}
						<div class="col-sm-2">
							{!! Form::text('ocupacion', null, ['class' => 'form-control input-sm', 'readonly']) !!}
						</div>
					{!! Form::label('direccion', 'Dirección:', ['class' => 'col-sm-1 col-sm-1-original control-label input-sm']) !!}
					<div class="col-sm-2">
						{!! Form::text('direccion', null, ['class' => 'form-control input-sm', 'readonly']) !!}
					</div>

					{!! Form::label('telefono_1', 'Tel 1:', ['class' => 'col-sm-1 col-sm-1-original control-label input-sm']) !!}
					<div class="col-sm-2">
						{!! Form::text('telefono_1', null, ['class' => 'form-control input-sm', 'readonly']) !!}
					</div>

					{!! Form::label('telefono_2', 'Tel 2:', ['class' => 'col-sm-1 col-sm-1-original col-sm-1-reducido control-label input-sm']) !!}
					<div class="col-sm-2">
						{!! Form::text('telefono_2', null, ['class' => 'form-control input-sm', 'readonly']) !!}
					</div>

					{!! Form::label('sisben', 'Sisben:', ['class' => 'col-sm-1 control-label input-sm']) !!}
					<div class="col-sm-2">
						{!! Form::text('sisben', null, ['class' => 'form-control input-sm', 'readonly']) !!}
					</div>

					{!! Form::label('edad_actual', 'Edad actual:', ['class' => 'col-sm-1 col-sm-1-original control-label input-sm']) !!}
					<div class="col-sm-3">
						{!! Form::text('edad_actual', null, ['class' => 'form-control input-sm', 'readonly']) !!}
					</div>

				</div>
			{!! Form::close() !!}
		</div>
	</div>
@endsection

@section('content')
	@include('alerts.request')

	@if (isset($movimientos))
		<div id='row-respuesta' class="row">
			@if (count($movimientos))
				<table class="table table-bordered table-condensed table-hover">
					<thead>
						<th>Tipo</th>
						<th>Fecha / Hora (24h)</th>
						<th>Programa</th>
						<th>Responsable</th>
						<th>Operaciones</th>
					</thead>
					<tbody>
						@foreach($movimientos as $movimiento)
							<tr class="
								@if($movimiento['deleted_at'])
									bg-danger
								@elseif($movimiento['tipo'] == 'Seguimiento')
									bg-success
								@elseif($movimiento['tipo'] == 'Inscripción')
									bg-info
								@endif
							">
								<td>
									{{ $movimiento['tipo'] }}
									@if($movimiento['deleted_at'] && $movimiento['tipo'] == 'Inscripción')
										(inactiva)
									@elseif($movimiento['tipo'] == 'Inscripción')
										(activa)
									@endif
								</td>
								<td>{{ $movimiento['fecha_hora'] }}</td>
								<td>{{ $movimiento['programa'] }}</td>
								<td>{{ $movimiento['responsable'] }}</td>
								<td>
									@if ($movimiento['tipo'] == 'Inscripción')
										{!! link_to('/mostrar-pdf-inscripcion/'.$movimiento['movimientoId'],
											$title = 'Imprimir',
											$attributes = ['class' => 'btn btn-success btn-xs', 'target' => '_blank']) !!}
									@elseif($movimiento['tipo'] == 'Seguimiento')
										{!! link_to('/mostrar-pdf/'.$movimiento['programaId'].'/'.$movimiento['movimientoId'],
											$title = 'Imprimir',
											$attributes = ['class' => 'btn btn-success btn-xs', 'target' => '_blank']) !!}
	{{-- Modal impresion Medicamentos --}}
	@if ($movimiento['cantidadDeMedicamentos'])
		<a data-toggle="modal" data-target="#modal_medicamentosImpresion_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}" class="btn btn-success btn-xs">Imp Med</a>

		<div id="modal_medicamentosImpresion_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
			<div class="modal-dialog modal-lg" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="myModalLabel">Impresion de Medicamentos</h4>
					</div>
					<div class="modal-body">
						<div class="form-group form-group-sm">
							<hr>

								<div id="div_table_medicamentos_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}" class="col xs 12 ">
									<table class="table table-striped table-bordered table-hover table-condensed">
										<thead>
											<tr>
												<th>Imp</th>
												<th>CUM</th>
												<th>COD</th>
												<th>Nombre</th>
												<th>Cantidad</th>
												<th>Posología</th>
												<th>Duración</th>
											</tr>
										</thead>
										<tbody id="tbody_medicamentos_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}">
											
										@foreach ($movimiento['medicamentos'] as $medicamento)
														<tr><td><input type='checkbox' name='{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}checkboxvarm[]' id='checkboxvarm_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}' onchange="cargaDatosM({{$movimiento['movimientoId']}},{{$movimiento['programaId']}})" value={{ $medicamento->cod }} checked="checked"></input></td>
															<td>{{ $medicamento->cum }}</td>
															<td>{{ $medicamento->cod }}</td>
															<td>{{ $medicamento->nombre }}</td>
															<td>{{ $medicamento->cantidad }}</td>
															<td>{{ $medicamento->posologia }}</td>
															<td>{{ $medicamento->duracion_tto }}</td>
														</tr>
																								@endforeach
										</tbody>
									</table>
								</div>
						</div>
						<div class="modal-footer">
						<form method="get" action="{{url('/mostrar-pdf-medicamentos')}}" target="_blank" id="form_medicamentos_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}">
							<input type="hidden" name="programaId" id="programaId_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}" value="{{$movimiento['programaId']}}">
							<input type="hidden" name="formularioId" id="formularioId_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}" value="{{$movimiento['movimientoId']}}">
							<input type="hidden" name="medSelec" id="medSelec_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}" value="{{$valoresm}}">
							<button id="btnMed_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}" type="submit" class="btn btn-success btn-xs">Imprimir</button>
								<script>
								function cargaDatosM(movimiento,programa){
									var btn = document.getElementById("btnMed_"+movimiento+"_"+programa);
									var selected = new Array();
									var chk_arr =  document.getElementsByName(movimiento+"_"+programa+"checkboxvarm[]");
									var chklength = chk_arr.length ;
									for(k=0;k< chklength;k++)
									{
										if(chk_arr[k].checked){
											selected.push(chk_arr[k].value);
										}
									}
									if(selected.length<1){
										btn.setAttribute("disabled", "disabled");
									}else{
										// selected.forEach(function(element) {
										// 		console.log(element);
										// });
										document.getElementById("medSelec_"+movimiento+"_"+programa).value = selected.join();
										btn.removeAttribute("disabled");
									}
								}
							</script>
							<button type="button" class="btn btn-danger btn-xs" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">Cancelar</span></button>
							<p id="yamid"></p>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
		{{-- {!! link_to_action(
			'SeguimientoController@mostrarPdfmedicamentos',
			$title = 'Imp Proc',
			$parameters = [$movimiento['programaId'],  $movimiento['movimientoId']],
			$attributes = ['class' => 'btn btn-success btn-xs', 'target' => "_blank"]
		) !!} --}}
		@else
			<a data-toggle="modal" data-target="#modal-no-contiene-medicamentos" class="btn btn-warning btn-xs">Imp Med</a>
		@endif
		{{-- Modal impresion procedimientos --}}
										@if ($movimiento['cantidadDeProcedimientos'])
											<a data-toggle="modal" data-target="#modal_procedimientosImpresion_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}" class="btn btn-success btn-xs">Imp Proc</a>

											<div id="modal_procedimientosImpresion_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
												<div class="modal-dialog modal-lg" role="document">
													<div class="modal-content">
														<div class="modal-header">
															<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
															<h4 class="modal-title" id="myModalLabel">Impresion de Procedimientos</h4>
														</div>
														<div class="modal-body">
															<div class="form-group form-group-sm">
																<hr>

																	<div id="div_table_procedimientos_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}" class="col xs 12 ">
																		<table class="table table-striped table-bordered table-hover table-condensed">
																			<thead>
																				<tr>
																					<th>Imprimir</th>
																					<th>CUPS</th>
																					<th>Nombre</th>
																					<th>Cantidad</th>
																					<th>Observaciones</th>
																				</tr>
																			</thead>
																			<tbody id="tbody_procedimientos_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}">
																				
																			@foreach ($movimiento['procedimientos'] as $procedimiento)
																              <tr><td><input type='checkbox' name='{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}checkboxvar[]' id='checkboxvar_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}' onchange="cargaDatos({{$movimiento['movimientoId']}},{{$movimiento['programaId']}})" value={{ $procedimiento->id }} checked="checked"></input></td>
																                <td>{{ $procedimiento->cups }}</td>
																                <td>{{ $procedimiento->nombre }}</td>
																                <td>{{ $procedimiento->cantidad }}</td>
																                <td>{{ $procedimiento->observaciones }}</td>
																              </tr>
																																				            @endforeach
													            </tbody>
																		</table>
																	</div>
															</div>
															<div class="modal-footer">
															<form method="get" action="{{url('/mostrar-pdf-procedimientos')}}" target="_blank" id="form_remisiones_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}">
    														<input type="hidden" name="programaId" id="programaId_{{$movimiento['movimientoId']}}" value="{{$movimiento['programaId']}}">
																<input type="hidden" name="formularioId" id="formularioId_{{$movimiento['movimientoId']}}" value="{{$movimiento['movimientoId']}}">
																<input type="hidden" name="prodSelec" id="prodSelec_{{$movimiento['movimientoId']}}" value="{{$valoresp}}">
																<button id="btnProc_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}" type="submit" class="btn btn-success btn-xs">Imprimir</button>
																	<!-- {!! link_to_action(
																		'SeguimientoController@mostrarPdfProcedimientos',
																		$title = 'Imp Proc',
																		$parameters = [$movimiento['programaId'],  $movimiento['movimientoId']],
																		$attributes = ['class' => 'btn btn-success btn-xs', 'target' => "_blank"]
																	) !!} -->
																	<script>
																	function cargaDatos(movimiento,programa){
																		var btn = document.getElementById("btnProc_"+movimiento+"_"+programa);
																		var selected = new Array();
																		var chk_arr =  document.getElementsByName(movimiento+"_"+programa+"checkboxvar[]");
																		var chklength = chk_arr.length ;
																		for(k=0;k< chklength;k++)
																		{
																			if(chk_arr[k].checked){
																				selected.push(chk_arr[k].value);
																			}
																		}
																		if(selected.length<1){
																			btn.setAttribute("disabled", "disabled");
																		}else{
																			// selected.forEach(function(element) {
  																		// 		console.log(element);
																			// });
																			document.getElementById("prodSelec_"+movimiento).value = selected.join();
																			btn.removeAttribute("disabled");
																		}
																	}
																</script>
																<button type="button" class="btn btn-danger btn-xs" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">Cancelar</span></button>
																<p id="yamid"></p>
																</form>
															</div>
														</div>
													</div>
												</div>
											</div>
											{{-- {!! link_to_action(
												'SeguimientoController@mostrarPdfProcedimientos',
												$title = 'Imp Proc',
												$parameters = [$movimiento['programaId'],  $movimiento['movimientoId']],
												$attributes = ['class' => 'btn btn-success btn-xs', 'target' => "_blank"]
											) !!} --}}
											@else
												<a data-toggle="modal" data-target="#modal-no-contiene-procedimientos" class="btn btn-warning btn-xs">Imp Proc</a>
											@endif
      <!-- Remisiiones  -->
											@if ($movimiento['cantidadDeRemisiones'])
												<a data-toggle="modal" data-target="#modal_remisionesImpresion_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}" class="btn btn-success btn-xs">Imp Rem</a>
												{{-- Modal impresion remisiones --}}
												<div id="modal_remisionesImpresion_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
													<div class="modal-dialog modal-lg" role="document">

														<div class="modal-content">
															<div class="modal-header">
																<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
																<h4 class="modal-title" id="myModalLabel">Impresion de Remisiones</h4>
															</div>
															<div class="modal-body">
																<div class="form-group form-group-sm">
																	<hr>
																		<div id="div_table_remisiones_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}" class="col xs 12 ">
																			<table class="table table-striped table-bordered table-hover table-condensed">
																				<thead>
																					<tr>
																						<th>Imprimir</th>
																						<th>Tipo</th>
																						<th>Destino</th>
																						<th>Especialidad</th>
																						<th>Servicio</th>
																						<th>Ordenamiento</th>
																					</tr>
																				</thead>
																				<tbody id="tbody_remisiones_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}">
																																									@foreach ($movimiento['remisiones'] as $remision)
																	              <tr><td><input type='checkbox' name='{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}checkboxvarR[]' id='checkboxvarR_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}' onchange="cargaDatosR({{$movimiento['movimientoId']}},{{$movimiento['programaId']}})" value={{ $remision->id }} checked="checked"></input></td>
																									<td>{{ $remision->tipo }}</td>
																	                <td>{{ $remision->destino }}</td>
																	                <td>{{ $remision->especialidad }}</td>
																	                <td>{{ $remision->servicio }}</td>
																									<td>{{ $remision->ordenamiento }}</td>
																	              </tr>
																																						            @endforeach
														            </tbody>
																			</table>
																		</div>
																</div>
																<div class="modal-footer">
																<form method="get" action="{{url('/mostrar-pdf-remisiones')}}" target="_blank" id="form_remisiones_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}">
	    														<input type="hidden" name="programaId" id="programaId_{{$movimiento['movimientoId']}}" value="{{$movimiento['programaId']}}">
																	<input type="hidden" name="formularioId" id="formularioId_{{$movimiento['movimientoId']}}" value="{{$movimiento['movimientoId']}}">
																	<input type="hidden" name="remiSelec" id="remiSelec_{{$movimiento['movimientoId']}}" value="{{$valoresr}}">
																	<button id="btnRemi_{{$movimiento['movimientoId']}}_{{$movimiento['programaId']}}" type="submit" class="btn btn-success btn-xs">Imprimir</button>
																		<script>
																		function cargaDatosR(movimiento,programa){
																			var btn = document.getElementById("btnRemi_"+movimiento+"_"+programa);
																			var selected = new Array();
																			var chk_arr =  document.getElementsByName(movimiento+"_"+programa+"checkboxvarR[]");
																			var chklength = chk_arr.length;
																		//	console.log("a"+chk_arr);
																			for(k=0;k< chklength;k++)
																			{
																				if(chk_arr[k].checked){
																					selected.push(chk_arr[k].value);
																				}
																			}
																		//	console.log("b"+selected.length);
																			if(selected.length<1){
																				btn.setAttribute("disabled", "disabled");
																			}else{
																				// selected.forEach(function(element) {
	  																		// 		console.log(element);
																				// });
																				document.getElementById("remiSelec_"+movimiento).value = selected.join();
																				btn.removeAttribute("disabled");
																			}
																		}
																	</script>
																	<button type="button" class="btn btn-danger btn-xs" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">Cancelar</span></button>
																	<p id="yamid"></p>
																	</form>
																</div>
															</div>
														</div>
													</div>
												</div>
												{{-- {!! link_to_action(
													'SeguimientoController@mostrarPdfProcedimientos',
													$title = 'Imp Proc',
													$parameters = [$movimiento['programaId'],  $movimiento['movimientoId']],
													$attributes = ['class' => 'btn btn-success btn-xs', 'target' => "_blank"]
												) !!} --}}
												@else
													<a data-toggle="modal" data-target="#modal-no-contiene-remisiones" class="btn btn-warning btn-xs">Imp Remi</a>
												@endif
									@endif
								</td>
							</tr>
						@endforeach
					</tbody>
				</table>
			@else
				<p>El paciente no se encuentra asociado a ningún formulario de inscripción o de seguimiento.</p>
			@endif
		</div>
	@endif

	<div id="modal-no-contiene-medicamentos" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog modal-sm" role="document">
	    <div class="modal-content">
	        <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	            <h4 class="modal-title" id="myModalLabel">Advertencia</h4>
	        </div>
	        <div class="modal-body">
	            Formulario sin prescripción de medicamentos.
	        </div>
	        <div class="modal-footer">
	            <button type="button" class="btn btn-default" data-dismiss="modal">Continuar</button>
	        </div>
	    </div>
	  </div>
	</div>

	<div id="modal-no-contiene-procedimientos" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog modal-sm" role="document">
	    <div class="modal-content">
	        <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	            <h4 class="modal-title" id="myModalLabel">Advertencia</h4>
	        </div>
	        <div class="modal-body">
	            Formulario sin prescripción de apoyo diagnóstico.
	        </div>
	        <div class="modal-footer">
	            <button type="button" class="btn btn-default" data-dismiss="modal">Continuar</button>
	        </div>
	    </div>
	  </div>
	</div>

@endsection

@section('scripts')
	<script type="text/javascript">
		$(document).ready(function(){
			@include('componentes.script-mostrar-modal-request')

			// Actualizar el input type text documento al seleccionar un paciente del select
			$('#id').change(function(){
				$('#documento').val($(this).val() != 0 ? $(this).val():'');
				limpiarFormulario();
			});

			// Actualizar el select al ingresar un documento en el input type text
			$('#documento').keyup(function(){
				if ($('option[value=' + $(this).val() + ']').length) {
					$('#id').val($(this).val());
				} else {
					$('#id').val(0);
				}
				limpiarFormulario();
			});

			function limpiarFormulario() {
				$(':text[readonly], select[readonly]').val('');
				$('#row-respuesta').html('');
			}
		});
	</script>
@endsection