<?php $__env->startSection('titulo'); ?>
	Seguimiento - "<?php echo e($formularioNombre); ?>"</small>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('css'); ?>
	<?php echo Html::style('css/inscripcion-seguimiento.css'); ?>

	<?php echo Html::style('css/jquery.datetimepicker.min.css'); ?>


	<?php /* autocomplete */ ?>
	<?php echo Html::style('css/jquery-ui.theme.min.css'); ?>

	<?php echo Html::style('css/jquery-ui.structure.min.css'); ?>

	<style type="text/css">
		/*Alineación del botón ver lista de históricos a la derecha*/
		.right-button {
			float: right;
		}
		/* START Listado de historicos */
		.input-group.item-de-lista-historico {
			margin: 4px 0;
			cursor: pointer;
		}
		.input-group.item-de-lista-historico .form-control[readonly] {
			background-color: #fff;
			cursor: pointer;
			transition: 0.25s;
		}
		.input-group.item-de-lista-historico span {
			transition: 0.25s;
		}
		.input-group.item-de-lista-historico:hover .form-control[readonly] {
			background-color: #eee;
		}
		.input-group.item-de-lista-historico:hover span {
			background-color: #fff;
		}
		/* END Listado de historicos */
		#contenedor-azul{
			position: fixed;
			width: 100%;
			z-index: 1;
		}

		#contenedor-principal{
			margin-top: 130px;
		}

		/*Muestra los inputs mas cercanos verticalmente*/
		.formulario-horizontal div {
		    margin-bottom: 1px
		}

		.formulario-horizontal .control-label {
			font-weight: 100;
		}

		.formulario-horizontal input[type=text].form-control, .formulario-horizontal select.form-control, .formulario-horizontal input[type=number].form-control{
			height: 26px;
		}

		/*aumenta el magen en el encabezado de cada sección del formulario de seguimiento*/
		.list-group-item-heading {
			margin-bottom: 12px;
		}

		input[type=checkbox] {
			vertical-align: text-top;
			height: 21px;
			width: 21px;
			margin: 2px 0 0;
			cursor: pointer;
		}

		.list-group-item {
			transition: 0.5s;
		}

		label.radio-inline {
			font-size: 12px;
		}

		.input-group-addon:last-child {
			font-size: 12px;
		}

		textarea {
			resize: none;
		}
		table.informe {
			font-size: 12px;
		}

		.input-group .form-control {
			z-index: 0;
		}
		a.list-group-item-info {
			background-color: #e8eaf6;
		}
		a.list-group-item-info:hover {
			background-color: #c5cae9;
		}
		.form-horizontal .form-group-sm .control-label {
			cursor: pointer;
		}
		select {
			cursor: pointer;
		}
		@media (min-width: 768px) {
			.nav-tabs.nav-justified>li {
			    padding: 0 20px;
			}
		}

		.nav-tabs.nav-justified>li>a {
			border-radius: 6px;
		}

		/*Botón inscripción*/
		.nav-tabs.nav-justified>li>a.green {
			background-color: #a5d6a7;
			color: #fff;
		}
		.nav > li > a.green:hover {
			background-color: #4caf50;
		}
		.nav-tabs.nav-justified>.active>a.green {
			background-color: #388e3c;
		}

		/*Botón histórico*/
		.nav-tabs.nav-justified>li>a.teal {
			background-color: #ffcc80;
			color: #fff;
		}
		.nav > li > a.teal:hover {
			background-color: #ff9800;
		}
		.nav-tabs.nav-justified>.active>a.teal {
			background-color: #f57c00;
		}

		/* Botón Actual */
		.nav-tabs.nav-justified>li>a.deep-purple {
			background-color: #9fa8da;
			color: #fff;
		}
		.nav > li > a.deep-purple:hover {
			background-color: #3f51b5;
		}
		.nav-tabs.nav-justified>.active>a.deep-purple {
			background-color: #303f9f;
		}

		a > h4 > small {
			color: #fff;
		}

		/* Clases para el color de los formularios */
		#seccion-actual a.list-group-item {
			background-color: #e8eaf6;
			border-color: #c5cae9;
			transition: .5s;
		}

		#seccion a.list-group-item {
			background-color: #e8f5e9 ;
			border-color: #a5d6a7;
			transition: .5s;
		}

		/* Seccion histórico */
		#seccion .table-bordered {
			background-color: #fff3e0;
			border-color: #ffcc80;
		}

		/* filas striped */
		#seccion .table-striped>tbody>tr:nth-of-type(odd) {
			background-color: #fff3e0;
			border-color: #ffcc80;
			transition: .5s;
		}

		#seccion .table-striped>tbody>tr:nth-of-type(odd):hover {
			background-color: #fff;
		}

		/* filas normales */
		#seccion .table-bordered>tbody>tr>td {
			border-color: #ffcc80;
			transition: .5s;
		}

		#seccion .table>thead:first-child>tr:first-child>th {
			border-color: #ffcc80;
		}

		#seccion-actual a.list-group-item:hover, #seccion a.list-group-item:hover {
			background-color: #fafafa;
		}

		.nav-tabs.nav-justified>.active>a, .nav > li > a:hover, .nav > li > a {
			border-radius: 16px
		}
		.modal-lg {
			width: 90%;
		}
		.row_form_in_modal div {
			padding-right: 0px;
		}

		/* AUTOCOMPLETE IN BOTTSTRAP MODAL */
		.ui-menu .ui-menu-item {
		  font-size: 12px;
		}
		.ui-autocomplete {
		  z-index: 1510 !important;
		}

		.checkbox label {
		    font-size: 12px;
		    line-height: 2;
		    float: right;
		}

		.checkbox label input[type=checkbox] {
			margin-left: -24px;
		}


	</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('botonera'); ?>
	<?php /* Si se encuentra revisando un seguimiento deshabilitado */ ?>
	<?php if($inscripcion != null): ?>
		<?php echo $__env->make('componentes.boton-volver-a-la-busqueda-de-paciente', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
		<?php echo $__env->make('componentes.boton-salir-con-aviso', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
	<?php endif; ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content-extra'); ?>
<div class="row bg-info content-extra">
	<div class="container">
		<?php echo Form::model($pacienteSolicitado, ['class' => 'form-horizontal']); ?>

			<div class="row">
				<div id="div-documento">
					<?php echo Form::label('documento', 'Documento:', ['class' => 'col-sm-1 control-label input-sm']); ?>

					<div class="col-sm-2">
						<?php echo Form::text('documento', null, ['class' => 'form-control input-sm']); ?>

					</div>
				</div>
				<?php echo Form::label('nombre', 'Paciente:', ['class' => 'col-sm-1 col-sm-1-original control-label input-sm']); ?>

				<div class="col-sm-3">
					<?php echo Form::text('nombre', null, ['class' => 'form-control input-sm']); ?>

				</div>
			</div>
			<hr class="compacto">
			<div class="row">
				<?php echo Form::label('nacimiento', 'Fecha de Nacimiento:', ['class' => 'col-sm-1 control-label input-sm']); ?>

				<div class="col-sm-2">
					<?php echo Form::text('nacimiento', null, ['class' => 'form-control input-sm', 'readonly']); ?>

				</div>

				<?php echo Form::label('tipo_usuario', 'Tipo Usuario:', ['class' => 'col-sm-1 col-sm-1-original control-label input-sm']); ?>

				<div class="col-sm-2">
					<?php echo Form::select('tipo_usuario', array(
						'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', 'disabled']); ?>

				</div>

				<?php echo Form::label('estado_civil', 'Estado Civil:', ['class' => 'col-sm-1 col-sm-1-original control-label input-sm']); ?>

					<div class="col-sm-2">
						<?php echo Form::select('estado_civil', array(
							'so' => 'Soltero',
							'ca' => 'Casado',
							'vi' => 'Viudo',
							'se' => 'Separado',
							'un' => 'Union Libre',
							'ot' => 'Otro'
						), null,  ['class' => 'form-control input-sm', 'disabled']); ?>

					</div>

				<?php echo Form::label('sexo', 'Sexo:', ['class' => 'col-sm-1 control-label input-sm col-sm-1-reducido']); ?>

					<div class="col-sm-2">
						<?php echo Form::select('sexo', [
							'm' => 'Masculino',
							'f' => 'Femenino',
							'i' => 'Indeterminado'
						], null, ['class' => 'form-control input-sm', 'disabled']); ?>

					</div>

				<?php echo Form::label('ocupacion', 'Ocupación:', ['class' => 'col-sm-1 control-label input-sm']); ?>

					<div class="col-sm-2">
						<?php echo Form::text('ocupacion', null, ['class' => 'form-control input-sm', 'readonly']); ?>

					</div>

				<?php echo Form::label('direccion', 'Dirección:', ['class' => 'col-sm-1 col-sm-1-original control-label input-sm']); ?>

				<div class="col-sm-2">
					<?php echo Form::text('direccion', null, ['class' => 'form-control input-sm', 'readonly']); ?>

				</div>

				<?php echo Form::label('telefono_1', 'Tel 1:', ['class' => 'col-sm-1 col-sm-1-original control-label input-sm']); ?>

				<div class="col-sm-2">
					<?php echo Form::text('telefono_1', null, ['class' => 'form-control input-sm', 'readonly']); ?>

				</div>

				<?php echo 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">
					<?php echo Form::text('telefono_2', null, ['class' => 'form-control input-sm', 'readonly']); ?>

				</div>

				<?php echo Form::label('sisben', 'Sisben:', ['class' => 'col-sm-1 control-label input-sm']); ?>

				<div class="col-sm-2">
					<?php echo Form::text('sisben', null, ['class' => 'form-control input-sm', 'readonly']); ?>

				</div>

				<?php echo Form::label('edad', 'Edad actual:', ['class' => 'col-sm-1 col-sm-1-original control-label input-sm']); ?>

				<div class="col-sm-3">
					<?php echo Form::text('edad', null, ['class' => 'form-control input-sm', 'readonly']); ?>

				</div>
			</div>
		<?php echo Form::close(); ?>

	</div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
	<?php /* modals */ ?>
	<?php if($inscripcion != null): ?>
		<?php echo $__env->make('componentes.modal-salir', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
	<?php endif; ?>
	<?php echo $__env->make('componentes.modal-volver-a-la-busqueda-de-paciente', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

	<?php /* Modal agregar medicamento */ ?>
	<div id="modal_medicamentos" 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">Agregar medicamentos</h4>
				</div>
				<div class="modal-body">
					<div class="form-group form-group-sm">

						<div class="row row_form_in_modal">

							<div class="col-md-2" style="width: 8%">
								<?php echo Form::label('codigo', 'COD'); ?>

								<?php echo Form::select('codigo', $medicamentos['cod'], null, ['class' => 'form-control', 'id' => 'medicamento_cod']); ?>

							</div>

							<div id="form_group_medicamento" class="col-md-2" style="width: 20%">
								<?php echo Form::label('nombre', 'Nombre', ['class' => 'control-label']); ?>

								<?php echo Form::text('nombre', null, ['class' => 'form-control', 'autocomplete' => 'off', 'id' => 'medicamento_nombre']); ?>

							</div>

							<div class="col-md-2" style="width: 8%">
								<?php echo Form::label('cantidad', 'Cantidad'); ?>

								<?php echo Form::number('cantidad', null, ['autocomplete' => 'off', 'class' => 'form-control', 'min' => 1, 'id' => 'medicamento_cantidad']); ?>

							</div>

							<div class="col-md-4" style="width: 20%">
								<?php echo Form::label('posología', 'Posología'); ?>

								<span style="font-size: 11px"><span id="span_caracteres_posologia">0</span> / 100</span>
								<?php echo Form::text('posología', null, ['class' => 'form-control', 'id' => 'medicamento_posologia', 'maxlength' => 100]); ?>

							</div>
							
							<div class="col-md-4" style="width: 20%">
								<?php echo Form::label('duracion_tto', 'Duración'); ?>

								<?php echo Form::text('Duración', null, ['class' => 'form-control', 'id' => 'medicamento_duracion_tto', 'maxlength' => 100]); ?>

							</div>

							<div class="col-md-2" style="width: 8%">
								<?php echo Form::label('cum', 'CUM'); ?>

								<?php echo Form::select('cum', $medicamentos['cum'], null, ['class' => 'form-control', 'id' => 'medicamento_cum']); ?>

							</div>

							<div class="col-md-2" style="width: 5%">
								<?php echo Form::button('Agregar', ['class' => 'btn btn-sm btn-success disabled', 'style' => 'margin-top: 24px', 'id' => 'agregar_medicamento']); ?>

							</div>

						</div>

						<hr>

							<div id="div_table_medicamentos" class="col xs 12 display-none">
								<table class="table table-striped table-bordered table-hover table-condensed">
									<thead>
										<tr>
											<th>CUM</th>
											<th>COD</th>
											<th>Nombre</th>
											<th>Cantidad</th>
											<th>Posología</th>
											<th>Duracion_Tto</th>
											<th></th>
										</tr>
									</thead>
									<tbody id="tbody_medicamentos"></tbody>
								</table>
							</div>

					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" data-dismiss="modal">Capturar</button>
					<button type="button" class="btn btn-danger" data-toggle="modal" href="#modal_verificar_eliminar_todos_los_medicamentos">Eliminar todos</button>
					<p id="yamid"></p>
				</div>
			</div>
		</div>
	</div>

	<div id="modal_verificar_eliminar_todos_los_medicamentos" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
		<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">
					<p>¿Realmente desea eliminar todos los medicamentos capturados?</p>
				</div>
				<div class="modal-footer">
					<button id="cancelar_medicamentos" type="button" class="btn btn-danger" data-dismiss="modal">Aceptar</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
					<p id="yamid"></p>
				</div>
			</div>
		</div>
	</div>

	<?php /* Modal agregar procedimientos */ ?>
	<div id="modal_procedimientos" 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">Agregar procedimientos</h4>
				</div>
				<div class="modal-body">
					<div class="form-group form-group-sm">

						<div class="row row_form_in_modal">

							<div class="col-md-2" style="width: 17%">
								<?php echo Form::label('cups', 'CUPS'); ?>

								<?php echo Form::select('cups', $procedimientos['cups'], null, ['class' => 'form-control', 'id' => 'procedimiento_cups']); ?>

							</div>

							<div id="form_group_procedimiento" class="col-md-2" style="width: 30%">
								<?php echo Form::label('nombre', 'Nombre', ['class' => 'control-label']); ?>

								<?php echo Form::text('nombre', null, ['class' => 'form-control', 'autocomplete' => 'off', 'id' => 'procedimiento_nombre']); ?>

							</div>

							<div class="col-md-2" style="width: 8%">
								<?php echo Form::label('cantidad', 'Cantidad'); ?>

								<?php echo Form::number('cantidad', null, ['autocomplete' => 'off', 'class' => 'form-control', 'min' => 1, 'id' => 'procedimiento_cantidad']); ?>

							</div>

							<div class="col-md-4" style="width: 35%">
								<?php echo Form::label('observaciones', 'Observaciones'); ?>

								<span style="font-size: 11px"><span id="span_caracteres_observaciones">0</span> / 100</span>
								<?php echo Form::text('observaciones', null, ['class' => 'form-control', 'id' => 'procedimiento_observaciones', 'maxlength' => 100]); ?>

							</div>

							<div class="col-md-2" style="width: 10%">
								<?php echo Form::button('Agregar', ['class' => 'btn btn-sm btn-success disabled', 'style' => 'margin-top: 24px', 'id' => 'agregar_procedimiento']); ?>

							</div>

						</div>

						<hr>

							<div id="div_table_procedimientos" class="col xs 12 ">
								<table class="table table-striped table-bordered table-hover table-condensed">
									<thead>
										<tr>
											<th>CUPS</th>
											<th>Nombre</th>
											<th>Cantidad</th>
											<th>Observaciones</th>
											<th></th>
										</tr>
									</thead>
									<tbody id="tbody_procedimientos"></tbody>
								</table>
							</div>

					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" data-dismiss="modal">Capturar</button>
					<button type="button" class="btn btn-danger" data-toggle="modal" href="#modal_verificar_eliminar_todos_los_procedimientos">Eliminar todos</button>
					<p id="yamid"></p>
				</div>
			</div>
		</div>
	</div>

	<div id="modal_verificar_eliminar_todos_los_procedimientos" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
		<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">
					<p>¿Realmente desea eliminar todos los procedimientos capturados?</p>
				</div>
				<div class="modal-footer">
					<button id="cancelar_procedimientos" type="button" class="btn btn-danger" data-dismiss="modal">Aceptar</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
					<p id="yamid"></p>
				</div>
			</div>
		</div>
	</div>

	<?php /* Modal agregar Remisiones */ ?>
	<div id="modal_remisiones" 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">Agregar Remisiones</h4>
				</div>
				<div class="modal-body">
					<div class="form-group form-group-sm">

						<div class="row row_form_in_modal">
							<div class="col-md-2" style="width: 10%">
								<div >
									<label style="display: block;">
										<?php echo Form::radio('tipo', 'Remision', true); ?>

										Remision
									</label style="display: block;">
									<label >
										<?php echo Form::radio('tipo', 'ContraRemision'); ?>

										ContraRemision
									</label>
									<label style="display: block;">
										<?php echo Form::radio('tipo', 'InterConsulta'); ?>

										InterConsulta
									</label>
								</div>
							</div>

							<div class="col-md-2" style="width: 20%">
								<?php echo Form::label('destino', 'destino'); ?>

								<?php echo Form::text('destino', null, ['class' => 'form-control', 'autocomplete' => 'off', 'id' => 'remision_destino']); ?>

							</div>

							<div class="col-md-2" style="width: 10%">
								<?php echo Form::label('especialidades', 'especialidades'); ?>

								<?php echo Form::select('nombre', $especialidades, null, ['class' => 'form-control', 'id' => 'especialidades_nombre']); ?>

							</div>

							<div class="col-md-2" style="width: 20%">
								<?php echo Form::label('servicio', 'Servicio'); ?>

								<?php echo Form::text('servicio', null, ['class' => 'form-control', 'autocomplete' => 'off', 'id' => 'remision_servicio']); ?>

							</div>

							<div class="col-md-2" style="width: 30%">
								<?php echo Form::label('ordenamiento', 'ordenamiento'); ?>

								<?php echo Form::textarea('ordenamiento', null, ['class' => 'form-control', 'rows' => 5, 'maxlength' => 2000,'id' => 'remision_ordenamiento','required']); ?>

							</div>

							<div class="col-md-2" style="width: 5%">
								<?php echo Form::button('Agregar', ['class' => 'btn btn-sm btn-success', 'style' => 'margin-top: 24px', 'id' => 'agregar_remision']); ?>

							</div>

						</div>
						<hr>
							<div id="div_table_remisiones" class="col xs 12 display-none">
								<table class="table table-striped table-bordered table-hover table-condensed">
									<thead>
										<tr>
											<th>Tipo</th>
											<th>Destino</th>
											<th>Especialidad</th>
											<th>Servicio</th>
											<th>Ordenamiento</th>
										</tr>
									</thead>
									<tbody id="tbody_remisiones"></tbody>
								</table>
							</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" data-dismiss="modal">Capturar</button>
					<button type="button" class="btn btn-danger" data-toggle="modal" href="#modal_verificar_eliminar_todos_las_remisiones">Eliminar todos</button>
					<p id="yamid"></p>
				</div>
			</div>
		</div>
	</div>

	<input id="paciente" type="hidden" value="<?php echo e($nombreYDocumentoPaciente['paciente']); ?>">
	<input id="programa" type="hidden" value="<?php echo e($nombreYDocumentoPaciente['programa']); ?>">

	<div class="row">
		<div class="col-xs-12 form-group">
			<ul class="nav nav-tabs nav-justified">
				<?php /* si la inscripción está vigente */ ?>
				<?php if($inscripcion == null): ?>
					<li role="presentation" class="active br-primary" id="actual"><a class="deep-purple"><h4>Actual</h4></a></li>
				<?php endif; ?>
				<li role="presentation" id="inscripcion"><a class="green"><h4>Inscripción <small>(Solo Lectura)</small></h4></a></li>
				<li role="presentation" id="historico"><a class="teal"><h4>Histórico <small>(Solo Lectura)</small></h4></a></li>
			</ul>
		</div>
	</div>

	<?php if(count($errors)): ?>
		<?php echo $__env->make('alerts.request', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
		<!--<?php echo e(print_r($errors)); ?>

		<?php foreach($errors->all() as $error): ?>
			<?php if($error == 'El campo responsable es requerido.'): ?>
			   <li><?php echo e($error." "); ?></li>
			<?php endif; ?>
		<?php endforeach; ?>   -->
	<?php endif; ?>


	<?php $mensage = Session::get('message') ?>
	<?php if(isset($mensage)): ?>
		<div id="alert-formulario-enviado" class="alert">
			<div class="alert alert-success alert-dismissible" role="alert">
				<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<p>
					El formulario de seguimiento ha sido registrado exitosamente.
				</p>
				<p>
					Utiliza los siguientes botones para descargar como PDF, para imprimir o para continuar.
				</p>
			</div>
			<div class="row">
				<div class="col-xs-12">
					<p>
						<a class="btn btn-primary" href="<?php echo e(URL::to('seguimiento')); ?>">Continuar</a>
						<?php echo link_to_action(
							'SeguimientoController@mostrarPdf',
							$title = 'Mostrar PDF para descargar o imprimir',
							$parameters = [$programa,  $formularioId = Session::get('formularioId')],
							$attributes = ['class' => 'btn btn-success', 'target' => "_blank"]
						); ?>

					</p>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			var seguimientoEnviado = true; // Evita enviar dos seguimientos en la misma vista
		</script>
	<?php else: ?>
		<script type="text/javascript">
			var seguimientoEnviado = false; // Evita enviar dos seguimientos en la misma vista
		</script>
	<?php endif; ?>

	<?php if(!$inscripcion): ?>
		<?php if(isset($mensage)): ?>
			<div class="row display-none" id="seccion-actual">
		<?php else: ?>
			<div class="row" id="seccion-actual">
		<?php endif; ?>
			<?php echo $__env->make('formularios.ajax-seguimiento.'.$programaUrl, array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
		</div>
	<?php endif; ?>

	<div class="row display-none" id="seccion">
		<?php if(!isset($mensage) && $inscripcion == null): ?>

		<?php endif; ?>
	</div>

	<footer>
		<div class="row">
			<div class="col-xs-12">
				<p class="text-center"><br> <br> <br></p>
			</div>
		</div>
	</footer>



<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
	<script type="text/javascript">
		var rutaPadre = '<?php echo e(URL::to("")); ?>/';
		<?php if($inscripcion): ?>
			// Si se trata de una inscripción no vigente (inhabilitada)
			var inscripcionId = <?php echo e($inscripcion); ?>;
		<?php endif; ?>
	</script>
	
	<?php echo Html::script('js/ajax-cargar-secciones-seguimiento.js'); ?>

	<!-- para el date time picker -->
	<?php echo Html::script('js/jquery.datetimepicker.full.js'); ?>


	<?php /* Importar JQuery UI para el autocomplete */ ?>
	<?php echo Html::script('/js/jquery-ui.js'); ?>


	<script type="text/javascript">
				function validarTodo(){
						var rutaPadre = '<?php echo e(URL::to("")); ?>/seguimiento-validar';
					}
	</script>
	<script type="text/javascript">

		var rutaPadre = '<?php echo e(URL::to('')); ?>/' ;

		// cambia la edad del paciente con respecto a la fecha asignada al seguimiento
		function calcularDiasMesesYAnos(inscripcion, nacimiento, campoEdad) {
			/*
				[0] = año
				[1] = mes
				[2] = día
			*/
			var fechaDeInscripcion = inscripcion;

			switch(fechaDeInscripcion[1]){
				case 'Ene':
					fechaDeInscripcion[1] = 1;
					break;

				case 'Feb':
					fechaDeInscripcion[1] = 2;
					break;

				case 'Mar':
					fechaDeInscripcion[1] = 3;
					break;

				case 'Abr':
					fechaDeInscripcion[1] = 4;
					break;

				case 'May':
					fechaDeInscripcion[1] = 5;
					break;

				case 'Jun':
					fechaDeInscripcion[1] = 6;
					break;

				case 'Jul':
					fechaDeInscripcion[1] = 7;
					break;

				case 'Ago':
					fechaDeInscripcion[1] = 8;
					break;

				case 'Sep':
					fechaDeInscripcion[1] = 9;
					break;

				case 'Oct':
					fechaDeInscripcion[1] = 10;
					break;

				case 'Nov':
					fechaDeInscripcion[1] = 11;
					break;

				case 'Dic':
					fechaDeInscripcion[1] = 12;
					break;
			}
			var fechaDeNacimiento = nacimiento;

			// calcular años
			var yearAdjust = (fechaDeInscripcion[1] >= fechaDeNacimiento[1] && fechaDeInscripcion[0] >= fechaDeNacimiento[2]) ? 0 : 1;
			var years = fechaDeInscripcion[2] - fechaDeNacimiento[0] - yearAdjust;
			years += years == 1 ? ' año, ' : ' años, ';

			// calcular meses
			var monthAdjust = fechaDeNacimiento[2] > fechaDeInscripcion[0] ? 1 : 0;
			var months = fechaDeInscripcion[1] - fechaDeNacimiento[1] - monthAdjust;
			months += months < 0 ? 12 : 0;
			months += months == 1 ? ' mes, ' : ' meses, ';

			// calcular días
			var days = fechaDeInscripcion[0] - fechaDeNacimiento[2];
			days += days < 0 ? new Date(fechaDeInscripcion[2], fechaDeInscripcion[1], 0).getDate() : 0;
			days += days == 1 ? ' día' : ' días' ;

			campoEdad.val(years + months + days);
		}

		// Especificar las horas permitidas
		var horasPermitidas = [];
		for (var h = 0; h < 24; h++) {
			for (var m = 0; m < 60; m++) {
				horasPermitidas.push(h + ':' + m);
			};
		};

		$(document).ready(function(){
			
			$('input[name=otra]').change(function(event){
				if ($(this).val() == 1) {
					$('input[name=otra-condicion]').parent().parent().removeClass('hidden');
					$('input[name=otra-condicion]').parent().parent().parent().removeClass('hidden');
				}else{
					$('input[name=otra-condicion]').parent().parent().addClass('hidden');
					$('input[name=otra-condicion]').parent().parent().parent().addClass('hidden');
				}
			});

			/**if ($('#name=cual-cirugia')!='') {
				$('input[name=cual-cirugia]').parent().parent().removeClass('hidden');
				$('input[name=cual-cirugia]').parent().parent().parent().removeClass('hidden');.
			}else*/
			$('input[name=cirugias-abdominopelvicas]').change(function(event){
				if ($(this).val() == 1) {
					$('input[name=cual-cirugia]').parent().parent().removeClass('hidden');
					$('input[name=cual-cirugia]').parent().parent().parent().removeClass('hidden');
				}else{
					$('input[name=cual-cirugia]').parent().parent().addClass('hidden');
					$('input[name=cual-cirugia]').parent().parent().parent().addClass('hidden');
				}
			});

			$('input[name=tabaco]').change(function(event){
				if ($(this).val() == 1) {
					$('input[name=cantidad-tabaco]').parent().parent().removeClass('hidden');
					$('input[name=cantidad-tabaco]').parent().parent().parent().removeClass('hidden');
				}else{
					$('input[name=cantidad-tabaco]').parent().parent().addClass('hidden');
					$('input[name=cantidad-tabaco]').parent().parent().parent().addClass('hidden');
				}
			});
			$('input[name=licor]').change(function(event){
				if ($(this).val() == 1) {
					$('input[name=cantidad-licor]').parent().parent().removeClass('hidden');
					$('input[name=cantidad-licor]').parent().parent().parent().removeClass('hidden');
				}else{
					$('input[name=cantidad-licor]').parent().parent().addClass('hidden');
					$('input[name=cantidad-licor]').parent().parent().parent().addClass('hidden');
				}
			});
			$('input[name=spa]').change(function(event){
				if ($(this).val() == 1) {
					$('input[name=cual-spa]').parent().parent().removeClass('hidden');
					$('input[name=cual-spa]').parent().parent().parent().removeClass('hidden');
				}else{
					$('input[name=cual-spa]').parent().parent().removeClass('hidden');
					$('input[name=cual-spa]').parent().parent().parent().removeClass('hidden');
				}
			});
			$('input[name=spa]').change(function(event){
				if ($(this).val() == 1) {
					$('input[name=cantidad-spa]').parent().parent().removeClass('hidden');
					$('input[name=cantidad-spa]').parent().parent().parent().removeClass('hidden');
				}else{
					$('input[name=cantidad-spa]').parent().parent().addClass('hidden');
					$('input[name=cantidad-spa]').parent().parent().parent().addClass('hidden');
				}
			});
			$('input[name=exposicion-toxicos]').change(function(event){
				if ($(this).val() == 1) {
					$('input[name=cuales-toxicos]').parent().parent().removeClass('hidden');
					$('input[name=cuales-toxicos]').parent().parent().parent().removeClass('hidden');
				}else{
					$('input[name=cuales-toxicos]').parent().parent().addClass('hidden');
					$('input[name=cuales-toxicos]').parent().parent().parent().addClass('hidden');
				}
			});

			// Dar estilos a los radio buttons
			$('.radio-inline').parents('div').css('padding', 0);

			$('#documento, #nombre').attr('disabled', 'disbled');
			// Date picker - fechas y horas
			$('#fecha').datetimepicker({
				timepicker:false,
 				format:'d M Y'
			});

			<?php if($programa == 6): ?>
				$('#fecha_ultimo_parto, #fecha_ultima_citologia').datetimepicker({
					timepicker:false,
	 				format:'d M Y'
				});
			<?php elseif($programa == 8): ?>
				$('#cuando_volver_a_consulta_de_control_recien_nacido, #cuando_volver_a_consulta_de_madre, #cuando_volver_a_consulta_de_nino_sano').datetimepicker({
					timepicker:false,
	 				format:'d M Y'
				});
			<?php elseif($programa == 9): ?>
				$('#cuando_fue_la_ultima_consulta_odontologica, #cuando_recibio_hierro, #proxima_dosis_vitamina_a, #proxima_dosis_albentazol, #proxima_dosis_hierro, #debe_volver_a_recibir_hierro_en, #inicia_a_recibir_zinc').datetimepicker({
					timepicker:false,
	 				format:'d M Y'
				});
			<?php elseif($programa == 10): ?>
				$('#fin_embarazo_anterior, #fum, #fpp, #fecha_1, #proxima_cita_1, #fecha_2, #proxima_cita_2, #fecha_3, #proxima_cita_3, #fecha_4, #proxima_cita_4, #fecha_5, #proxima_cita_5, #fecha_6, #proxima_cita_6, #fecha_7, #proxima_cita_7, #fecha_de_ingreso, #rup_membranas_anteparto_fecha, #nacimiento_fecha').datetimepicker({
					timepicker:false,
	 				format:'d M Y'
				});

				$('#rup_membranas_anteparto_hora_minuto, #nacimiento_hora_minuto, #puerperio_1_hora_min, #puerperio_2_hora_min, #puerperio_3_hora_min, #egreso_rn_2_hora_postparto').datetimepicker({
					datepicker:false,
					format:'H:i:00',
					formatTime:'H:i:',
					allowTimes:horasPermitidas
				});
			<?php elseif($programa == 12): ?>
				$('#fecha_u_parto, #fecha_u_citologia').datetimepicker({
					timepicker:false,
	 				format:'d M Y'
				});
			<?php endif; ?>

			// Time picker
			$('#hora').datetimepicker({
				datepicker:false,
				format:'H:i:00',
				formatTime:'H:i:',
				allowTimes:horasPermitidas
			});

			<?php echo $__env->make('componentes.script-mostrar-modal-request', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>;

			// cambia la edad del paciente con respecto a la fecha asignada al seguimiento
			$('#fecha').on('change', function(){
				calcularDiasMesesYAnos($('#fecha').val().split(' '), $('input[name=nacimiento]').val().split('-'), $('input[name=edad]'));
			})

			// asignar variable del contenido cuando el formulario ya ha sido enviado,
			// Es importante para que no se borre el menú (continuar o PDF) despues de enviar el formulario
			// y acceder a otras secciones del sistema
			<?php if(isset($mensage)): ?>
				alertEnviado = $('#alert-formulario-enviado').html();
			<?php endif; ?>

			// generar el conteo de caracteres para cada texarea
			$('textarea').each(function(){
				$('#contador-' + $(this).attr('id')).html($(this).val().length + ' de 2000');
			});

			$('textarea').keyup(function(){
				$('#contador-' + $(this).attr('id')).html($(this).val().length + ' de 2000');
			});

			<?php if($programa == 1 || $programa == 3 || $programa == 4 || $programa == 6 || $programa == 7 || $programa == 11 || $programa == 12): ?> <?php /* control desarrollo del joven,control de diabetes mellitus, control de hipertensión arterial, consulta de planificación familiar, adulto mayor, gestantes */ ?>
				<?php echo $__env->make('componentes.script-calcular-imc', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
			<?php endif; ?>


			<?php if($programa == 3 || $programa == 4 || $programa == 6 || $programa == 12): ?> <?php /* control de diabetes mellitus, control de hipertensión arterial, consulta de planificación familiar, adulto mayor, gestantes */ ?>
				<?php echo $__env->make('componentes.script-calcular-tfg', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
			<?php endif; ?>

			// al cambiar el select de código d diagnóstico, sincronizar el select nombre y el select id
			$('.select-diagnostico').change(function(){
				$('#' + $(this).attr('id').substring(0, $(this).attr('id').length - 3)).val($(this).val());
			});

			$('input[list=diagnosticosPorNombre]').on('input', function(){
				$('#' + $(this).attr('id') + '_id').val($(this).val());
			});

			// Habilitar los inputs dentro del row modal
			$('.row_form_in_modal').find('input, select').each(function () {
				$(this).attr('disabled', false);
			});

			// Validación gráfica de los inputs en los modales de medicamentos y procedimientos
			function setModalSuccess(type) {
				$('#form_group_' + type).removeClass('has-error').addClass('has-success');
				if ($('#' + type + '_cantidad').val() == '') {
					$('#' + type + '_cantidad').val(1);
				}
			}

			function setModalError(type) {
				$('#form_group_' + type).removeClass('has-success').addClass('has-error');
				$('#' + type + '_cantidad').val('');
			}

			function enableModalButton(type) {
				if (type == 'medicamento') {
					if ($('#' + type + '_cantidad').val().trim().length && $('#' + type + '_posologia').val().trim().length) {
						$('#agregar_' + type).removeClass('disabled');
					}
				} else {
					console.log("tipo :"+type);
					if ($('#' + type + '_cantidad').val().trim().length) {
						$('#agregar_' + type).removeClass('disabled');
					}
				}
			}

			function disableModalButton(type) {
				$('#agregar_' + type).addClass('disabled');
			}

			/* MODAL MEDICAMENTOS */
			$('#medicamento_nombre').on('input', function(){
			  if ($(this).val().trim().length && medicamentos.indexOf($(this).val()) >= 0) {
			    $('#medicamento_cups').val($(this).val());
			    setModalSuccess('medicamento');
			    enableModalButton('medicamento');
			  } else {
			    $('#medicamento_cum, #medicamento_cod').val(0);
			    setModalError('medicamento');
			    disableModalButton('medicamento');
			  }
			});

			$('#medicamento_cod').on('input', function(){
				if ($(this).val().trim().length && $(this).val() != 0) {
					$('#medicamento_cum').val($(this).val());

					var thisValue = $(this).val();
					var findObj = medicamentos.find(function(obj) {
						return thisValue == obj.value
					})

					$('#medicamento_nombre').val(findObj.label);

					setModalSuccess('medicamento');
					enableModalButton('medicamento');
				} else {
					$('#medicamento_cum').val(0);
					$('#medicamento_nombre').val('');
					setModalError('medicamento');
					disableModalButton('medicamento');
				}
			});

			$('#medicamento_cum').on('input', function(){
				if ($(this).val().trim().length && $(this).val() != 0) {
					$('#medicamento_cod').val($(this).val());

					var thisValue = $(this).val();
					var findObj = medicamentos.find(function(obj) {
						return thisValue == obj.value
					})

					$('#medicamento_nombre').val(findObj.label);

					setModalSuccess('medicamento');
					enableModalButton('medicamento');
				} else {
					$('#medicamento_cod').val(0);
					$('#medicamento_nombre').val('');
					setModalError('medicamento');
					disableModalButton('medicamento');
				}
			});

			$('#medicamento_cantidad, #medicamento_posologia').on('input', function(){
				if (
					$('#form_group_medicamento').hasClass('has-success') &&
					parseInt($('#medicamento_cantidad').val()) > 0 &&
					$('#medicamento_posologia').val().trim().length > 0
				) {
					setModalSuccess('medicamento');
					enableModalButton('medicamento');
				} else {
					disableModalButton('medicamento');
				}
			});

			// Mostrar la cantidad de caracteres ingresados en posología
			$('#medicamento_posologia').on('input', function() {
				var caracteres = $(this).val().length;
				$('#span_caracteres_posologia').text(caracteres);
			});

			// Declarar la variablé que contendrá la lista de medicamentos
			if ($('#lista_de_medicamentos').val() == ''){
				var medicamentosCapturados = {};
				var contadorDeMedicamentos = 1;
			}
			else {
				var medicamentosCapturados = JSON.parse($('#lista_de_medicamentos').val());
				var contadorDeMedicamentos = Object.keys(medicamentosCapturados).length + 1;
			}

			// Evento al agregar un nuevo medicamento
			$('#agregar_medicamento').click(function () {
				if (!$(this).hasClass('disabled')) {
					medicamentosCapturados[contadorDeMedicamentos] = {
						medicamento_cod: $('#medicamento_cod option:selected').text(),
						cum: $('#medicamento_cum option:selected').text(),
						cantidad: $('#medicamento_cantidad').val(),
						posologia: $('#medicamento_posologia').val(),
						nombre: $('#medicamento_nombre').val(),
						duracion_tto: $('#medicamento_duracion_tto').val()
					};

					$('#div_table_medicamentos').removeClass('display-none');
					$('#tbody_medicamentos').append(
						'<tr id="medicamento_' +
						contadorDeMedicamentos +
						'"><td>' +
						$('#medicamento_cum option:selected').text() +
						'</td><td>' +
						$('#medicamento_cod option:selected').text() +
						'</td><td>' +
						$('#medicamento_nombre').val() +
						'</td><td style="padding: 0px;"><input id="cantidad_medicamento_' + contadorDeMedicamentos +
						'" style="padding: 0px 10px; max-width: 65px; margin-right: -15px;" type="number" min="1" class="form-control cantidad_medicamento" value="' +
						$('#medicamento_cantidad').val() +
						'"/></td"><td style="padding: 0px;"><input id="posologia_medicamento_' + contadorDeMedicamentos +
						'" style="padding: 0px 10px;" type="text" maxlength="100" class="form-control posologia_medicamento" value="' +
						$('#medicamento_posologia').val() +
						'"/></td><td style="padding: 0px;"><input id="duracion_tto_medicamento_' + contadorDeMedicamentos +
						'" style="padding: 0px 10px;" type="text" maxlength="50" class="form-control duracion_tto_medicamento_" value="' +
						$('#medicamento_duracion_tto').val() +
						'"/></td><td><button id="borrar_medicamento_' +
						contadorDeMedicamentos++ +
						'" class="btn btn-xs btn-danger eliminar_medicamento">Eliminar</button></td></tr>'
					);

					$('#medicamento_cod option[value='+$('#medicamento_cod').val()+']').remove();

					$('#lista_de_medicamentos').val(JSON.stringify(medicamentosCapturados));

					// Al actualizar el campo cantidad de la tabla del modal de medicamentos
					$('.cantidad_medicamento').keyup(function() {
						medicamentosCapturados[$(this).attr('id').replace('cantidad_medicamento_', '')].cantidad = $(this).val();
						$('#lista_de_medicamentos').val(JSON.stringify(medicamentosCapturados));
					});

					// Al actualizar el campo posología de la tabla del modal de medicamentos
					$('.posologia_medicamento').keyup(function() {
						medicamentosCapturados[$(this).attr('id').replace('posologia_medicamento_', '')].posologia = $(this).val();
						$('#lista_de_medicamentos').val(JSON.stringify(medicamentosCapturados));
					});

					// Limpiar los campos
					$('#medicamento_cum, #medicamento_cod').val(0);
					$('#medicamento_nombre, #medicamento_cantidad, #medicamento_posologia,#medicamento_duracion_tto').val('');
					$('#form_group_medicamento').removeClass('has-success');
					$(this).addClass('disabled');

					// Reiniciar  el conteo del campo de posología
					$('#span_caracteres_posologia').text(0);

					// Evento click al eliminar un medicamento
					$('.eliminar_medicamento').click(function () {
						var indice = $(this).attr('id').split('_')[2];
						delete medicamentosCapturados[indice];
						$('#medicamento_' + indice).remove();
						$('#lista_de_medicamentos').val(JSON.stringify(medicamentosCapturados));
						// $('#yamid').html($('#lista_de_medicamentos').val());
					});

				}
			});

			$('#cancelar_medicamentos').click(function () {
				medicamentosCapturados = {};
				$('#lista_de_medicamentos').val(JSON.stringify(medicamentosCapturados));
				$('#div_table_medicamentos').addClass('display-none');
				$('#tbody_medicamentos').html('');
				$('#modal_medicamentos').modal('toggle');
				// $('#yamid').html($('#lista_de_medicamentos').val());
			});

			// Verificar si existen medicamentos en una posible devolución del formulario
			if ($('#lista_de_medicamentos').val() != '') {
				medicamentosCapturados = JSON.parse($('#lista_de_medicamentos').val());
				for (var i in medicamentosCapturados) {
					$('#div_table_medicamentos').removeClass('display-none');
					$('#tbody_medicamentos').append('<tr id="medicamento_' + contadorDeMedicamentos + '"><td>' + medicamentosCapturados[i].cum + '</td><td>' + medicamentosCapturados[i].medicamento_cod + '</td><td>' + medicamentosCapturados[i].nombre + '</td><td>' + medicamentosCapturados[i].cantidad + '</td><td>' + medicamentosCapturados[i].posologia + '</td><td><button id="borrar_medicamento_' + contadorDeMedicamentos++ + '" class="btn btn-xs btn-danger eliminar_medicamento">Eliminar</button></td></tr>');
				}
			}

			// Agregar el botón para agregar remisiones
			$('<a id="btn_static_add_remisiones" href="#modal_remisiones" data-toggle="modal" style="background-color:transparent; border: none;cursor: pointer;"><img style="padding-right: 16px; height: 45px; display: inline;" title="Agregar Remisiones" class="img-responsive" src="<?php echo e(URL::to('img/iconos/clinica_r.png')); ?>" /></a><a id="btn_static_add_procedimiento" href="#modal_procedimientos" data-toggle="modal"><img style="padding-right: 16px; height: 45px; display: inline;" title="Agregar Procedimientos" class="img-responsive" src="<?php echo e(URL::to('img/iconos/clinica_p.png')); ?>" /></a><a id="btn_static_add_procedimiento" href="#modal_medicamentos" data-toggle="modal"><img style="padding-right: 30px; height: 45px; display: inline;" title="Agregar Medicamentos" class="img-responsive" src="<?php echo e(URL::to('img/iconos/clinica_m.png')); ?>" /></a>').insertBefore($('.guardar_seguimiento:nth-child(1)'));

			// autocomplete medicamentos
			var medicamentos = [];
			<?php foreach($medicamentos['nombre'] as $key => $medicamento): ?>
				// var newObject = {value: '', label: ''};
				// medicamentos['<?php echo e($key); ?>'] = {value: '<?php echo e($key); ?>', label: '<?php echo e($medicamento); ?>'};
				medicamentos.push({
					value: '<?php echo e($key); ?>',
					label: '<?php echo e($medicamento); ?>'
				});
			<?php endforeach; ?>
			// console.log(medicamentos);
			$('#medicamento_nombre').autocomplete({
				select: function( event, ui ) {
					event.preventDefault();
					$('#medicamento_cod, #medicamento_cum').val(ui.item.value);
					$('#medicamento_nombre').val(ui.item.label);
					setModalSuccess('medicamento');
			    enableModalButton('medicamento');
				},

				focus: function( event, ui ) {
					event.preventDefault();
					$('#medicamento_nombre').val(ui.item.label);
				},

				source: function(request, response) {
	        	var results = $.ui.autocomplete.filter(medicamentos, request.term);
	        	response(results.slice(0, 10));
	    		}
			});

			/* MODAL PROCEDIMIENTOS */
			$('#procedimiento_nombre').on('input', function(){
			  if ($(this).val().trim().length && procedimientos.indexOf($(this).val()) >= 0) {
			    $('#procedimiento_cups').val($(this).val());
			    setModalSuccess('procedimiento');
			    enableModalButton('procedimiento');
			  } else {
			    $('#procedimiento_cups').val(0);
			    setModalError('procedimiento');
			    disableModalButton('procedimiento');
			  }
			});

			$('#procedimiento_cups').on('input', function(){
			  if ($(this).val().trim().length && $(this).val() != 0) {
			    $('#procedimiento_nombre').val(procedimientos[$(this).val()].label);
			    setModalSuccess('procedimiento');
			    enableModalButton('procedimiento');
			  } else {
			    $('#procedimiento_nombre').val('');
			    setModalError('procedimiento');
			    disableModalButton('procedimiento');
			  }
			});

			$('#procedimiento_cantidad, #procedimiento_observaciones').on('input', function(){
			  if (
			    $('#form_group_procedimiento').hasClass('has-success') &&
			    parseInt($('#procedimiento_cantidad').val()) > 0
			  ) {
			    setModalSuccess('procedimiento');
			    enableModalButton('procedimiento');
			  } else {
			    disableModalButton('procedimiento');
			  }
			});

			// Mostrar la cantidad de caracteres ingresados en obervaciones
			$('#procedimiento_observaciones').on('input', function() {
			  var caracteres = $(this).val().length;
			  $('#span_caracteres_observaciones').text(caracteres);
			});


			// Declarar la variablé que contendrá la lista de procedimientos
			if ($('#lista_de_procedimientos').val() == ''){
			  var procedimientosCapturados = {};
			  var contadorDeProcedimientos = 1;
			}
			else {
			  var procedimientosCapturados = JSON.parse($('#lista_de_procedimientos').val());
			  var contadorDeProcedimientos = Object.keys(procedimientosCapturados).length + 1;
			}

			// Evento al agregar un nuevo procedimiento
			$('#agregar_procedimiento').click(function () {
			  if (!$(this).hasClass('disabled')) {
			    procedimientosCapturados[contadorDeProcedimientos] = {
			      procedimiento_id: $('#procedimiento_cups').val(),
			      cantidad: $('#procedimiento_cantidad').val(),
			      observaciones: $('#procedimiento_observaciones').val(),
			      nombre: $('#procedimiento_nombre').val()
			    };
			    $('#div_table_procedimientos').removeClass('display-none');
			    $('#tbody_procedimientos').append(
			    	'<tr id="procedimiento_' +
			    	contadorDeProcedimientos +
			    	'"><td>' +
			    	$('#procedimiento_cups').val() +
			    	'</td><td>' +
			    	$('#procedimiento_nombre').val() +
			    	'</td><td style="padding: 0px;"><input id="cantidad_procedimiento_' + contadorDeProcedimientos +
					'" style="padding: 0px 10px; max-width: 65px; margin-right: -15px;" type="number" min="1" class="form-control cantidad_procedimiento" value="' +
					$('#procedimiento_cantidad').val() +
					'"/></td"><td style="padding: 0px;"><input id="observaciones_procedimiento_' + contadorDeProcedimientos +
					'" style="padding: 0px 10px;" type="text" maxlength="100" class="form-control observaciones_procedimiento" value="' +
					$('#procedimiento_observaciones').val() +
					'"/></td><td><button id="borrar_procedimiento_' +
					contadorDeProcedimientos++ +
			    	'" class="btn btn-xs btn-danger eliminar_procedimiento">Eliminar</button></td></tr>'
			    );
			    $('#procedimiento_cups option[value='+$('#procedimiento_cups').val()+']').remove();

			    $('#lista_de_procedimientos').val(JSON.stringify(procedimientosCapturados));
			    
			    // Al actualizar el campo cantidad de la tabla del modal de procedimientos
				$('.cantidad_procedimiento').keyup(function() {
					procedimientosCapturados[$(this).attr('id').replace('cantidad_procedimiento_', '')].cantidad = $(this).val();
					$('#lista_de_procedimientos').val(JSON.stringify(procedimientosCapturados));
				});

				// Al actualizar el campo posología de la tabla del modal de procedimientos
				$('.observaciones_procedimiento').keyup(function() {
					procedimientosCapturados[$(this).attr('id').replace('observaciones_procedimiento_', '')].observaciones = $(this).val();
					$('#lista_de_procedimientos').val(JSON.stringify(procedimientosCapturados));
				});

			    // Limpiar los campos
			    $('#procedimiento_cups').val(0);
			    $('#procedimiento_nombre, #procedimiento_cantidad, #procedimiento_observaciones').val('');
			    $('#form_group_procedimiento').removeClass('has-success');
			    $(this).addClass('disabled');

			    // Reiniciar  el conteo del campo de posología
			    $('#span_caracteres_observaciones').text(0);

			    // Evento click al eliminar un procedimiento
			    $('.eliminar_procedimiento').click(function () {
			      var indice = $(this).attr('id').split('_')[2];
			      delete procedimientosCapturados[indice];
			      $('#procedimiento_' + indice).remove();
			      $('#lista_de_procedimientos').val(JSON.stringify(procedimientosCapturados));
			      // $('#yamid').html($('#lista_de_procedimientos').val());
			    });

			  }
			});

			$('#cancelar_procedimientos').click(function () {
			  procedimientosCapturados = {};
			  $('#lista_de_procedimientos').val(JSON.stringify(procedimientosCapturados));
			  $('#div_table_procedimientos').addClass('display-none');
			  $('#tbody_procedimientos').html('');
			  $('#modal_procedimientos').modal('toggle');
			  // $('#yamid').html($('#lista_de_procedimientos').val());
			});

			// Verificar si existen procedimientos en una posible devolución del formulario
			if ($('#lista_de_procedimientos').val() != '') {
			  procedimientosCapturados = JSON.parse($('#lista_de_procedimientos').val());
			  for (var i in procedimientosCapturados) {
			    $('#div_table_procedimientos').removeClass('display-none');
			    $('#tbody_procedimientos').append('<tr id="procedimiento_' + contadorDeProcedimientos + '"><td>' + procedimientosCapturados[i].cum + '</td><td>' + procedimientosCapturados[i].procedimiento_cod + '</td><td>' + procedimientosCapturados[i].nombre + '</td><td>' + procedimientosCapturados[i].cantidad + '</td><td>' + procedimientosCapturados[i].posologia + '</td><td><button id="borrar_procedimiento_' + contadorDeProcedimientos++ + '" class="btn btn-xs btn-danger eliminar_procedimiento">Eliminar</button></td></tr>');
			  }
			}

			// autocomplete procedimientos
			var procedimientos = [];
			<?php foreach($procedimientos['nombre'] as $key => $procedimiento): ?>
				procedimientos.push({value: '<?php echo e($key); ?>', label: '<?php echo e($procedimiento); ?>'});
			<?php endforeach; ?>
			$('#procedimiento_nombre').autocomplete({
				select: function( event, ui ) {
					event.preventDefault();
					$('#procedimiento_cups').val(ui.item.value);
					$('#procedimiento_nombre').val(ui.item.label);
					setModalSuccess('procedimiento');
			    enableModalButton('procedimiento');
				},

				focus: function( event, ui ) {
					event.preventDefault();
					$('#procedimiento_nombre').val(ui.item.label);
				},

				source: function(request, response) {
	        		var results = $.ui.autocomplete.filter(procedimientos, request.term);
	        		response(results.slice(0, 10));
	    		}
			});

////////////////////MODAL REMISIONES JS

// Declarar la variablé que contendrá la lista de remisiones
			if ($('#lista_de_remisiones').val() == ''){
				var remisionesCapturados = {};
				var contadorDeRemisiones = 1;

			}
			else {
				var remisionesCapturados = JSON.parse($('#lista_de_remisiones').val());
				var contadorDeRemisiones = Object.keys(remisionesCapturados).length + 1;
			}

// Evento al agregar un nuevo REMISIONES
$('#agregar_remision').click(function () {
	if (!$(this).hasClass('disabled')) {

		var status = $('input[name="tipo"]:checked').val();
		remisionesCapturados[contadorDeRemisiones] = {
			tipo: status,
			destino: $('#remision_destino').val(),
			especialidad: $('#especialidades_nombre option:selected').text(),
			servicio: $('#remision_servicio').val(),
			ordenamiento: $('#remision_ordenamiento').val()
		};

		$('#div_table_remisiones').removeClass('display-none');
		$('#tbody_remisiones').append(
			'<tr id="remision_' +contadorDeRemisiones+'">'+
			'<td>'+status+'</td>'+
			'<td>'+$('#remision_destino').val()+'</td>'+
			'<td>'+$('#especialidades_nombre option:selected').text()+'</td>'+
			'<td>'+$('#remision_servicio').val()+'</td>'+
			'<td>'+$('#remision_ordenamiento').val()+'</td>'+
			'<td><button id="borrar_remisiones_' +
		contadorDeRemisiones++ +'" class="btn btn-xs btn-danger eliminar_remision">Eliminar</button></td></tr>'
		);

		$('#lista_de_remisiones').val(JSON.stringify(remisionesCapturados));

		$('#especialidades_nombre').val(0);
		$('#remision_destino, #remision_servicio, #remision_ordenamiento').val('');

		// Evento click al eliminar un procedimiento
		$('.eliminar_remision').click(function () {
			var indice = $(this).attr('id').split('_')[2];
			delete remisionesCapturados[indice];
			$('#remision_' + indice).remove();
			$('#lista_de_remisiones').val(JSON.stringify(remisionesCapturados));
		});
	}
});

// Verificar si existen procedimientos en una posible devolución del formulario
if ($('#lista_de_remisiones').val() != '') {
	remisionesCapturados = JSON.parse($('#lista_de_remisiones').val());
	for (var i in remisionesCapturados) {
		$('#div_table_remisiones').removeClass('display-none');
		$('#tbody_remisiones').append('<tr id="remisiones_' + contadorDeRemisiones + '"><td>' + remisionesCapturados[i].tipo + '</td><td>' + remisionesCapturados[i].destino + '</td><td>' + remisionesCapturados[i].especialidades + '</td><td>' + remisionesCapturados[i].servicio + '</td><td>' + remisionesCapturados[i].ordenamiento + '</td><td><button id="borrar_procedimiento_' + contadorDeRemisiones++ + '" class="btn btn-xs btn-danger eliminar_remision">Eliminar</button></td></tr>');
	}
}
/////////////////////

			/* AUTOCOMPLETE PARA DIAGNÓSTICOS */
			// Diabetes mellitus, hipertensió arterial, adulto mayor, gestantes
			<?php if(
					$programa == 1 ||
					$programa == 2 ||
					$programa == 3 ||
					$programa == 4 ||
					$programa == 5 ||
					$programa == 6 ||
					$programa == 7 ||
					$programa == 8 ||
					$programa == 9 ||
					$programa == 10 ||
					$programa == 11 ||
					$programa == 12): ?>

				// Establecer la variable que contendrá todos los diagnósticos
				var diagnosticos = [];
				<?php foreach($diagnosticosPorNombre as $key => $diagnostico): ?>
					diagnosticos.push({value: '<?php echo e($key); ?>', label: '<?php echo e($diagnostico); ?>'});
				<?php endforeach; ?>

				var tiposDeDiagnostico = [
					'#diagnostico_p',
					'#diagnostico_r1',
					'#diagnostico_r2',
					'#diagnostico_r3',
					'#complicacion'
				];

				<?php if($programa == 10): ?>
					tiposDeDiagnostico = [
						'#diagnostico_p',
						'#diagnostico_r1',
						'#diagnostico_r2',
						'#diagnostico_r3',
						'#complicacion',

						'#codigo_induccion',
						'#codigo_operatorio',
						'#defecto_congenito',
						'#enfermedad_recien_nacido_1',
						'#enfermedad_recien_nacido_2',
						'#enfermedad_recien_nacido_3'
					];
				<?php endif; ?>

				function autocompletarDiagnosticos(diagnostico){
					$(diagnostico).autocomplete({
						select: function( event, ui ) {
							event.preventDefault();
							$(diagnostico).val(ui.item.label);
							$(diagnostico + '_id').val(ui.item.label);
						},

						source: function(request, response) {
			        		var results = $.ui.autocomplete.filter(diagnosticos, request.term);
			        		response(results.slice(0, 10));
			    		}
					});
				}
	
				$(tiposDeDiagnostico).each(function(index) {
					autocompletarDiagnosticos(tiposDeDiagnostico[index])
				});
			<?php endif; ?>

			/* EVITAR QUE EL FORMULARIO SE EJECUTE CON LA TECLA ENTER */
			$('form').on('keyup keypress', function(e) {
			  var keyCode = e.keyCode || e.which;
			  if (keyCode === 13) {
			    e.preventDefault();
			    return false;
			  }
			});
		});
	</script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.admin-bloqueo-vista', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>