<?php
/* @var $this SidcaiFirmaController */
/* @var $model SidcaiFirmaPresidente */
?>
<div class="card">
	<div class="card-header bg-secondary">
    	<h5 class="card-title text-center text-white">
    		<?php echo ($model->isNewRecord) ? 'Agregar Firma' : 'Modificar Firma #'.$model->firm_codigo_pk; ?>	
    	</h5>
  	</div>

	<div class="card-body" id="formulario">
		<?php  
		if(Yii::app()->user->hasFlash('success'))
			echo TbHtml::alert(TbHtml::ALERT_COLOR_SUCCESS, Yii::app()->user->getFlash('success'));
		if(Yii::app()->user->hasFlash('danger'))
			echo TbHtml::alert(TbHtml::ALERT_COLOR_DANGER, Yii::app()->user->getFlash('danger'));
		if(Yii::app()->user->hasFlash('warning'))
			echo TbHtml::alert(TbHtml::ALERT_COLOR_WARNING, Yii::app()->user->getFlash('warning'));
		?>
		<div id="error-msg"></div>

		<div class="row">
			<div class="col-md-10 offset-md-1">
				<?php if($model->isNewRecord): ?>
				<div class="alert alert-info">
				<b>Nota</b>: Después de agregar una nueva firma del Presidente de FONACIT recuerde deshabilitar la anterior firma y seleccionar su fin del periodo.
				</div>
			<?php endif; ?>
				<?php  
				$form = $this->beginWidget('bootstrap.widgets.TbActiveForm',
					array(
						'layout' => TbHtml::FORM_LAYOUT_VERTICAL,
						'id' => 'firma-form',
						'enableAjaxValidation' => true,
						'enableClientValidation' => true,
						'clientOptions' => array(
							'validateOnSubmit' => true,
							'afterValidate' => 'js:function(form, data, hasError) {
					      		if(!hasError){
					        		return false;
					      		}
					        }',
						),
						'htmlOptions' => array('enctype' => 'multipart/form-data'),
 					)
				);
				?>
				<div class="form-row">
					<div class="form-group col-md-6">
						<?php 
		        		echo $form->textFieldControlGroup($model, 'firm_nombre', 
		        			array(
		        				'autocomplete' => 'off',
		        			)
		        		); 
		        		?>
					</div>
					<div class="form-group col-md-6">
						<?php 
		        		echo $form->textFieldControlGroup($model, 'firm_cargo', 
		        			array(
		        				'autocomplete' => 'off',
		        			)
		        		); 
		        		?>
					</div>
				</div>
				<div class="form-group">
					<?php  
					echo$form->textAreaControlGroup($model, 'firm_gaceta', array('label' => 'Gaceta Oficial', 'placeholder' => 'Designada según Resolución Ministerial N°....', 'class' => 'input-field'));
					?>
				</div>

				<div class="form-row">
		          <div class="form-group col-md-6">
		                  <?php echo $form->dateFieldControlGroup($model,'firm_inicio_periodo', array('autocomplete' => 'off')); ?>
		              </div>
		              <div class="form-group col-md-6">
		                  <?php echo $form->dateFieldControlGroup($model,'firm_fin_periodo', array('autocomplete' => 'off')); ?>
		              </div>
		        </div>

				<div class="form-row">
					<div class="form-group col-md-4">
						<?php 
					    echo $form->dropDownListControlGroup($model, 'firm_habilitado', 
					      	array(
					         	'1' => 'Si',
					         	'0' => 'No',
					      	),
					  		array(
					  			'class' => 'show-tick selectbox',
			                	'data-dropup-auto' => false,
					  		)
					  	); 
					  	?>
					</div>
				</div>
				<br>
				<p class="h6">Adjunte la firma del presidente de FONACIT en formato <b>.jpeg</b>.</p>
				<div class="row">
					<div class="col-sm-12 col-md-12 col-lg-6">
						<?php echo $form->labelEx($model, 'Firma *', ['style' => 'color:rgba(0, 60, 128, .7)']); ?>
						<div class='form-group file-input text-left' data-max-text='30'>
							<?php echo $form->fileField($model, 'imagen') ?>
							<span class="button" style="font-size: 14px"><i class="material-icons" style="font-size: 14px">cloud_upload</i> Cargar</span>
							<label class="label" data-js-label>Seleccione.</label>
							<span class="input-file-line"></span>
							<span class="text-muted">Permitdo: .jpeg</span>
							<p id="SidcaiFirmaPresidente_imagen_em" class="help-block"></p>
						</div>
					</div>
				</div>

				<?php 
				if(!$model->isNewRecord){
					echo "<div class='row'>";
					// echo "<div class='col-md-12'";
					echo "<img class='img-fluid' width='650' src='".Yii::app()->request->baseUrl."/".$model->firm_ruta."'>";
					// echo "</div>";
					echo "</div>";
					echo "<br>";
				}
				?>

		        <div class="form-group">
		            <?php 
		            echo TbHtml::linkButton('Regresar', array('url' => Yii::app()->baseUrl.'/admin/firma', 'color' => TbHtml::BUTTON_COLOR_SECONDARY));

			        	echo TbHtml::submitButton('Guardar', 
			        		array(
			        			'color' => TbHtml::BUTTON_COLOR_SECONDARY, 
			        			'class' => 'btn-xs float-right',
			        			// 'name' => 'enviar',
			        			'id' => 'enviar',
			        		)
			        	);
			        	?>
		        </div>
		        <?php $this->endWidget(); ?>
			</div>
		</div>
	</div>
</div>
<?php  
Yii::app()->getClientScript()->registerScriptFile(Yii::app()->baseUrl . '/assets/js/datepicker-analista.js', CClientScript::POS_END); 
Yii::app()->getClientScript()->registerScriptFile(Yii::app()->baseUrl . '/assets/js/input-file.js', CClientScript::POS_END);
?>
<script>
function validarImagenFirma(file, error){
	if(error.hasClass('form-group has-error'))
		error.removeClass('form-group has-error');

	if(file.val() != ''){
		error.html("");

		var ext = file[0].files[0].name.split('.');
		ext = ext[ext.length-1];

		if(ext == 'jpg' || ext == 'jpeg'){	
			if(file[0].files[0].size < 2097152){ // 2 MB
				error.html("");
			}else{
				error.addClass(' form-group has-error');
				error.html("Máximo 2 MB.");
			}
		}else{
			error.addClass(' form-group has-error');
			error.html("La extensión en invalida.");
		}
	}else{
		error.addClass(' form-group has-error');
		error.html("La imagen de la firma es requerido");
	}		

}

function validar(modificar){
	var has_error = document.querySelectorAll(".form-group.has-error");
	var div_progress = $(".progress");

	$("#error-msg").html('');

	if(modificar)
		document.getElementById('firma-form').submit();

	if(has_error.length > 0){
		var msj = "Por favor, verifique todos los campos.";
		$("#error-msg").html('<div class="alert alert-warning" role="alert">'+msj+'</div>');
		div_progress.html("");
	}else{
		document.getElementById('firma-form').submit();
	}
	
}

$(document).ready(function(){
	var file = $("#SidcaiFirmaPresidente_imagen");
	var error = $("#SidcaiFirmaPresidente_imagen_em");

	file.change(function(){
		validarImagenFirma(file, error);
	});

	var modificar = false;

	<?php if(!$model->isNewRecord) echo "modificar = true;" ?>

	$("#enviar").on('click', function(){
		validarImagenFirma(file, error);
		validar(modificar);
	});		
});
</script>
