<div id="modal-guardar" class="modal fade" tabindex="-1" role="dialog">
	<div class="modal-dialog modal-sm">
		<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">Advertencia</h4>
			</div>
			<div class="modal-body">
				<p>¿Realmente deseas guardar la inscripción del paciente actual?</p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">NO</button>
				<button type="button" class="btn btn-primary" data-dismiss="modal" id="btn-si-guardar">SI</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="row">
	<div class="col-sm-12">
		<h3><?php echo $programa; ?>:</h3>
		<hr>
	</div>
</div>

<?php echo form::open(['class' => 'form-horizontal']); ?>

	<input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>" id="token">
	<?php echo $__env->yieldContent('campos'); ?>
	<div class="container">
		<div class="row">
			<br>
			<div class="col-xs-12">
				<?php echo Form::button('Guardar', [
					'class' => 'btn btn-primary',
					'id' => 'btn-guardar',
					'data-toggle' => 'modal',
					'href' => '#modal-guardar'
				]); ?>

				<?php echo Form::button('Salir de la Inscripción', [
					'class' => 'btn btn-warning display-none btn-right',
					'id' => 'btn-desbloquear',
					'data-toggle' => 'modal',
					'href' => '#modal-confirmar'
				]); ?>

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


<script type="text/javascript">

	function convetToObject(serializeData) {
		serializeData = $("form").serialize().split("&");
    var obj={};
    for(var key in serializeData)
    {
        obj[serializeData[key].split("=")[0]] = serializeData[key].split("=")[1];
    }
    return obj;
	};

	$('#btn-close-alert').click(function(){
		$('#alert-respuesta').fadeOut();
	});
	$('#btn-si-guardar').click(function(){
		$.ajax({
			ulr: '~/inscripcion',
			type: 'post',
			datatype: 'json',
			headers:{'X-CSRF-TOKEN':$('#token').val()},
			data: {
				motivo: $('#motivo').val(),
				fecha: $('#fecha').val(),
				hora: $('#hora').val(),
				acudiente: $('#acudiente').val(),
				parentesco: $('#parentesco').val(),
				paciente_id: $('#paciente_id').val(),
				programa_id: $('input[name=programa_id]').val(),
				paciente: $('#paciente_id option:selected').text(),
				responsable_id: $('select[name=responsable_id]').val(),
				formulario_extra: convetToObject($('.formulario-horizontal').serialize())
			},
			success:function(data){
				for (var i in data) {
					if (i == 'error') {
						desbloquear();
						$('#alert-respuesta').removeClass('alert-success');
						$('#alert-respuesta').addClass('alert-danger');
						$('#contenido-alert').html('<strong>ERROR</strong><br>' + data[i] + '<strong>"<?php echo e($programa); ?>".</strong>');
					} else if(i == 'error2'){
						desbloquear();
						$('#alert-respuesta').removeClass('alert-success');
						$('#alert-respuesta').addClass('alert-danger');
						$('#contenido-alert').html('<strong>ERROR</strong><br>' + data[i]);		
					} else {
						desbloquear();
						librarCampos();
						$('#alert-respuesta').removeClass('alert-danger');
						$('#alert-respuesta').addClass('alert-success');
						// $('#contenido-alert').html('<strong>Paciente Inscrito Exitosamente</strong><br>');
						// for (var j in data[i]) {
						// 	$('#contenido-alert').append('<strong>' + j + '</strong>' + ' = ' + data[i][j] + '<br>');
						// }
						$('#contenido-alert').html(data[i]);
					}
				}
				$('#alert-respuesta').fadeIn();
			},
			error:function(data){
				//alert(jQuery.parseJSON(data['error']));
				


				for (var i in data) {
					console.log(i);

					/*if (data === '' || data === null || data === undefined)
					{	alert("Hi"); 
					}else {
						var respuesta = 'El paciente NO pudo ser inscrito por las siguientes razones:<br>';
						respuesta += '<ol>';
						for(clave in data) {
							respuesta += '<li>' + data[clave] + '</li>';
	                	}
	                	respuesta += '</ol>';
	                	respuesta += var_dump(data);
						alert(respuesta); 
					}*/
				}

				//$('#alert-respuesta').removeClass('alert-success').addClass('alert-danger');
				/*var respuesta = 'El paciente NO pudo ser inscrito por las siguientes razones:<br>';
				respuesta += '<ol>';
				for(clave in data.responseJSON) {
					respuesta += '<li>' + data.responseJSON[clave] + '</li>';
                }
                respuesta += '</ol>';*/
				/*if ($('#modal-request').length)
					$('#modal-request').remove();
                $('body').append('<div id="modal-request" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"><div class="modal-dialog" 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: <small>debes corregir los siguientes requisitos.</small></h4></div><div class="modal-body">' + '</div><div class="modal-footer"><button type="button" class="btn btn-warning" data-dismiss="modal">Continuar</button></div></div></div></div>');*/
                 /*  COPIA DE CODIGO ANTERIOR                 
                 $('body').append('<div id="modal-request" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"><div class="modal-dialog" 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: <small>debes corregir los siguientes requisitos.</small></h4></div><div class="modal-body">' + data.response['error'] + respuesta + '</div><div class="modal-footer"><button type="button" class="btn btn-warning" data-dismiss="modal">Continuar</button></div></div></div></div>');*/
               // $('#modal-request').modal();
			}
		});
	});

	// Inicializar el calculo de edad por js
	$(document).ready(function(){
		calcularDiasMesesYAnos($('#fecha').val().split(' '), $('#fechaDeNacimiento').val().split('-'), $('#edad'));
		$('#fecha').on('change', function(){
			calcularDiasMesesYAnos($('#fecha').val().split(' '), $('#fechaDeNacimiento').val().split('-'), $('#edad'));
		});
	});
</script>
