<?php $__env->startSection('CSS'); ?>
<?php echo HTML::style('bootstrap-select/css/bootstrap-select.min.css'); ?>

<?php echo HTML::style('Intl-Tel-Input/17.0.3/css/intlTelInput.min.css'); ?>

<style type="text/css">
	.intl-tel-input, .iti {
		height: 34px !important;
		width: 100%;
		/*display: table-cell;*/
	}
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('Contenido'); ?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-envelope-o"></i> E-Mail Marketing </h2>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Crear nuevo perfíl de envío de correos </h3> </div>
			<div class="porlets-content">
				<?php echo Form::open(array('route' => 'SysWebEmailMarketingConfPerfilesAgregar', 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmAgregar', 'files' => true, 'target' => 'upload_iframe')); ?>

					<legend> Datos de envío </legend>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Nombre de remitente </label>
						<div class="col-sm-9">
							<?php echo Form::text('remitente', '',  array('class' => 'form-control', 'placeholder' => '')); ?>

							<span class="text-danger" id="errremitente"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Correo de remitente </label>
						<div class="col-sm-9">
							<?php echo Form::text('correo_electronico', '',  array('class' => 'form-control', 'placeholder' => '')); ?>

							<span class="text-danger" id="errcorreo_electronico"> </span>
							<br>
							<div class="alert alert-warning" style="margin-bottom: 0;">
								<p>
									<strong>IMPORTANTE:</strong> Para cumplir con las regulaciones internacionales CAN-SPAM de envío de correos masivos y para evitar que tus correos sean marcados como no deseados o maliciosos, no puedes usar para tu perfil un correo de los proveedores gratuitos (Gmail, Hotmail, Yahoo, iCloud, etc). <br><br>
									<?php /* <?php if( $Cliente->cliente_padre == ''  ): ?>
									Recuerda que como miembro de Sume Clientes tienes gratis un nombre de dominio (.com, .net, .info, .org) y un correo con 5 GB para ese dominio. Puedes solicitar este beneficio por medio del chat de soporte.
									<?php endif; ?> */ ?>
									Si no cuentas con un correo electrónico institucional nosotros te brindamos uno completamente gratis con la extensión @sume.email para que puedas usarlo en el envío de tus secuencias y campañas de email marketing. Puedes crearlo haciendo clic <a href="<?php echo URL::route('SysWebEmailMarketingConfPerfilesCorreoInstitucional'); ?>" target="_blank">aquí</a>.
								</p>
							</div>
						</div>
					</div>
					<legend> Información de contacto </legend>
					<div class="form-group">
						<label for="pais"  class="col-sm-3 control-label">País</label>
						<div class="col-sm-9">
							<select class="selectpicker form-control <?php if($Cliente->pais != ''): ?> seleccionado <?php endif; ?>" id="pais" name="pais" data-region-id="estado" data-default-value="Seleccione un estado" data-default-option="Seleccione un país" data-whitelist="US,CA,MX,CU,DM,DO,PR,BZ,GT,SV,HN,NI,CR,PA,VE,EC,CO,PE,BO,CL,PY,UY,AR,ES,GQ" data-value="shortcode" data-live-search="true"></select>
							<input type="hidden" name="paisval" id="paisval">
							<span class="text-danger" id="errpais"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Estado/Departamento </label>
						<div class="col-sm-9">
							<select class=" selectpicker form-control <?php if($Cliente->estado != ''): ?> seleccionado <?php endif; ?>" id="estado" name="estado" data-blank-option="Seleccione un estado" data-default-option="Seleccione un estado" data-default-value="<?php echo $Cliente->estado; ?>" data-live-search="true"></select>
							<span class="text-danger" id="errestado"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Dirección </label>
						<div class="col-sm-9">
							<?php echo Form::text('direccion', '',  array('class' => 'form-control', 'placeholder' => '')); ?>

							<span class="text-danger" id="errdireccion"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Nombre de empresa </label>
						<div class="col-sm-9">
							<?php echo Form::text('empresa', '',  array('class' => 'form-control', 'placeholder' => '')); ?>

							<span class="text-danger" id="errempresa"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Sitio web </label>
						<div class="col-sm-9">
							<?php echo Form::text('sitio_web', '',  array('class' => 'form-control', 'placeholder' => '')); ?>

							<span class="text-danger" id="errsitio_web"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Teléfono </label>
						<div class="col-sm-9">
							<?php echo Form::text('telefono', '',  array('class' => 'form-control inTelIn', 'placeholder' => 'Teléfono')); ?>

							<span class="text-danger" id="errtelefono"> </span>
						</div>
					</div>
					<input type="hidden" value="0" name="confirmacion">
					<?php /*
					<div class="form-group">
						<label class="col-sm-3 control-label"> ¿Configurar mensaje de confirmación? </label>
						<div class="col-sm-9">
							<div class="radio-inline">
								<label>
									<input type="radio" checked value="0" id="rdConfirmacionNo" name="confirmacion">
									<span class="custom-radio"></span> No
								</label>
							</div>
							<div class="radio-inline">
								<label>
									<input type="radio" value="1" id="rdConfirmacionSi" name="confirmacion">
									<span class="custom-radio"></span> Si
								</label>
							</div>
							<br>
							<span class="text-danger" id="errtipoLista"> </span>
						</div>
					</div>
					<div id="dvConfirmacion" style="display: none;">
						<legend> Mensaje de confirmación </legend>
						<div class="form-group">
							<label class="col-sm-3 control-label"> Mensaje </label>
							<div class="col-sm-9">
								<?php echo Form::textarea('mensaje_confirmacion', null, array('class' => 'form-control', 'rows' => '2', 'placeholder' => 'Escriba un mensaje')); ?> <br>
								<span class="text-danger" id="errmensaje_confirmacion"> </span> <br>
								------------------------------------------------------------- <br>
								CONFIRME VISITANDO EL ENLACE DE ABAJO <br><br>
								http://www.sumeclientes.com/confirmation <br><br>
								Haga clic en el anterior enlace para darnos permiso de enviarle informacion. Es rapido y facil!. <br>
								------------------------------------------------------------- <br>
								Si tu no quieres confirmar, simplemente ignora este mensaje <br><br>
								<?php echo Form::textarea('mensaje_confirmacion_despedida', null, array('class' => 'form-control', 'rows' => '2', 'placeholder' => 'Coloque una despedida')); ?>

								<span class="text-danger" id="errmensaje_confirmacion_despedida"> </span>
							</div>
						</div>
					</div>
					*/ ?>
					<?php /* ID DEL SERVIDOR DE AWS EN USO, SE PUEDE MODIFICAR EN CASO DE SER NECESARIO DESDE ACÁ */ ?>
					<?php
						$Cliente = Cliente::find(Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id);
						$ConfiguracionAmazon = ConfiguracionAmazon::select('id')->where('estado', '=', 1)->where('enusopordefecto', '=', 1)->where('tipo', '=', 'EMC')->get();
						$idCAEnUso = ConfiguracionAmazon::select('id')->where('estado', '=', 1)->where('enusopordefecto', '=', 1)->where('tipo', '=', 'EMC')->first()->id;
						if( ConfiguracionAmazon::where('estado', '=', 1)->where('enusopordefecto', '=', 1)->where('tipo', '=', 'EMCP')->where('clientes_id', '=', $Cliente->id)->count() == 1 ){
							$idCAEnUso = ConfiguracionAmazon::select('id')->where('estado', '=', 1)->where('enusopordefecto', '=', 1)->where('tipo', '=', 'EMCP')->where('clientes_id', '=', $Cliente->id)->first()->id;
						}
					?>
					<input type="hidden" name="idCA" value="<?php echo $idCAEnUso; ?>">
					<?php /* /ID DEL SERVIDOR DE AWS EN USO, SE PUEDE MODIFICAR EN CASO DE SER NECESARIO DESDE ACÁ */ ?>
					<div class="bottom">
						<?php echo Form::button('Guardar', array('class' => 'btn btn-primary', 'id' => 'btnAgregar', 'type' => 'submit')); ?>

						<?php echo HTML::linkRoute('SysWebEmailMarketingConfPerfiles', 'Cancelar', array(), array('class' => 'btn btn-default')); ?>

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

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

<?php $__env->startSection('JS'); ?>
<?php echo HTML::script('bootstrap-select/js/bootstrap-select.min.js'); ?>

<?php echo HTML::script('Intl-Tel-Input/17.0.3/js/intlTelInput-jquery17-0-16.min.js'); ?>

<?php /* HTML::script('WebPro/plugins/ckeditor-new/ckeditor.js') */ ?>
<?php echo HTML::script('Alphanum/jquery.alphanum.min.js'); ?>

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

<?php $__env->startSection('JSOr'); ?>
$('input[name="telefono"]').intlTelInput({
	utilsScript: "<?php echo asset('Intl-Tel-Input/17.0.3/js/utils17-0-16.min.js'); ?>"
});
$('input[name="telefono"]').addClass("inTelIn");
$('input[name="telefono"]').closest(".iti").css("width","-webkit-fill-available");
$('input[name="telefono"]').intlTelInput("setCountry", "<?php echo $Cliente->pais; ?>");
$('[name="confirmacion"]').click(function(){
	if( $(this).val() == 0 ){
		$("#dvConfirmacion").hide("slow");
	}
	else{
		$("#dvConfirmacion").show("slow");
	}
});
$("#pais").on("changed.bs.select", function (e, clickedIndex, isSelected, previousValue){
	$('#paisval').val($("#pais option:selected").text());
	var paisS = $(this).selectpicker("val");
	$("input[name='telefono']").intlTelInput("setCountry", paisS);
	var countryCode = paisS;
	$("#estado").selectpicker("refresh");
});
$('[name="remitente"]').alphanum({
	allow: ".|",
	disallow: "",
	allowSpace: true,
	allowNewline: false,
	allowNumeric: true,
	allowLatin: true,
	allowOtherCharSets: true,
	maxLength: 35
});
$("#frmAgregar").submit(function(e){
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	$("#btnAgregar").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
	e.preventDefault();
	$(this).find("input").each(function(){
		$(this).val($(this).val().trim());
	});
	var frmAgregar = new FormData(document.getElementById("frmAgregar"));
	$.ajax({
		type: "POST",
		url: "<?php echo URL::route('SysWebEmailMarketingConfPerfilesAgregar', array()); ?>",
		data: frmAgregar,
		cache: false,
		contentType: false,
		processData: false,
		dataType: "json",
		success: function(data){
			$.isLoading("hide"); NProgress.done();
			$("#btnAgregar").html("Guardar").prop("disabled", false);
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebEmailMarketingConfPerfiles'); ?>"; }, 3000 );
			}
			else{
				if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
				$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
			}
		},
		error: function(jqXHR, textStatus, errorThrown){
			new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
		}
	});
});
$( document ).ready(function() {
	var defaultCountry = $("#frmAgregar").find("#pais").attr("data-default-value");
	var shippingCountrySelector = $("#frmAgregar").find("#pais");
	var shippingCountryList = Array.from((shippingCountrySelector.attr("data-whitelist")).split(","));
	getCountryStateCity().then(function(data){
		data.forEach(country => {
			// SE CREAN LAS OPCIONES PARA PAISES DE ENVIO
			if(shippingCountryList.includes(country.iso2)){
				shippingCountrySelector.append($('<option>', {
					value: country.iso2,
					text: country.name
				}));
			}
		});
		// shippingCountrySelector.val(defaultCountry);
		// shippingCountrySelector.change();
		shippingCountrySelector.selectpicker("refresh");
	});
	shippingCountrySelector.change(function(){
		var parametersState = {"getData": "state", "countryCode": $(this).val(), "stateCode": "SS"};
		// AGREGANDO OPCIONES CON CODGO ISO
		getCountryStateCity(parametersState).then(function(data){
			var option = '<option value="" data-iso="">Selecione una opción</option>';
			// ORDENAR ESTADOS ALFABETICAMENTE
			data.sort((a, b) => a.name.localeCompare(b.name));
			// CREANDO HTML DE OPCIONES PARA EL SELECT
			$.each(data, function(i, state){
				option += '<option value="'+state.name+'" data-iso="'+state.iso2+'">'+state.name+'</option>';
			});
			$("#frmAgregar").find("#estado").html(option);
			$("#frmAgregar").find("#estado").selectpicker("refresh");
		}).catch(function(error){
			console.error("Error:", error);
		});
	});
});
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>