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

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

<?php echo HTML::style('TouchSpin/jquery.bootstrap-touchspin.min.css'); ?>

<?php echo HTML::style('WebPro/plugins/dropzone/dropzone.css'); ?>

<?php echo HTML::style('image-picker/image-picker.css'); ?>

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

<style type="text/css">
	.img-biblioteca { height: 100px; }
	.image_picker_image { height: 100px !important; width: 119px !important; }
	.ModalBiblioteca .modal-dialog { width: 75%; }
	.ModalBiblioteca .modal-dialog .modal-footer { display: unset !important; border-top: unset !important; }
	.image_picker_image { object-fit: contain; }
	.text-count-wrapper-t { display: none; }
	.text-count-wrapper-d { display: none; }
	.block-web .nav-tabs > li.active > a{
		background-color: #FFFFFF !important;
		border-color: -moz-use-text-color;
		border-style: none;
		border-width: medium;
		color: #1B1E24;
		cursor: default;
	}
	.block-web .nav-tabs > li > a:hover{
		background-color: #eee !important;
		color: #5f5c57;
	}
	.tab-container .pager li a{
		background-color: #5cb85c;
		border-color: #3e8f3e;
		border-radius: 2px;
		color: #FFFFFF
	}
	.tab-container .pager li a:hover{
		background-color: #398439;
		border-color: #255625;
	}
	.tab-container .pager li a.btn-default{
		color: #333 !important;
		background-color: #fff !important;
		border-color: #ccc !important;
	}
	.tab-container .pager li a.btn-default:hover{
		color: #333 !important;
		background-color: #ebebeb !important;
		border-color: #adadad !important;
	}
	.input-group .btn {
		padding: 6px 12px;
	}
	.control-label{
		padding-top: 5px;
		font-weight: 700;
		margin-bottom: 5px;
	}
	.btn-group>.btn:first-child {
		width: 215px;
		margin-left: -1px;
		border-radius: 1px;
	}
	.bootstrap-select.btn-group .dropdown-menu.inner{
		max-height: 150px !important;
	}
	.form .form-control{
		margin-bottom: 0; 
	}
	.tab-content {
		min-height: 500px;
	}
	.tblDominios{
		/*margin-left: auto;
		margin-right: auto;*/
		width: 70%;
	}
	.pagination {
		display: inline-block;
		padding-left: 3%;
		margin: 20px 0;
		border-radius: 4px;
	}
	.tab-pane > .form-group{

	}
	.user-info {
		display: inline-block;
	}
	.user-info:first {
		padding-right: 25px;
	}
	.bootstrap-dialog.type-primary .modal-header {
		background-color: #363b3f;
	}
	.visible_over{
		display: initial !important;
		font-size: 17px !important;
    	font-weight: 500 !important;
	}
	.caption .btn{
		display:inline-block;
		width:135px;
		margin-bottom: 3px;
	}
	.tbl-dominio{
		margin-bottom: 0px;
	}
	.intl-tel-input{
		display: block !important;
	}
	@media (max-width: 500px){
		.form-control {
			width: 100% !important;
		}
		.form-group{
			width: 100% !important;
		}
		.btn-group>.btn:first-child {
			margin-left: -1px;
			border-radius: 1px;
			width: 70px;
		}
		.label-ftp{
			margin-left: 20px !important; 
		}
		.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
			margin-left: 25px !important;
   			margin-top: 15px !important;
		}
		.video-ayuda{
			position: relative !important;
			left: 0 !important;
			top: 0 !important;
		}
	}
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('Contenido'); ?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="icon-sc-landingpageicon"></i> Sitio Web </h2>
	</div><!--/col-md-12-->
</div><!--/row-->

<div class="row">
	<div class="col-md-12">
		<?php if(Session::has('message')): ?>
		<div class="alert alert-info"><?php echo Session::get('message'); ?></div>
		<?php endif; ?>
	</div>
</div>
<?php


$coun = count($_GET);
$coun > 0 ?$valor = "Existe":$valor = "NoExiste"; 
$dataDom = json_encode($_GET);
/*echo "<pre>"; print_r($_GET); echo "</pre>";
echo $_GET['li_0_name'];*/
?>
<?php
	$publishableKey = (App::environment() == 'local' || strpos(public_path(), 'desarrollo'))?'2099BEF5-DB8C-4A6D-913D-BF76EC437E0A':'8A34CC68-A52A-4A32-82E6-486C73A5D718';
	$sellerId = (App::environment() == 'local' || strpos(public_path(), 'desarrollo'))?'901335447':'103112521';
	$entorno = (App::environment() == 'local' || strpos(public_path(), 'desarrollo'))?'sandbox':'production';
	$action = (App::environment() == 'local' || strpos(public_path(), 'desarrollo'))?'https://sandbox.2checkout.com/checkout/purchase':'https://www.2checkout.com/checkout/purchase';
	$sesion = (Session::has('DatosUsuario'))?true:false;
	if($sesion){ $DatosUsuario = Session::get('DatosUsuario'); }
?>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Configuración de sitio web </h3> </div>
			<div class="porlets-content">
				<div class="tab-container" id="progressWizard">
					<ul class="nav nav-tabs nav-justified">
						<li class="step active">
							<a  href="#"><span>Paso 1:</span> </a>
						</li>
						<li class="step">
							<a  href="#"><span>Paso 2:</span></a>
						</li>
					</ul>
					<div class="tab-content">
						<div class="progress progress-striped  active" style="height: 20px;">
							<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="45" class="progress-bar progress-bar-success" role="progressbar" style="width: 50%;"></div>
						</div>
						<div class="tab-pane active" id="ptab1">
							<div class="form-group titulo-inicio col-md-8 col-sm-12" style="margin-bottom: 15px;">
								<h4> Para empezar a crear tu sitio web necesitamos hacerte unas preguntas...</h4>
							</div>
							<div class="form-group col-md-8 col-sm-12" style="margin-bottom: 10px;">
								<label for="nomExiste" class="checkbox-inline" style="display: block"> ¿Ya adquiriste o cuentas con un dominio?   ej:  "www.ejemplo.com"</label>
								<div class="rdio rdio-default checkbox-inline" style="margin-left: 25px !important; margin-top: 15px !important;">
									<input type="radio" name="radio" id="nomExiste" value="1" class="rdio-input" />
									<label for="nomExiste" style="margin-left: 0 !important;">Si</label>
								</div>
								<div class="rdio rdio-default checkbox-inline" style="margin-left: 25px !important; margin-top: 15px !important;">
									<input type="radio" name="radio" value="2" id="nombreNoExiste" class="rdio-input" />
									<label for="nombreNoExiste" style="margin-left: 0 !important;">No</label>
								</div>
							</div>
							<div class="form-group dominio-use  col-md-5 col-sm-12"  style="margin-bottom: 10px; display:none;">
								<label class="checkbox-inline" style="display: block; margin-bottom:10px;"> ¿Cual es tu nombre de dominio? </label>
								<input class="form-control dominio-propio" style="margin-left: 20px;" name="dominio-propio" type="text" value=""  placeholder="ej: midominio.com">
								<span class="checkbox-inline errdominio-propio text-danger hide">Este campo es obligatorio</span>
							</div>
							<div class="form-group ask-inicio hide col-md-8 col-sm-12" style="margin-bottom: 10px;">
								<label for="nomExiste" class="checkbox-inline" style="display: block"> ¿Ya cuentas con alojamiento para tu dominio? </label>
								<div class="rdio rdio-default checkbox-inline" style="margin-left: 25px !important; margin-top: 15px !important;">
									<input type="radio" name="radio2" id="alojamientoS" value="1" class="rdio-input" />
									<label for="alojamientoS" style="margin-left: 0 !important;">Si</label>
								</div>
								<div class="rdio rdio-default checkbox-inline" style="margin-left: 25px !important; margin-top: 15px !important;">
									<input type="radio" name="radio2" value="2" id="alojamientoN" class="rdio-input" />
									<label for="alojamientoN" style="margin-left: 0 !important;">No</label>
								</div>
							</div>
							<div class="form-group hide acceso-ftp col-md-8 col-sm-12">
								<label class="checkbox-inline" style="display: block; margin-bottom: 5px;"> Para poder importar el sitio necesitamos acceso FTP a tu cuenta de alojamiento.<br> Hacer esto es muy sencillo mira este video para ver como  </label>
								<!--button class="btn btn-primary" onclick="VerVideo()" style="margin-left:20px">Ver video</button-->
							</div>
							<div class="form-group hide acceso-ftp col-md-8 col-sm-12" style="margin-bottom: 10px; display: block; width: 51%;">
								<label class="checkbox-inline control-label col-md-2" > Usuario: </label>
								<input type="text" name="user-ftp" class="form-control"  id="user-ftp" style="display: inline-block; width: 80%;" value="">
								<span class="checkbox-inline label-ftp text-danger hide" style="margin-left: 14%;">Este campo es obligatorio</span>
							</div>
							<div class="form-group hide acceso-ftp col-md-8 col-sm-12" style="margin-bottom: 50px; display: block; width: 51%;">
								<label class="checkbox-inline control-label col-md-2 text-rigth" > Contraseña: </label>
								<input type="password" name="contra-ftp" class="form-control"  id="contra-ftp" style="display: inline-block; width: 80%;" value="">
								<span class="checkbox-inline label-ftp text-danger hide" style="margin-left: 14%;">Este campo es obligatorio</span>
							</div>
							<div class="form-group hide text-dns col-md-8 col-sm-12" style="margin-bottom: 50px; display: inline-block; width: 50%;">
								<div class="alert alert-warning alert-dismissable fade in" style="margin-top: 10px;">
									<p style="color:#333">Para que podamos alojar tu dominio tienes que apuntar tus dns hacia nuestros servidores.<p style="color:#333" class=""><strong>ns1.sumeclientes.online</strong></p><p style="color:#333"><strong>ns2.sumeclientes.online</strong></p><p style="color:#333"> Para ver como hacer esto mira el video que se encuentra a mano derecha </p>
								</div>
								<div class="alert alert-warning alert-dismissable fade in text-dns " style="margin-top: 10px;">
									<p style="color:#333">Necesitamos que nos confirmes que ya has apuntado los DNS de tu dominio hacia nuestro servidor<p style="color:#333"> Haz clic en el boton de abajo una vez hayas realizado esta accion</p>
								</div>
								<div class="alert alert-danger text-center alert-dismissable fade in text-dns " style="margin-top: 10px;">
									<p style="/*color:#333*/"> No le des click a este botón si nos has apuntado los dns de tu sitio hacia nuestros servidores </p>
								</div>
								<button class="btn btn-success center-block confirmar-cambios "  style="display: block;"><span class="fa fa-check"></span> Confirmo cambios de dns</button>
							</div>
							
							<div class="form-group hide search-dominioName col-md-8 col-sm-12">
								<h4 class="text-left col-sm-12 col-md-7"> Desde aquí puedes adquirir tu nombre de dominio </h4>
								
								<div class="col-sm-8" style="margin-bottom: 25px;">
									<div class="input-group search-dominio input-dominio" >
										<input type="text" name="nomDominio" id="nomDominio" class="form-control" placeholder="Ingresa el nombre que deseas usar para tu dominio aquí">
										<input type="hidden" name="precioD"  id="precioD" value="" />
										<input type="hidden" name="DataExit"  id="DataExit" value="<?=$valor?>" />
										<div class="input-group-btn ">
											<select class='form-control ' id='slPlantilla' name='slPlantilla' data-live-search='true' data-selected-text-format="count" multiple>
											</select> 
										</div>
										<div class="input-group-btn btn-seleccion">
											<button class="btn btn-default buscar-dominio" type="button"><span class="fa fa-search" aria-hidden="true"></span></button>
										</div>
									</div>
									<div class="input-group" style="padding-bottom: 20px; display: none;">
										<input type="text" name="nomDominioExis" id="nomDominioExis" class="form-control input-dominio" style="border-radius: 4px;">
									</div>
									<span class="text-danger hide dominio-val">Este campo es obligatorio</span>
								</div>
							</div>
							<div class="form-group tbl-dominio col-md-8 col-sm-12">	
							</div>
							<div class="paginacion hide col-md-8 col-sm-12"></div>
							<div class="form-group video-ayuda col-md-4 col-sm-12" style="position: absolute; display: none; left: 60%;top: 60px;">
								<h4 class="text-center titulo-video">Video de ayuda de como comprar tu dominio</h4>
								<div class='embed-responsive embed-responsive-16by9' style="width:100%"> 
									<div class='mbed-responsive embed-responsive-16by9 z-depth-1-half ' style="width:100%"> 
										<iframe class='embed-responsive-item center-block video-iframe' src='https://www.youtube.com/embed/-vdmQMUzcwY?controls=0&modestbranding=1&rel=0&showinfo=0&loop=0&fs=0&hl=es&enablejsapi=1&origin=http%3A%2F%2Flocalhost&widgetid=1' allowfullscreen style="width:75%; height:226px" ></iframe>
									</div> 
								</div>
								<!--div class="alert alert-danger text-center alert-dismissable fade in confirmar-cambios hide" style="margin-top: 10px;">
									<p style="color:#333">NO LE DES CLIC A ESTE BOTON SI AUN NO HAS APUNTADO LOS DNS DE TU SITIO HACIA NUESTROS SERVIDORES</p>
								</div>
								<button class="btn btn-success center-block confirmar-cambios hide"  style="display: block;"><span class="fa fa-check"></span> Confirmo cambios de dns</button-->
								<div class="alert alert-danger alert-dismissable fade in check-dns hide" style="padding: 3px; margin-top: 10px;     margin-bottom: 12px;">
									<label class="text-center check-dns hide" style="font-weight:300; margin: 13px 0;"> Antes de veficar  que tus dns ya apunta a nuestros servidores recueda que debe hacer transcurrido un tiempo entre 12h a 24 hora</label>
								</div>
								<div class="alert alert-warning alert-dismissable fade in check-dns hide" style="padding: 3px; margin-top: 10px;     margin-bottom: 12px;">
									<label class="text-center check-dns hide" style="font-weight:300; margin: 13px 0;"> Usa el botón de abajo para verificar si tus dns ya apuntan a nuestros servidores</label>
								</div>
								<button class="btn btn-primary center-block verificar check-dns hide" onclick="verificar()" style="display: block;"><span class="fa fa-check"></span> Verificar DNS</button>
							</div>
						</div>
						<div class="tab-pane" id="ptab2">
						</div>
						<!--div class="tab-pane" id="ptab3">
							<form class="form-horizontal row-border" id="frmSEO">
								<div class="form-group">
									<label class="col-sm-3 control-label text-right">Título</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" name="tituloP" id="tituloP">
										<span class="text-danger" id="errtituloP"></span>
										<input type="hidden" class="form-control" name="idTema" id="idTema">
										<input type="hidden" name="dominioSelect" id="dominioSelect" value="" class="form-control">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label text-right">Descripción</label>
									<div class="col-sm-9">
										<textarea class="form-control" rows="6" name="descripcionP" id="descripcionP"></textarea>
										<span class="text-danger" id="errdescripcionP"></span>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label text-right">Palabras clave</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" name="keywordP">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label"> Imágen de logo </label>
									<div class="col-sm-9">
										<?php
											if(Auth::user()->avatar != '' && File::exists(public_path().'/SysWeb/Usuarios/'.Auth::user()->id.'/Avatar/'.Auth::user()->avatar)){
												$imgPagina = asset('SysWeb/Usuarios/'.Auth::user()->id.'/Avatar/'.Auth::user()->avatar).'?v='.date('H:i:s');
												$ogImage = asset('SysWeb/Usuarios/'.Auth::user()->id.'/Avatar/'.Auth::user()->avatar);
											}
											else{
												$imgPagina = 'https://via.placeholder.com/250x300?text=N/D';
												$ogImage = '';
											}
										?>
										<img class="img-responsive img-thumbnail" src="<?php echo $imgPagina; ?>" id="imgOgImage" style="cursor: pointer; height: 300px;">
										<input type="hidden" name="ImageLogo" value="<?php echo $ogImage; ?>" id="ImageLogo">
										<span class="text-danger" id="errImageLogo"></span>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label text-right">Identificador de página de FB</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" name="identificadorFb" id="identificadorFb">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label text-right">Fragmento de código antes del cierre de la etiqueta &lt;&#x2F;head&gt;</label>
									<div class="col-sm-9">
										<textarea class="form-control" rows="6" name="htmlHead" style="margin-bottom: 15px;"></textarea>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label text-right">Fragmento de código antes del cierre de la etiqueta &lt;&#x2F;body&gt; </label>
									<div class="col-sm-9">
										<textarea class="form-control" rows="6" name="htmlBody"></textarea>
									</div>
								</div>
							<form>
						</div-->
					</div><!-- /tab-content -->
					<ul class="pager wizard">
						<li class="previous">
							<a href="javascript:void(0)" class="btn btn-default">Anterior</a>
						</li>
						<li class="next">
							<a href="javascript:void(0)" class="btn">Siguiente</a>
						</li>
					</ul>
				</div><!--/progressWizard-->
	

			
		</div>
		<input type="hidden" class="form-control" name="idTema" id="idTema" value="">
		<input type="hidden" name="dominioSelect" id="dominioSelect" value="" class="form-control">
		<input type="hidden" id="cid" value="<?php echo Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id; ?>">
		<input type="hidden" id="rutabibliotecascliente" value="<?php echo URL::route('SysWebPAterrizajeBibliotecaImagenesClientes', array('')); ?>/">
		<input type="hidden" id="hdnRutaImagenes" value="<?php echo URL::route('SysWebPAterrizajeGenTemplateImagenes'); ?>">
	</div>
</div><!--/row end-->
	<div id="modalFormPago" class="modal fade" tabindex="-1" role="dialog">
		<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>
				</div>
				<div class="modal-body">
						<form action="https://sandbox.2checkout.com/checkout/purchase" class="form-horizontal" id="" method="post" name="">
						</form>
					</div>
				<div class="modal-footer">
				</div>
		  	</div>
		</div>
	</div>
	  <!-- Modal -->
	  <div id="modalPagos" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade">
			<div role="document" class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
						<h4 id="modalConfigLabel" class="modal-title text-center" style="font-weight:700;"> Formulario para Compra de Dominio</h4>
					</div>
					<div class="modal-body">
							<div class="alert alert-info alert-dismissable fade in alert-info text-center" style="margin-bottom: 15px; margin-top: 0px;"> 
								<label style="font-weight: 300;"> Llena el formulario con la informnación requerida para realizar el pago y adquirir tu dominio</label>
							</div>
							<div class="form-group text-center opcion-info">
									<label class="checkbox-inline control-label "> ¿Con que información desea realizar la compra? </label>
								</div>
							<div class="form-group user-info"  style="margin-left: 10%;">
								<label class="checkbox-inline control-label" for="infoPerfil" style="font-weight: 300;"><input checked id="infoPerfil" name="infoPerfil" type="checkbox"> Usar información de mi perfil <span class="custom-checkbox" style="margin-left: 10px;"></span></label>
							</div>
							<div class="form-group user-info" style="margin-bottom: 25px;">
								<label class="checkbox-inline control-label" for="infoNew" style="font-weight: 300;"><input id="infoNew" name="infoNew" type="checkbox"> Usar información nueva <span class="custom-checkbox" style="margin-left: 10px;"></span></label>
							</div>
						<div class="form light">
							<form  action="https://sandbox.2checkout.com/checkout/purchase" class="form-horizontal" id="frmCheckout" method="post" name="frmCheckout">
								<input name="sid" type="hidden" value="901335447">
								<input name="mode" type="hidden" value="2CO">
								<input name="li_0_type" type="hidden" value="product">
								<div class="form-group">
									<label class="col-sm-4 control-label">Nombre de dominio: </label>
									<div class="col-sm-6">
										<input class="form-control checks-dominio" name="li_0_name" readonly type="text" value="Nombre de dominio:">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-4 control-label">Precio anual de dominio: </label>
									<div class="col-sm-6">
										<input class="form-control checks-precio-input" name="li_0_price" type="text" value=""  readonly>
										<input class="form-control checks-precio" name="li_0_price" type="hidden" value=""  readonly>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-4 control-label">Titular de la tarjeta: <span style="color: #a94442" style="color: #a94442" >*</span></label>
									<div class="col-sm-6">
										<input class="form-control check-nombre" name="card_holder_name" type="text" value="">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-4 control-label">Pais: <span style="color: #a94442" >*</span></label>
									<div class="col-sm-6">
										<select class="form-control crs-country check-pais" id="pais" name="pais" data-region-id="estado" data-default-option="Seleccione un país" data-whitelist="US,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" style="font-size: 13px; padding: 7.5px 11px !important;"  <?php if($sesion): ?> data-default-value="<?php echo $DatosUsuario['pais']; ?>" <?php endif; ?>>
										</select>
										<input class="form-control check-pais" name="country" type="hidden" value="">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-4 control-label">Estado: <span style="color: #a94442" >*</span></label>
									<div class="col-sm-6">
										<select class="form-control check-estado" id="estado" name="state" data-blank-option="Seleccione un estado" data-default-option="Seleccione un estado" style="font-size: 13px; padding: 7.5px 11px !important;" <?php if($sesion): ?> value="<?php echo $DatosUsuario['estado']; ?>" <?php endif; ?> >
										</select>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-4 control-label check-">Cuidad: <span style="color: #a94442" >*</span></label>
									<div class="col-sm-6">
										<input class="form-control check-cuidad" name="city" type="text" value="">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-4 control-label">Codigo postal: <span style="color: #a94442" >*</span></label>
									<div class="col-sm-6">
										<input class="form-control check-cpostal" name="zip" type="text" value="">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-4 control-label">Dirección:</label>
									<div class="col-sm-6">
										<input class="form-control check-direccion" name="street_address" type="text" value="123 Test Address">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-4 control-label">Dirección de Referencia:</label>
									<div class="col-sm-6">
										<input class="form-control check-direccion2" name="street_address2" type="text" value="Suite 200">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-4 control-label">Correo electronico: <span style="color: #a94442" >*</span></label>
									<div class="col-sm-6">
										<input class="form-control check-correo" name="email" required="" type="text" value="">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-4 control-label">Teléfono: <span style="color: #a94442" >*</span></label>
									<div class="col-sm-6">
										<input class="form-control check-phone" name="phone" type="text" value="">
									</div>
								</div><input name="li_0_recurrence" type="hidden" value="1 Year"> 
								<input name="li_0_duration" type="hidden" value="Forever"> 
								<input name="lang" type="hidden" value="es_la"> 
								<input name="li_0_description" type="hidden" id="descripcionD" value=""> 
								<input name="x_receipt_link_url" type="hidden" value="https://sume.tips/Dominio/pagoDominio.php">
								<div class="form-group text-center">
									<strong>Nota </strong><span class="text-warning">  Los campos con <span style="color: #a94442" >*</span> son requeridos</span>
								</div>
								<div class="form-group">
									<input class="btn btn-success Confirmar conf-input" name="submit" style="margin-left: 39%; width: 160px; height: 45px; font-size: 15px;" type="submit" value="Continuar">
									<button type="button" class="btn btn-success Confirmar hide conf-boton" style="margin-left: 39%; width: 160px; height: 45px; font-size: 15px;">Continuar</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JS'); ?>
<script src="https://www.2checkout.com/static/checkout/javascript/direct.min.js"></script>
<?php echo HTML::script('SysWeb/SumeClientes/Preloader.min.js?=v0.1.1'); ?>

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

<?php echo HTML::script('TouchSpin/jquery.bootstrap-touchspin.min.js'); ?>

<?php echo HTML::script('StringToSlug/speakingurl.min.js'); ?>

<?php echo HTML::script('StringToSlug/jquery.stringtoslug.min.js'); ?>

<?php echo HTML::script('WebPro/plugins/dropzone/dropzone.min.js'); ?>

<?php echo HTML::script('image-picker/image-picker.min.js'); ?>

<?php echo HTML::script('jQuery-Text-Counter/textcounter.min.js'); ?>

<?php echo HTML::script('Alphanum/jquery.alphanum.min.js'); ?>

<?php echo HTML::script('twbsPagination/jquery.twbsPagination.min.js'); ?>

<?php echo HTML::script('jQueryValidate/jquery.validationEngine-es.js'); ?>

<?php echo HTML::script('jQueryValidate/jquery.validate.min.js'); ?>

<?php /* HTML::script('jQueryValidate/additional-methods.min.js') */ ?>
<?php echo HTML::script('country-region-selector/crs.min.js'); ?>

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

<?php echo HTML::script('MoneyJS/money.min.js'); ?>

<?php echo HTML::script('AccountingJS/accounting.min.js'); ?>

<script type="text/javascript">
	fx.base = "USD";
	fx.rates = {
		"USD" : 1,
	}
	// Load exchange rates data via AJAX:
	$.getJSON(
		// NB: using Open Exchange Rates here, but you can use any source!
		'https://openexchangerates.org/api/latest.json?app_id=9ea7b69a0b9b4371b4b1925d4c9254cf',
		function(data) {
			// Check money.js has finished loading:
			if ( typeof fx !== "undefined" && fx.rates ) {
				fx.rates = data.rates;
				fx.base = data.base;
			}
			else {
				// If not, apply to fxSetup global:
				var fxSetup = {
					rates : data.rates,
					base : data.base
				}
			}
		}
	);
</script>
<script type="text/javascript">
	var currency = {"BD":"BDT","BE":"EUR","BF":"XOF","BG":"BGN","BA":"BAM","BB":"BBD","WF":"XPF","BL":"EUR","BM":"BMD","BN":"BND","BO":"BOB","BH":"BHD","BI":"BIF","BJ":"XOF","BT":"BTN","JM":"JMD","BV":"NOK","BW":"BWP","WS":"WST","BQ":"USD","BR":"BRL","BS":"BSD","JE":"GBP","BY":"BYR","BZ":"BZD","RU":"RUB","RW":"RWF","RS":"RSD","TL":"USD","RE":"EUR","TM":"TMT","TJ":"TJS","RO":"RON","TK":"NZD","GW":"XOF","GU":"USD","GT":"GTQ","GS":"GBP","GR":"EUR","GQ":"XAF","GP":"EUR","JP":"JPY","GY":"GYD","GG":"GBP","GF":"EUR","GE":"GEL","GD":"XCD","GB":"GBP","GA":"XAF","SV":"USD","GN":"GNF","GM":"GMD","GL":"DKK","GI":"GIP","GH":"GHS","OM":"OMR","TN":"TND","JO":"JOD","HR":"HRK","HT":"HTG","HU":"HUF","HK":"HKD","HN":"HNL","HM":"AUD","VE":"VEF","PR":"USD","PS":"ILS","PW":"USD","PT":"EUR","SJ":"NOK","PY":"PYG","IQ":"IQD","PA":"PAB","PF":"XPF","PG":"PGK","PE":"PEN","PK":"PKR","PH":"PHP","PN":"NZD","PL":"PLN","PM":"EUR","ZM":"ZMK","EH":"MAD","EE":"EUR","EG":"EGP","ZA":"ZAR","EC":"USD","IT":"EUR","VN":"VND","SB":"SBD","ET":"ETB","SO":"SOS","ZW":"ZWL","SA":"SAR","ES":"EUR","ER":"ERN","ME":"EUR","MD":"MDL","MG":"MGA","MF":"EUR","MA":"MAD","MC":"EUR","UZ":"UZS","MM":"MMK","ML":"XOF","MO":"MOP","MN":"MNT","MH":"USD","MK":"MKD","MU":"MUR","MT":"EUR","MW":"MWK","MV":"MVR","MQ":"EUR","MP":"USD","MS":"XCD","MR":"MRO","IM":"GBP","UG":"UGX","TZ":"TZS","MY":"MYR","MX":"MXN","IL":"ILS","FR":"EUR","IO":"USD","SH":"SHP","FI":"EUR","FJ":"FJD","FK":"FKP","FM":"USD","FO":"DKK","NI":"NIO","NL":"EUR","NO":"NOK","NA":"NAD","VU":"VUV","NC":"XPF","NE":"XOF","NF":"AUD","NG":"NGN","NZ":"NZD","NP":"NPR","NR":"AUD","NU":"NZD","CK":"NZD","XK":"EUR","CI":"XOF","CH":"CHF","CO":"COP","CN":"CNY","CM":"XAF","CL":"CLP","CC":"AUD","CA":"CAD","CG":"XAF","CF":"XAF","CD":"CDF","CZ":"CZK","CY":"EUR","CX":"AUD","CR":"CRC","CW":"ANG","CV":"CVE","CU":"CUP","SZ":"SZL","SY":"SYP","SX":"ANG","KG":"KGS","KE":"KES","SS":"SSP","SR":"SRD","KI":"AUD","KH":"KHR","KN":"XCD","KM":"KMF","ST":"STD","SK":"EUR","KR":"KRW","SI":"EUR","KP":"KPW","KW":"KWD","SN":"XOF","SM":"EUR","SL":"SLL","SC":"SCR","KZ":"KZT","KY":"KYD","SG":"SGD","SE":"SEK","SD":"SDG","DO":"DOP","DM":"XCD","DJ":"DJF","DK":"DKK","VG":"USD","DE":"EUR","YE":"YER","DZ":"DZD","US":"USD","UY":"UYU","YT":"EUR","UM":"USD","LB":"LBP","LC":"XCD","LA":"LAK","TV":"AUD","TW":"TWD","TT":"TTD","TR":"TRY","LK":"LKR","LI":"CHF","LV":"EUR","TO":"TOP","LT":"LTL","LU":"EUR","LR":"LRD","LS":"LSL","TH":"THB","TF":"EUR","TG":"XOF","TD":"XAF","TC":"USD","LY":"LYD","VA":"EUR","VC":"XCD","AE":"AED","AD":"EUR","AG":"XCD","AF":"AFN","AI":"XCD","VI":"USD","IS":"ISK","IR":"IRR","AM":"AMD","AL":"ALL","AO":"AOA","AQ":"","AS":"USD","AR":"ARS","AU":"AUD","AT":"EUR","AW":"AWG","IN":"INR","AX":"EUR","AZ":"AZN","IE":"EUR","ID":"IDR","UA":"UAH","QA":"QAR","MZ":"MZN"};
	var currency_2 = ["AFN", "ALL", "DZD", "ARS", "AUD", "AZN", "SD", "BDT", "BBD", "BZD", "BMD", "BOB", "BWP", "BRL", "GBP", "BND", "BGN", "CAD", "CLP", "CNY", "COP", "CRC", "HRK", "CZK", "DKK", "DOP", "XCD", "EGP", "EUR", "FJD", "GTQ", "HKD", "HNL", "HUF", "INR", "IDR", "ILS", "JMD", "JPY", "KZT", "KES", "LAK", "MMK", "LBP", "LRD", "MOP", "MYR", "MVR", "MRO", "MUR", "MXN", "MAD", "NPR", "TWD", "NZD", "NIO", "NOK", "PKR", "PGK", "PEN", "PHP", "PLN", "QAR", "RON", "RUB", "WST", "SAR", "SCR", "SGD", "SBD", "ZAR", "KRW", "LKR", "SEK", "CHF", "SYP", "THB", "TOP", "TTD", "TRY", "UAH", "AED", "USD", "VUV", "VND", "XOF", "YER"];
	function CambiarMoneda(moneda){
		var moneda = moneda;
		if( currency_2.indexOf(moneda)){
			$("#modalPagos").find(".moneda").remove();
			var html = '<input name="currency_code" type="hidden" class="moneda" value="'+moneda+'"> ';
			$("#modalPagos").find("#descripcionD").after(html);
		}
		if( moneda != "SVC" && moneda != "ECS" && moneda != "USD" ){
			var conversion = fx.convert($("#ptab1").find("#precioD").val(), {from: "USD", to: moneda});
			conversion = accounting.formatMoney(conversion, {symbol: moneda, format: "%v %s"});
			$("#modalPagos").find(".checks-precio").next().remove();
			if( currency_2.indexOf(moneda)){
				$("#modalPagos").find("#moneda").attr("value",moneda);
			}
			alerta = '<div class="alert alert-success alert-dismissable fade in text-center alert-moneda" style="margin-bottom: 0; margin-top: 10px;"> \
					<span class="fa fa-question-circle"></span>  US  '+$("#modalPagos").find(".checks-precio").val()+' equivalen a <br> '+conversion+' en tu moneda local \
				</div>';
			$("#modalPagos").find(".checks-precio").after( alerta );
		}
		else{
			if( currency_2.indexOf(moneda)){
				$("#modalPagos").find("#moneda").attr("value",moneda);
			}
			$("#modalPagos").find(".checks-precio").next().remove();
			$("#modalPagos").find(".checks-precio").attr("value",$("#ptab1").find("#precioD").val());
			$("#modalPagos").find(".checks-precio-input").attr("value","$"+$("#ptab1").find("#precioD").val()+".00 USD");
		}
	}
	$.validator.addMethod("zipcode", function(value, element){
		return this.optional(element) || /^\d{5}(?:-\d{4})?$/.test(value);
	}, "El código postal ingresado es inválido");
	function barraProgreso(elemento){
		var contadorWrapper = (elemento=="T")?$(".text-count-wrapper-t"):$(".text-count-wrapper-d");
		var barra = (elemento=="T")?$("#progresoTitle"):$("#progresoDescripcion");
		var total = (elemento=="T")?60:160;
		var porcentaje = (elemento=="T")?(40*100)/total:(120*100)/total;
		var letrasEscritas = parseInt( contadorWrapper.find(".text-count").html() );
		var color = "progress-bar-danger";
		var porcentajeEscrito = 100;
		if( letrasEscritas <= total ){
			porcentajeEscrito = (letrasEscritas*100)/total;
			color = (porcentajeEscrito < porcentaje)?"progress-bar-warning":"progress-bar-success";
		}
		barra.removeClass("progress-bar-success progress-bar-warning progress-bar-danger").addClass(color).css("width", porcentajeEscrito+"%");
		
	}
	function VerVideo() {
		var mensaje = "<div class='row'> \
				<div class='col-xs-12'> \
					<div class='embed-responsive embed-responsive-16by9'> \
						<div class='mbed-responsive embed-responsive-16by9 z-depth-1-half'> \
							<iframe class='embed-responsive-item center-block' src='https://www.youtube.com/embed/-vdmQMUzcwY?controls=0&modestbranding=1&rel=0&showinfo=0&loop=0&fs=0&hl=es&enablejsapi=1&origin=http%3A%2F%2Flocalhost&widgetid=1' allowfullscreen width='50%'></iframe> \
						</div> \
					 </div> \
				</div> \
			</div>";
		BootstrapDialog.show({
		title: "Video demostrativo",
		type: BootstrapDialog.TYPE_PRIMARY,
		message: mensaje,
		draggable: true,
		cssClass: "VerVideo",
		buttons: [{
			id: "btnCerrar",
			label: "Cerrar",
			cssClass: "btn-default",
			action: function(dialogItself){
				dialogItself.close();
			}
		}]
		});
	}
	function comprarDominio() {
		$("#modalPagos").modal("show").on("shown.bs.modal", function(){
			$("#modalPagos").find(".conf-input").removeClass("hide");
			$("#modalPagos").find(".conf-boton").addClass("hide");
			var modal = $(this);
			$.getJSON(
				"//freegeoip.net/json/?callback=?",
				function(dat) {
					var countryCode = dat.country_code;
					var city = dat.city;
					modal.find("#pais").val(countryCode).trigger("change");
					modal.find(".check-pais").val(countryCode);
					modal.find("#estado").val(city).trigger("select");
				}
			);
			modal.find("#pais").change(function(){
				if( $(this).val() != "" ){
					$(this).addClass("seleccionado");
					modal.find(".check-pais").val($(this).val());
					modal.find("input[name='phone']").intlTelInput("setCountry", $(this).val());
					var countryCode = $(this).val();
						$.each(currency, function(i, item){
							if( i == countryCode ){
								CambiarMoneda( item );
							}
						});
				}
				else{
					$(this).removeClass("seleccionado");
					modal.find("#estado").removeClass("seleccionado");
				}
			});
			modal.find("#estado").change(function(){
				if( $(this).val() != "" ){
					$(this).addClass("seleccionado");
				}
				else{
					$(this).removeClass("seleccionado");
				}
			});
			modal.find("input[name='phone']").intlTelInput({ utilsScript: "<?php echo asset('Intl-Tel-Input/js/utils.js'); ?>" });
			$.validator.addMethod("lettersonlys", function(value, element) {
				return this.optional(element) || /^[a-zA-Z]*$/.test(value);
			}, "Solo debe escribir letras");
			$.validator.addMethod("glibphonenumber", function(value, element) {
				return modal.find("input[name='phone']").intlTelInput("isValidNumber");
			},"El número de teléfono es inválido");
			$.post(
				"<?php echo URL::route('SysWebSWebInfoPerfil'); ?>",
				function(data){
					$.each(currency, function(i, item){
						if( i == data.pais ){
							CambiarMoneda( item );
						}
					});
					var dominioName = $('.tblDominios').find("input[type='checkbox']:checked").attr('data-name');
					modal.find("#descripcionD").attr("value","Compra de una renovacion de dominio "+dominioName+" por un año");
					modal.find(".checks-dominio").attr("value",$('.tblDominios').find("input[type='checkbox']:checked").attr('data-name'));
					//modal.find(".checks-precio").attr("value","$"+$("#ptab1").find("#precioD").val());
					modal.find(".checks-descuento").attr("value",($("#ptab1").find("#precioD").val()-1));
					modal.find(".check-nombre").attr("value",data.nombre_completo);
					modal.find(".check-direccion").attr("value",data.direccion);
					modal.find(".check-direccion2").attr("value",data.direccion);
					modal.find(".check-cuidad").attr("value",data.cuidad);
					modal.find(".check-estado").attr("value",data.estado);
					modal.find("#estado").val(data.estado).trigger("select");
					modal.find(".check-pais").attr("value",data.pais);
					modal.find(".check-phone").attr("value",data.telefono);
					modal.find(".check-correo").attr("value",data.correo_electronico);
				},
				"json"
			);
			modal.find("input[type='checkbox']").off("click").on('click', function() {
				modal.find("input[type='checkbox']").not(this).prop('checked', false); 
				if($(this).attr("id") == 'infoNew'){
					modal.find("input[class*=check-]").val("");
				}else{
					$.post(
						"<?php echo URL::route('SysWebSWebInfoPerfil'); ?>",
						function(data){
							$.each(currency, function(i, item){
								if( i == data.pais ){
									CambiarMoneda( item );
								}
							});
							modal.find(".check-dominio").attr("value",$('.tblDominios').find("input[type='checkbox']:checked").attr('data-name'));
							//modal.find(".check-precio").attr("value",$("#ptab1").find("#precioD").val());
							modal.find(".check-descuento").attr("value",($("#ptab1").find("#precioD").val()-1));
							modal.find(".check-nombre").val(data.nombre_completo);
							modal.find(".check-direccion").val(data.direccion);
							modal.find(".check-direccion2").val(data.direccion);
							modal.find(".check-cuidad").val(data.cuidad);
							modal.find(".check-estado").val(data.estado);
							modal.find(".check-pais").val(data.pais);
							modal.find(".check-phone").val(data.telefono);
							modal.find(".check-correo").val(data.correo_electronico);
						},
						"json"
					);
				}
			});
			$("#frmCheckout").validate({ 
				lang: "es",
				errorElement: "span",
				errorClass: "text-danger",
				rules: {
					card_holder_name: {
						required:true,
					},
					street_address: {
						required:true,
					},
					city: {
						required:true,
					},
					state: {
						required:true,
					},
					zip: {
						required:true,
						zipcode:true
					},
					country:{
						required:true,
					},
					phone: {
						required:true,
						digits:true
					},
					email: {
					  required: true,
					  email: true
					}
				},
				messages: {
					card_holder_name: {
						required: "Este campo es obligatorio"
					},
					street_address: {
						required: "Este campo es obligatorio"
					},
					state: {
						required: "Este campo es obligatorio"
					},
					phone: {
						required: "Este campo es obligatorio",
						digits:"Ingrese solo numeros"
					},
					country: {
						required: "Este campo es obligatorio"
					},
					city: {
						required: "Este campo es obligatorio"
					},
					email: {
					  required: "Este campo es obligatorio",
					  email: "Correo Invalido"
					}
				  },
				submitHandler: function(form) {
					$("#modalPagos").find(".conf-input").addClass("hide");
					$("#modalPagos").find(".conf-boton").removeClass("hide").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Cargando');
					var form = form;
					form.submit();
					//$("#modalPagos").find(".Confirmar").text();
				}
			});
		}).on('hide.bs.modal', function () {
			$(".block-web").find("#ptab1").find("input[type='checkbox']").prop('checked', false);
		})
	}
	function verificar(){
		if($(".block-web").find(".dominio-propio").val() != ""){
			$(".block-web").find(".verificar").prop("disabled",true).html("<span class='fa fa-spinner fa-spin'></span>Verificar DNS")
			$.post(
				"<?php echo URL::route('SysWebSWebVerificarNS'); ?>",
				{nombreDominio:$(".block-web").find(".dominio-propio").val()},
				function(data){
					if(data){
						$(".block-web").find(".verificar").next().remove();
						$(".block-web").find(".verificar").prop("disabled",false).html("<span class='fa fa-check'></span> Verificar DNS");
						$(".block-web").find(".next").removeClass("desactivado");
						var alerta_success = '<div class="alert alert-success alert-dismissable fade in" style="margin-top: 10px;"> \
							<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> \
							<p class="text-center">Tus DNS ya apuntan a nuestro servidores</p> \
						</div>';
						$(".block-web").find(".verificar").after(alerta_success);
					}
					else{
						$(".block-web").find(".verificar").next().remove();
						$(".block-web").find(".verificar").prop("disabled",false).html("<span class='fa fa-check'></span> Verificar DNS");
						$(".block-web").find(".next").addClass("desactivado");
						var alerta_fail = '<div class="alert alert-danger alert-dismissable fade in" style="margin-top: 10px;"> \
								<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> \
								<p class="text-center">Lo sentimos tus DNS todavía no apuntan a nuestros servidores.</p> \
								<p class="text-center">Recuerda que después del cambio de DNS debes esperar entre 6h y 24h para que este tome efecto </p>\
							</div>';
						$(".block-web").find(".verificar").after(alerta_fail);
					}
				},
				"json"
			)
		}
		else{
			$(".block-web").find(".errdominio-propio").removeClass("hide");
			setTimeout(function(){$(".block-web").find(".errdominio-propio").addClass("hide")}, 4000);
		}
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
$.post(
	"<?php echo URL::route('SysWebSWebWaitingForDnS'); ?>",
	function(data){
		if(data.success){
			$("#ptab1").find("#alojamientoN").prop("checked",true);
			$(".block-web").find(".ask-inicio").removeClass("hide");
			$(".block-web").find(".text-dns").removeClass("hide");
			$(".block-web").find(".video-ayuda").css("display","block");
			$(".block-web").find(".check-dns").removeClass("hide");
			$("#ptab1").find("#nomExiste").prop("checked",true);
			$(".block-web").find(".dominio-use").show("slow");
			$(".block-web").find(".dominio-propio").val(data.nombre_dominio);
			$(".block-web").find(".titulo-video").text("Video de ayuda de como direccionar tus DNS a nuestros servidores");
			var alerta_fail = '<div class="alert alert-danger alert-dismissable fade in" style="margin-top: 10px;"> \
					<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> \
					<p class="text-center">Lo sentimos tus DNS todavía no apuntan nuestros servidores.</p> \
					<p class="text-center">Recuerda después el cambio de DNS debes esperar entre 6h y 24h para que tu información se propague </p>\
				</div>';
			$(".block-web").find(".verificar").after(alerta_fail);
			$(".block-web").find(".next").addClass("desactivado");
		}
		else{
			$("#ptab1").find("#alojamientoN").prop("checked",false);
			$(".block-web").find(".ask-inicio").addClass("hide");
			$(".block-web").find(".video-ayuda").css("display","block");
			$(".block-web").find(".check-dns").addClass("hide");
			$(".block-web").find(".text-dns").addClass("hide");
			$("#ptab1").find("#nomExiste").prop("checked",false);
			$(".block-web").find(".dominio-use").hide("slow");
			$(".block-web").find(".next").removeClass("desactivado");
		}
	},
	"json"
)

if($("#DataExit").val() == "Existe"){
	$("#ptab1").find(".text-danger").removeClass("hide");
	$(".block-web").find(".step:first").removeClass("active");
	$(".block-web").find(".step:nth-child(2)").addClass("active");
		
	$(".block-web").find(".tab-pane:first").removeClass("active");
	$(".block-web").find("#ptab2").addClass("active");
	$(".block-web").find(".previous > a").addClass("btn-default");
	$(".block-web").find(".previous > a").attr("disabled", true);
	
	$(".block-web").find(".progress-bar").css("width", "100%");
	$(".block-web").find("#dominioSelect").attr("value",$("#ptab1").find("#nomDominio").val());
	$.post(
		"<?php echo URL::route('SysWebSWebSaveDataCompra'); ?>",
		{dataDom:<?php echo $dataDom; ?> },
		function(data){ 	
		},
		"json"
	);
	$.post(
			"<?php echo URL::route('SysWebSWebPlantillas'); ?>",
			function(data){
				$("#ptab2").html("");
				$.each(data, function(i, items) {
					var html_plantillas = '<div class="row"> \
						<div class="panel panel-default col-md-8 col-sm-12" style="padding: 0;"> \
							<div class="panel-heading"> \
								<h4 class="panel-title" style="display: inline-block;"> \
									<a class="collapsed ver-plantilla" style="font-weight: 500;" data-toggle="collapse"  data-id="'+items.id+'" data-parent="#CrearPlantilla" href="#plantilla_'+items.id+'"> \
										<i class="fa fa-angle-right"></i>'+items.nombre+' \
									</a> \
								</h4> \
								<label for="checkbox_'+items.id+'" class="checkbox-inline" style="float: right;">  \
									<input type="checkbox" name="checkbox_'+items.id+'"  id="checkbox_'+items.id+'"> \
									<span class="custom-checkbox"></span>  \
								</label>  \
							</div> \
							<div id="plantilla_'+items.id+'" class="panel-collapse collapse"> \
								<div class="panel-body" id="plantC"> \
									<div class="row section_plantilla add-image_'+items.id+'" data-id-tema="'+items.id+'"> \
									</div> \
									<div class="col-md-2"></div> \
								</div> \
							</div> \
						</div> \
					</div>';
					$("#ptab2").append(html_plantillas);
				});
				if($("#DataExit").val() == "Existe"){
					var html_titulo = '<div class="form-group titulo-plantilla col-md-8 col-sm-12 text-center" style="margin-bottom: 30px;">\
						<h3><strong>Has aquirido tu nombre de dominio "<?php $coun = count($_GET); $coun > 0 ?$valor = $_GET['li_0_name']:$valor = ""; ?> <?php echo $valor; ?>"</strong></h3>\
					</div>';
					$("#ptab2").prepend(html_titulo);
				}
				var plan_html = '<div class="form-group titulo-plantilla col-md-8 col-sm-12 text-center" style="margin-bottom: 30px;">\
					<h4 style="font-weight: 500;">El siguiente paso es que definas como quieres que se vea tu sitio usando una de nuestras plantillas que se encuentran aquí abajo <span class="fa fa-arrow-down" style="font-size: 20px; margin-left: 10px;"></span></h4>\
					<p>Recuerda que si tienes alguna duda te puedes apoyar con el video que esta a la derecha</p>\
				</div>';
				$("#ptab2").find(".titulo-plantilla").after(plan_html);
				var video_plantilla = '<div class="form-group video-plantilla col-md-4 col-sm-12" style="position: absolute; display: block; left: 68%;top: 60px;"> \
					<h4 class="text-center titulo-video">Video de ayuda para seleccionar tu plantilla</h4> \
					<div class="embed-responsive embed-responsive-16by9" style="width:100%">  \
						<div class="mbed-responsive embed-responsive-16by9 z-depth-1-half " style="width:100%">  \
							<iframe class="embed-responsive-item center-block video-iframe" src="https://www.youtube.com/embed/-vdmQMUzcwY?controls=0&modestbranding=1&rel=0&showinfo=0&loop=0&fs=0&hl=es&enablejsapi=1&origin=http%3A%2F%2Flocalhost&widgetid=1" allowfullscreen style="width:75%; height:226px" ></iframe> \
						</div>  \
					</div>  \
				</div>';
				$("#ptab2").append(video_plantilla);
				$(".ver-plantilla").on("click", function(){
					var ver = $(this);
					$.post(
						"<?php echo URL::route('SysWebSWebPlantillas'); ?>",
						{desplegar : $(this).attr("data-id") },
						function(data){ 
							var id = $(".section_plantilla").attr("data-id-tema");
							ver.closest(".panel").find(".add-image_"+id).html("");
							$.each(data, function(i, items) {
								var html ='<div class="col-sm-4 col-md-4"> \
												<div class="thumbnail" style="margin-bottom: 20px; border: 2px solid #363B3F; background-color: #f2f2f2;"> \
													<div class="caption"> \
														<h3 style="height: 50px;" class="text-center">'+items.nombre+'</h3> \
													</div> \
													<img src="<?php echo asset('SysWeb/PaginasAterrizaje/Plantillas/Imagenes/'); ?>/'+items.imagen_plantilla+'" class="thumbnail" style="border: 3px solid #ddd;"> \
													<div class="caption"> \
														<p style="text-align: left;"> Sed ipsum ligula, ultrices quis diam ut, viverra faucibus nulla. Ut scelerisque finibus ligula, vel lacinia dolor commodo vitae. Praesent eget hendrerit elit, at finibus diam.</p> \
													</div> \
													<div class="caption"> \
													</div> \
												</div> \
											</div> ';
								if($(".section_plantilla").attr("data-id-tema") == items.id){
									$(".add-image_"+items.id).append(html)
								}
							});
						},
						"json"
					);
				})
				$(".block-web").find("input[type='checkbox']").off("click").on('click', function() {
					$(".block-web").find("input[type='checkbox']").not(this).prop('checked', false);  
				});
			},
			"json"
	);
}
$("#ptab1").find(".form-group").find("input[type='checkbox']").off("click").on('click', function() {
	$(".block-web").find("#ptab1").find("input[type='checkbox']").not(this).prop('checked', false); 
});

if($("#ptab2").hasClass("active")){
	$(".block-web").find(".titulo-inicio").css("display", "none")
}
$("#ptab1").find("#nomExiste").click(function(){
	$("#ptab1").find(".ask-inicio").toggleClass("hide", 5000)	
	if($(this).is(":checked")){
		$("#ptab1").find(".search-dominio").addClass("hide");
		$("#ptab1").find(".text-dns").addClass("hide");
		$("#ptab1").find(".acceso-ftp").addClass("hide");
		$("#ptab1").find(".search-dominioName").addClass("hide");
		$("#ptab1").find(".ask-inicio").removeClass("hide");
		$("#ptab1").find("#nomDominioExis").parent().css("display", "block");	
		$("#ptab1").find(".tbl-dominio").addClass("hide");
		$("#ptab1").find(".paginacion").addClass("hide");
		$("#ptab1").find("input[name='radio2']").prop("checked", false);
		$("#ptab1").find("#nomDominio").val("");
		$('#slPlantilla').selectpicker('deselectAll');
		$('.selectpicker').selectpicker('val', 'todos');
		$("#slPlantilla").selectpicker('refresh');
		$(".block-web").find(".video-ayuda").css("display", "none");
		$(".block-web").find(".dominio-use").show("slow");
		$("#ptab1").find(".confirmar-cambios").addClass("hide");
		$(".block-web").find(".next").removeClass("desactivado");;
	}
});

$("#ptab1").find("#nombreNoExiste").click(function(){
	$("#ptab1").find(".search-dominioName").toggleClass("hide", 5000)	;
	if($(this).is(":checked")){
		$("#ptab1").find(".search-dominio").removeClass("hide");
		$("#ptab1").find(".ask-inicio").addClass("hide")
		$("#ptab1").find(".text-dns").addClass("hide");
		$("#ptab1").find(".acceso-ftp").addClass("hide");
		$("#ptab1").find("#nomDominioExis").parent().css("display", "none");
		$(".block-web").find("#user-ftp").val(" ");
		$(".block-web").find("#contra-ftp").val("");
		$(".block-web").find(".video-ayuda").css("display", "block");
		//$(".block-web").find(".video-ayuda").find(".video-iframe").attr("src", "");
		$(".block-web").find(".titulo-video").text("Video de ayuda de como comprar tu dominio");
		$(".block-web").find(".dominio-use").hide("slow");
		$("#ptab1").find(".confirmar-cambios").addClass("hide");
		$(".block-web").find(".check-dns").addClass("hide");
		$(".block-web").find(".next").removeClass("desactivado");
		$.post(
			"<?php echo URL::route('SysWebSWebExtensionesDominios'); ?>",
			$("#frmSEO").serialize(),
			function(data){
				var extensiones;
				$.each(data, function(i, items) {
					if(i== 0){
						extensiones +='<option value="todos">Seleccionar todas</option>';
					}
					if(i < 3){
						extensiones +='<option value="'+items.nombre+'" selected>'+items.nombre+'</option>';
					}else{
						extensiones +='<option value="'+items.nombre+'">'+items.nombre+'</option>';
					}
					
				});
				$(".block-web").find("#slPlantilla").html(extensiones).addClass("selectpicker");
				$(".selectpicker").selectpicker();
				$("#ptab1").find(".dropdown-toggle").attr("title", "Selecionados  " + $("#slPlantilla").val().length);
				$("#ptab1").find(".dropdown-toggle > span.filter-option").text($("#slPlantilla").val().length + "  extensiones selecionadas");
			},
			"json"
		);	
	}
});

$("#ptab1").find("#alojamientoN").click(function(){
	$("#ptab1").find(".text-dns").toggleClass("hide", 5000)	;
	$(".block-web").find("#user-ftp").val(" ");
	$(".block-web").find("#contra-ftp").val("");
	if($(this).is(":checked")){
		$("#ptab1").find(".acceso-ftp").addClass("hide");
		$("#ptab1").find(".tbl-dominio").addClass("hide");
		$(".block-web").find(".video-ayuda").css("display", "block");
		$(".block-web").find(".video-ayuda").find(".video-iframe").attr("src", "https://www.youtube.com/embed/PLj_cNYqr4Q?controls=0&modestbranding=1&rel=0&showinfo=0&loop=0&fs=0&hl=es&enablejsapi=1&origin=http%3A%2F%2Flocalhost&widgetid=1");
		$(".block-web").find(".titulo-video").text("Video de ayuda de como direccionar tus DNS a nuestros servidores");
		$("#ptab1").find(".confirmar-cambios").removeClass("hide");
		$("#ptab1").find(".confirmar-cambios").off("click").click(function(){
			$(".block-web").find(".check-dns").removeClass("hide");
			$(this).prop("disabled", true);
		});
		$(".block-web").find(".next").addClass("desactivado");
	}else{
		$("#ptab1").find(".acceso-ftp").addClass("hide");
		$(".block-web").find(".check-dns").addClass("hide");
	}
});

$("#ptab1").find("#alojamientoS").click(function(){
	$("#ptab1").find(".acceso-ftp").toggleClass("hide", 5000)	
	if($(this).is(":checked")){
		$("#ptab1").find(".text-dns").addClass("hide");
		$("#ptab1").find(".tbl-dominio").addClass("hide");
		$(".block-web").find("#user-ftp").val("");
		$(".block-web").find("#contra-ftp").val("");
		$(".block-web").find(".video-ayuda").css("display", "block");
		$(".block-web").find(".video-ayuda").find(".video-iframe").attr("src", "https://www.youtube.com/embed/R5iCGeWnbvE?controls=0&modestbranding=1&rel=0&showinfo=0&loop=0&fs=0&hl=es&enablejsapi=1&origin=http%3A%2F%2Flocalhost&widgetid=1");
		$(".block-web").find(".titulo-video").text("Video de ayuda de como crear un usuario ftp");
		$(".block-web").find(".check-dns").addClass("hide");
		$("#ptab1").find(".confirmar-cambios").addClass("hide");
		$(".block-web").find(".next").removeClass("desactivado");
	}
});
$("#ptab1").find(".pagination").find("li:not(.barras)").click(function(){
	$("#ptab1").find(".pagination").find("li:not(.barras)").each(function(index, data){
		$(this).removeClass("active");
		$(this).find("a").removeClass("active");
	})
	$(this).addClass("active")
	$(this).find("a").addClass("active")
})
$.post(
	"<?php echo URL::route('SysWebSWebExtensionesDominios'); ?>",
	$("#frmSEO").serialize(),
	function(data){
		var extensiones;
		$.each(data, function(i, items) {
			if(i== 0){
				extensiones +='<option value="todos">Seleccionar todas</option>';
			}
			if(i < 3){
				extensiones +='<option value="'+items.nombre+'" selected>'+items.nombre+'</option>';
			}else{
				extensiones +='<option value="'+items.nombre+'">'+items.nombre+'</option>';
			}
			
		});
		$(".block-web").find("#slPlantilla").html(extensiones).addClass("selectpicker");
		$(".selectpicker").selectpicker();
		//$('#slPlantilla').selectpicker('selectAll');
		//$("#ptab1").find(".dropdown-toggle").attr("title", "Selecionar todas");
		//$("#ptab1").find(".dropdown-toggle > span.filter-option").text("Selecionar todas");
		$("#ptab1").find(".dropdown-toggle").attr("title", "Selecionados  " + $("#slPlantilla").val().length);
		$("#ptab1").find(".dropdown-toggle > span.filter-option").text($("#slPlantilla").val().length + "  extensiones selecionadas");
	},
	"json"
);
var nombreDominios = "";
var numExtension = 0;
$("#slPlantilla").on("changed.bs.select", function(e){
	//$("#slPlantilla").selectpicker('refresh');
	nombreDominios = "";
	numExtension = ""
	if( $(this).val() ){
		$.each(
			$(this).val(),
			function(key, value){
				nombreDominios += value;
				numExtension++;
			}
		);	
	}
	if(!$("#ptab1").find(".dropdown-menu > li").hasClass("selected")){
		$("#ptab1").find(".dropdown-menu > li:first").addClass("selected");
		$("#slPlantilla option[value='todos']").attr("selected","selected");
		$("#ptab1").find(".dropdown-toggle").attr("title", "Selecionar todas");
		$("#ptab1").find(".dropdown-toggle > span.filter-option").text("Selecionar todas");
		
	}else{
		$("#ptab1").find(".dropdown-menu > li:first").removeClass("selected");
		$("#slPlantilla option[value='todos']").removeAttr("selected");
	}
	if($("#slPlantilla").val() != null){
		if($("#slPlantilla").val().length > 0){
			$("#ptab1").find(".dropdown-toggle").attr("title", "Selecionados  " + $("#slPlantilla").val().length);
			$("#ptab1").find(".dropdown-toggle > span.filter-option").text($("#slPlantilla").val().length + "  extensiones selecionadas");
		}
	}
});

$("#nomDominio").alphanum({
	allow: "",
	disallow: "",
	allowSpace: false,
	allowNumeric: true,
	allowUpper: false,
	allowLower: true,
	allowCaseless: false,
	allowLatin: true,
	allowOtherCharSets: false,
	forceUpper: false,
	forceLower: false,
	maxLength: 35
});
$(".dominio-propio").alphanum({
	allow: ".",
	disallow: "",
	allowSpace: false,
	allowNumeric: true,
	allowUpper: false,
	allowLower: true,
	allowCaseless: false,
	allowLatin: true,
	allowOtherCharSets: false,
	forceUpper: false,
	forceLower: false,
	maxLength: 35
});

if ($(".block-web").find(".step:first").hasClass("active")){
	$(".block-web").find(".previous > a").attr("disabled", true);
}
$(".block-web").find(".next").on("click", function(e){
	//VALIDA QUE EL USUARIO  Y CONTRASEÑA FTP
	if ($(".block-web").find(".step:first").hasClass("active")){
		if($("#ptab1").find("#alojamientoS").is(":checked")){
			if($("#ptab1").find("#user-ftp").val() != "" && $("#ptab1").find("#contra-ftp").val() != "" && $(".block-web").find(".dominio-propio").val() != ""){
				$("#ptab1").find(".text-danger").removeClass("hide");
				$(".block-web").find(".step:first").removeClass("active");
				$(".block-web").find(".step:nth-child(2)").addClass("active");
				
				$(".block-web").find(".tab-pane:first").removeClass("active");
				$(".block-web").find("#ptab2").addClass("active");
	
				$(".block-web").find(".previous > a").removeClass("btn-default");
				$(".block-web").find(".previous > a").attr("disabled", false);
	
				$(".block-web").find(".progress-bar").css("width", "100%");
				$(".block-web").find("#dominioSelect").attr("value",$("#ptab1").find("#nomDominio").val());
				
				$(".block-web").find(".next > a").text("Finalizar");
				$(this).addClass("finalizar");
			}
			else{
				$("#ptab1").find(".acceso-ftp").find(".label-ftp").removeClass("hide");
				setTimeout(function(clase){	$("#ptab1").find(".text-danger").addClass("hide");}, 5000);
				$(".block-web").find(".errdominio-propio").removeClass("hide");
				setTimeout(function(){$(".block-web").find(".errdominio-propio").addClass("hide")},4000)
			}
		}
		//VALIDA QUE HAYA COMPRADO UN DOMINIO
		else if($("#ptab1").find("#nombreNoExiste").is(":checked")){
			if($("#ptab1").find("#nomDominio").val() != ""){
				if($("#ptab1").find(".table").find("input[type='checkbox']:checked").length != 0){
					if($("#DataExit").val() == "NoExiste"){
						var alerta = '<div class="alert alert-danger alert-dismissable fade in"> \
								<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> \
								Necesita comprar un dominio primero \
							</div>';
						$(".tab-content").find(".progress").after(alerta);
						setTimeout(function(clase){$(".tab-content").find(".alert").remove();}, 3000);
					}
					else{
						$(".block-web").find(".step:first").removeClass("active");
						$(".block-web").find(".step:nth-child(2)").addClass("active");
						
						$(".block-web").find(".tab-pane:first").removeClass("active");
						$(".block-web").find("#ptab2").addClass("active");
			
						$(".block-web").find(".previous > a").removeClass("btn-default");
						$(".block-web").find(".previous > a").attr("disabled", false);
			
						$(".block-web").find(".progress-bar").css("width", "100%");
						$(".block-web").find("#dominioSelect").attr("value",$("#ptab1").find("#nomDominio").val());

						$(".block-web").find(".next > a").text("Finalizar");
						$(this).addClass("finalizar");
					}
				}
				else{
					var alerta = '<div class="alert alert-danger alert-dismissable fade in"> \
							<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> \
							Seleccione un nombre de dominio por favor \
						</div>';
					$(".tab-content").find(".progress").after(alerta);
					setTimeout(function(clase){$(".tab-content").find(".alert").remove();}, 3000);
				}
			}
			else{
				$("#ptab1").find(".search-dominioName").find(".dominio-val").removeClass("hide");
				setTimeout(function(clase){	$("#ptab1").find(".dominio-val").addClass("hide");}, 5000);
			}
		}
		//VALIDA QUE SI EL PROCESO ES POR DNS
		else if($("#ptab1").find("#alojamientoN").is(":checked")){
			if($(".block-web").find(".dominio-propio").val() != ""){
				$(".block-web").find(".step:first").removeClass("active");
				$(".block-web").find(".step:nth-child(2)").addClass("active");
					
				$(".block-web").find(".tab-pane:first").removeClass("active");
				$(".block-web").find("#ptab2").addClass("active");
		
				$(".block-web").find(".previous > a").removeClass("btn-default");
				$(".block-web").find(".previous > a").attr("disabled", false);
		
				$(".block-web").find(".progress-bar").css("width", "100%");
				$(".block-web").find(".next > a").text("Finalizar");
				$(this).addClass("finalizar");
			}
			else{
				$(".block-web").find(".errdominio-propio").removeClass("hide");
				setTimeout(function(){$(".block-web").find(".errdominio-propio").addClass("hide")},4000)
			}
		}

		$.post(
			"<?php echo URL::route('SysWebSWebPlantillas'); ?>",
			function(data){
				$("#ptab2").html("");
				$.each(data, function(i, items) {
					var html_plantillas = '<div class="row"> \
						<div class="panel panel-default col-md-8 col-sm-12" style="padding:0;"> \
							<div class="panel-heading"> \
								<h4 class="panel-title" style="display: inline-block;"> \
									<a class="collapsed ver-plantilla" style="font-weight: 500;" data-toggle="collapse"  data-id="'+items.id+'" data-parent="#CrearPlantilla" href="#plantilla_'+items.id+'"> \
										<i class="fa fa-angle-right"></i>'+items.nombre+' \
									</a> \
								</h4> \
								<label for="checkbox_'+items.id+'" class="checkbox-inline" style="float: right;">  \
									<input type="checkbox" name="checkbox_'+items.id+'"  id="checkbox_'+items.id+'"> \
									<span class="custom-checkbox"></span>  \
								</label>  \
							</div> \
							<div id="plantilla_'+items.id+'" class="panel-collapse collapse"> \
								<div class="panel-body" id="plantC"> \
									<div class="row section_plantilla add-image_'+items.id+'" data-id-tema="'+items.id+'"> \
									</div> \
									<div class="col-md-2"></div> \
								</div> \
							</div> \
						</div> \
					</div>';
					$("#ptab2").append(html_plantillas);
				});
				if($("#DataExit").val() == "Existe"){
					var html_titulo = '<div class="form-group titulo-plantilla col-md-8 col-sm-12 text-center" style="margin-bottom: 30px;">\
						<h4>Exelente has aquirido tu nombre de dominio</h4>\
					</div>';
					$("#ptab2").prepend(html_titulo);
				}
				var plan_html = '<div class="form-group titulo-plantilla col-md-8 col-sm-12 text-center" style="margin-bottom: 30px;">\
						<h4 style="font-weight: 500;">El siguiente paso es que definas como quieres que se vea tu sitio usando una de nuestras plantillas que se encuentran aquí abajo <span class="fa fa-arrow-down" style="font-size: 20px; margin-left: 10px;"></span> <p>Recuerda que si tienes alguna duda te puedes apoyar con el video que esta a la derecha</p></h4>\
					</div>';
					$("#ptab2").prepend(plan_html);
				var video_plantilla = '<div class="form-group video-plantilla col-md-4 col-sm-12" style="position: absolute; display: block; left: 68%;top: 60px;"> \
					<h4 class="text-center titulo-video">Video de ayuda para seleccionar tu plantilla</h4> \
					<div class="embed-responsive embed-responsive-16by9" style="width:100%">  \
						<div class="mbed-responsive embed-responsive-16by9 z-depth-1-half " style="width:100%">  \
							<iframe class="embed-responsive-item center-block video-iframe" src="https://www.youtube.com/embed/-vdmQMUzcwY?controls=0&modestbranding=1&rel=0&showinfo=0&loop=0&fs=0&hl=es&enablejsapi=1&origin=http%3A%2F%2Flocalhost&widgetid=1" allowfullscreen style="width:75%; height:226px" ></iframe> \
						</div>  \
					</div>  \
				</div>';
				$("#ptab2").append(video_plantilla);
				$(".ver-plantilla").on("click", function(){
					var ver = $(this);
					$.post(
						"<?php echo URL::route('SysWebSWebPlantillas'); ?>",
						{desplegar : $(this).attr("data-id") },
						function(data){ 
							var id = $(".section_plantilla").attr("data-id-tema");
							ver.closest(".panel").find(".add-image_"+id).html("");
							$.each(data, function(i, items) {
								console.log("hola"+items.nombre);
								var html ='<div class="col-sm-4 col-md-4"> \
												<div class="thumbnail" style="margin-bottom: 20px; border: 2px solid #363B3F; background-color: #f2f2f2;"> \
													<div class="caption"> \
														<h3 style="height: 50px;" class="text-center">'+items.nombre+'</h3> \
													</div> \
													<img src="<?php echo asset('SysWeb/PaginasAterrizaje/Plantillas/Imagenes/'); ?>/'+items.imagen_plantilla+'" class="thumbnail" style="border: 3px solid #ddd;"> \
													<div class="caption"> \
														<p style="text-align: left;"> Sed ipsum ligula, ultrices quis diam ut, viverra faucibus nulla. Ut scelerisque finibus ligula, vel lacinia dolor commodo vitae. Praesent eget hendrerit elit, at finibus diam. </p> \
													</div> \
													<div class="caption text-center"> \
														<!--button type="button" class="btn btn-success btnSelectionP tooltips" data-idP="'+items.id+'" id="btnSelectionP_'+i+'" data-toggle="tooltip" data-original-title="Seleccionar" data-nombre="'+items.nombre+'"> \
															<i class="fa fa-check"></i> \
														</button-->\
														<a href="'+items.url_vista+'" class="btn btn-primary tooltips  disabled" target="_blank" id="btnVisualP" data-toggle="tooltip" data-original-title="Previsualizar"> \
															<i class="fa fa-eye"></i>\
														</a>\
													</div> \
												</div> \
											</div> ';
								if($(".section_plantilla").attr("data-id-tema") == items.id){
									$(".add-image_"+items.id).append(html);
								}
								if(items.url_vista == ""){
									$("#btnSelectionP_"+i).prop("disabled",true);
								}
								else{
									$("#btnSelectionP_"+i).prop("disabled",false);
								}
							});
						},
						"json"
					);
				})
				$(".block-web").find("input[type='checkbox']").off("click").on('click', function() {
					$(".block-web").find("input[type='checkbox']").not(this).prop('checked', false);  
				});
			},
			"json"
		);	
	}

	//VALIDA QUE QUE SELECIONE UNA PLANTILLA
	else if ($(".block-web").find(".step:nth-child(2)").hasClass("active")){
		if($(".block-web").find("input[type='checkbox']:checked").length !=0 ){
			$(".block-web").find(".step:nth-child(2)").removeClass("active");
			$(".block-web").find(".step:last").addClass("active");
			
			$(".block-web").find("#ptab2").removeClass("active");
			$(".block-web").find(".tab-pane:last").addClass("active");

			$(".block-web").find(".next > a").attr("disabled", false).text("Finalizar");
			$(this).addClass("finalizar");
			$(".block-web").find("#idTema").val($(".block-web").find(".section_plantilla").attr("data-id-tema"))
			$(".block-web").find(".previous > a").removeClass("btn-default").attr("disabled", false);

			$(".block-web").find(".progress-bar").css("width", "100%");
			if($(this).hasClass("finalizar")){
				console.log($(".block-web").find("#idTema").val())
				//$(".block-web").find("#idTema").val()
				console.log($(".block-web").find("#dominioSelect").val());
				//$(".block-web").find("#dominioSelect").val()
				//$(this).prop("disabled",true);
				$.isLoading({ text: "Creando Sitio..." }); NProgress.start();
				$(".isloading-overlay").find(".isloading-wrapper").addClass("visible_over");
				if($("#DataExit").val() == "Existe"){
					var nombre_dominio = $(".block-web").find("#dominioSelect").val();
				}
				if($(".block-web").find(".user-ftp").val() != "" && $(".block-web").find(".user-ftp").val() != " "){
					var dns = false;
				}else{
					var dns = true;
				}
				$.post(
					"<?php echo URL::route('SysWebSWebGuardarSEO'); ?>",
					{idTema:$(".block-web").find("#idTema").val(), dns:dns, nombreDominio: $(".block-web").find("#dominioSelect").val(), usarioFTP:$(".block-web").find("#user-ftp").val(), contraFTP:$(".block-web").find("#contra-ftp").val()},
					function(data){
						if(data.success){
							new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
							setTimeout( function(){ $.isLoading("hide"); NProgress.done(); $(".isloading-overlay").remove(); window.location.href = "<?php echo URL::route('SysWebSWebPaginasxTema'); ?>"; }, 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(""); } });
						}
					},
					"json"
				);
				if($("#DataExit").val() == "Existe"){
					$.post(
						"<?php echo URL::route('SysWebSWebCreateDomain'); ?>",
						{dataDom:<?php echo $dataDom; ?> },
						function(data){
							if(data.success){
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								setTimeout( function(){ $.isLoading("hide"); NProgress.done(); window.location.href = "<?php echo URL::route('SysWebSWebPaginasxTema'); ?>"; }, 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(""); } });
							}
						},
						"json"
					);
				}
				else{
					/*if($(".block-web").find("#user-ftp").val() != "" && $(".block-web").find("#user-ftp").val() != " "){
						ftp = true;
					}
					else{
						ftp = false;
					}
					if($(".block-web").find("#user-ftp").val() != "" && $(".block-web").find("#user-ftp").val() != " "){
						$.post(
							"<?php echo URL::route('SysWebSWebCreateDomain'); ?>",
							{ftp:ftp, nombre_dominio:$(".block-web").find(".dominio-propio").val(), usarioFTP:$(".block-web").find("#user-ftp").val(), contraFTP:$(".block-web").find("#contra-ftp").val()},
							function(data){
								if(data.success){
									new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
									setTimeout( function(){ $.isLoading("hide"); NProgress.done(); window.location.href = "<?php echo URL::route('SysWebSWebPaginasxTema'); ?>"; }, 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(""); } });
								}
							},
							"json"
						);
					}*/
				}
			}
		}
		else{
			var alerta = '<div class="alert alert-danger alert-dismissable fade in" style="width: 67%;"> \
				<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> \
				Seleccione una plantilla por favor \
			</div>';
			$(".tab-content").find(".progress").after(alerta);
			setTimeout(function(clase){$(".tab-content").find(".alert").remove();}, 3000);
		}	
	}
});
$(".block-web").find(".previous").on("click", function(e){
	if ($(".block-web").find(".step:last").hasClass("active")){
		$(".block-web").find(".step:last").removeClass("active");
		$(".block-web").find(".step:first").addClass("active");

		$(".block-web").find(".tab-pane:last").removeClass("active");
		$(".block-web").find("#ptab1").addClass("active");

		$(".block-web").find(".next > a").removeClass("btn-default").attr("disabled", false);
		$(".block-web").find(".progress-bar").css("width", "50%");
		$(".block-web").find(".next > a").attr("disabled", false).text("Siguiente");
		if($("#DataExit").val() == "Existe"){
			$(".block-web").find(".previous > a").addClass("btn-default");
			$(".block-web").find(".previous > a").attr("disabled", true);
		}
		else{
			$(".block-web").find(".previous > a").removeClass("btn-default");
			$(".block-web").find(".previous > a").attr("disabled", false);
		}
		$("#ptab1").find(".acceso-ftp").find(".label-ftp").addClass("hide");
		$(".block-web").find(".errdominio-propio").addClass 	("hide");
	}
	else if ($(".block-web").find(".step:nth-child(2)").hasClass("active")){
		$("#ptab1").find(".acceso-ftp").find(".label-ftp").addClass("hide");
		$(".block-web").find(".step:nth-child(2)").removeClass("active");
		$(".block-web").find(".step:first").addClass("active");
		
		$(".block-web").find("#ptab2").removeClass("active");
		$(".block-web").find("#ptab1").addClass("active");

		$(".block-web").find(".next > a").removeClass("btn-default").attr("disabled", false);
		$(".block-web").find(".previous > a").addClass("btn-default").attr("disabled", true);

		$(".block-web").find(".progress-bar").css("width", "50%");
		$(".block-web").find(".next").removeClass("finalizar");
		$("#ptab1").find("#nomExiste").click(function(){
			if($(this).is(":checked")){
				$("#ptab1").find(".search-dominio").addClass("hide");
				$("#ptab1").find("#nomDominioExis").parent().css("display", "block");
			}else{
				$("#ptab1").find(".search-dominio").removeClass("hide");
				$("#ptab1").find("#nomDominioExis").parent().css("display", "none");
			}
		}); 
	}
});

$(".buscar-dominio").on("click",function(){
	if($("#nomDominio").val() != ""){
		$.isLoading({ text: "Buscando disponibilidad de dominio..." }); NProgress.start();
		$(".isloading-overlay").find(".isloading-wrapper").addClass("visible_over");
		if($("#slPlantilla").val() == "todos"){
			$('#slPlantilla').selectpicker('selectAll');
			var numdatos = $("#slPlantilla").val()
			var exten;
			$(".paginacion").twbsPagination({
				totalPages: 17,
				startPage: 1,
				visiblePages: 10,
				first: "Inicio",
				prev: "Anterior",
				next: "Siguiente",
				last: "Último",
				onPageClick: function (event, page) {
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					var inicio = 10 * page -9;
					var final = 10 * page;
					exten = "";
					$('#slPlantilla').selectpicker('selectAll');
					var datosEx = $("#slPlantilla").val();
					for (i = inicio; i < datosEx.length; i++) { 
						if(i <= final){
							exten += datosEx[i];
						}
					}
					exten =  exten.replace("todos", "")
					$('#slPlantilla').selectpicker('deselectAll');
					$('.selectpicker').selectpicker('val', 'todos');
					nombreDominios = exten;
					$.post(
						"<?php echo URL::route('SysWebSWebBuscarDominio'); ?>",
						{nombre : $("#nomDominio").val(), dominios: nombreDominios, page:1 },
						function(data){
							$("#preloader").remove();
							$("#ptab1").find(".tbl-dominio").removeClass("hide");
							$.isLoading("hide"); NProgress.done();
							$(".isloading-overlay").remove()
							var nombre = $("#nomDominio").val();
							var dll = $("#slPlantilla").val();
							var precios = [];
							var fila;
							var num = 9;
							var table = '<table class="table table-striped table-bordered tblDominios"> \
									<thead> \
									<tr> \
										<th >Nombre</th> \
										<th class="text-center" >Diponibilidad</th> \
										<th class="text-center" > Precio Anual en Dolares </th> \
										<th class="text-center" width="25%">Seleccionar</th> \
									</tr> \
									</thead> \
									<tbody>';
							$.each(data.DomainCheckResult, function(i, items) {
								if(i <= 9){
									$.each(items, function(index, val) {
										console.log(val)
										if(nombre+dll == val.Domain){
											if(val.Available == "true"){
												fila =  "<tr>"+"<td>"+val.Domain+"</td>"+"<td class='text-center disponible'><span class='fa fa-check'  style='color: #04ac33; font-size: 20px;' aria-hidden='true'></span></td>"+"<td class='text-center'> \
													<label for='domain_"+i+"' class='checkbox-inline'><input type='checkbox' name='domain_"+i+"'  id='domain_"+i+" ' data-name='"+val.Domain+"' onclick='comprarDominio()'><span class='custom-checkbox'></span></label></td>"+"<tr>";
											}
											else{
												fila =  "<tr>"+"<td>"+val.Domain+"</td>"+"<td class='text-center disponible'><span class='fa fa-times' style='color: #eb0303; font-size: 20px;' aria-hidden='true'></span></td>"+"<td class='text-center'> \
													<label for='domain_"+i+"' class='checkbox-inline'><input type='checkbox' name='domain_"+i+"'  id='domain_"+i+"' data-name='"+val.Domain+"' disabled ><span class='custom-checkbox'></span></label></td>"+"<tr>";
											}
										}
										else{
											if(val.Available == "true"){
												table += "<tr>"+"<td>"+val.Domain+"</td>"+"<td class='text-center disponible'><span class='fa fa-check' style='color: #04ac33; font-size: 20px;' aria-hidden='true'></span></td>"+"<td class='text-center'> \
													<label for='domain_"+i+"' class='checkbox-inline'><input type='checkbox' name='domain_"+i+"'  id='domain_"+i+"' data-name='"+val.Domain+"' onclick='comprarDominio()'><span class='custom-checkbox'></span></label></td>"+"<tr>";
											}
											else{
												table += "<tr>"+"<td>"+val.Domain+"</td>"+"<td class='text-center disponible'><span class='fa fa-times' style='color: #eb0303; font-size: 20px;' aria-hidden='true'></span></td>"+"<td class='text-center'> \
													<label for='domain_"+i+"' class='checkbox-inline'><input type='checkbox' name='domain_"+i+"'  id='domain_"+i+"' data-name='"+val.Domain+"' disabled><span class='custom-checkbox'></span></label></td>"+"<tr>";
											}
										}			
									});
								}
								else{
									$.each(items, function(index, val) {
										precios.push(val.precio)
									});
								}
							});
							$("#ptab1").find(".paginacion").removeClass("hide");
							table +='</tbody>'+'</table>';
							$(".tbl-dominio").html(table);
							$(".tbl-dominio").find(".paginate").find("#2");
							$(".tbl-dominio").find(".tblDominios").find("tbody").prepend(fila);
							$('.tblDominios').find('tr td.disponible').each(function( i, item){
								$(this).after("<td class='text-center' id='"+i+"'>"+"$"+precios[i]+".00 USD"+"</td>");
							  });
							$(".block-web").find("#ptab1").find("input[type='checkbox']").off("click").on('click', function() {
								$(".block-web").find("#ptab1").find("input[type='checkbox']").not(this).prop('checked', false);  
								$(".block-web").find("#dominioSelect").attr("value",$('.tblDominios').find("input[type='checkbox']:checked").attr('data-name'));
								var id = $('.tblDominios').find("input[type='checkbox']:checked").attr('id')
								var idprecio = parseInt(id.replace('domain_',''));
								console.log(id);
								var precio = $('.tblDominios').find('tr td#'+idprecio).text();
								$(".block-web").find("#ptab1").find("#precioD").val(parseInt(precio.replace('$','')))
							});
	
						},
						"json"
					);
				}
			});
			var data = $("#ptab1").find(".pagination").find(".active").find(".active").attr("id");
			var exten = "";
			$.each($("#slPlantilla").val(), function(i, items) {
				if(i <= 10){
					exten += items
				}
			})
			exten =  exten.replace("todos", "")
			$('#slPlantilla').selectpicker('deselectAll');
			$('.selectpicker').selectpicker('val', 'todos');
			nombreDominios = exten;
			console.log(nombreDominios)
		}else{
			if($("#nomDominio").val() != ""){
				var exten = "";
				$.each($("#slPlantilla").val(), function(i, items) {
					if(i <= 10){
						exten += items
					}
				})
				nombreDominios = exten;
				$.post(
					"<?php echo URL::route('SysWebSWebBuscarDominio'); ?>",
					{nombre : $("#nomDominio").val(), dominios: nombreDominios, },
					function(data){
						$("#ptab1").find(".tbl-dominio").removeClass("hide");
						$.isLoading("hide"); NProgress.done();
						$(".isloading-overlay").remove()
						var nombre = $("#nomDominio").val();
						var dll = $("#slPlantilla").val();
						var fila;
						var precios = [];
						var num = 9;
						console.log(nombre+dll)
						var table = '<table class="table table-striped table-bordered tblDominios"> \
								<thead> \
								<tr> \
									<th >Nombre</th> \
									<th class="text-center" >Diponibilidad</th> \
									<th class="text-center" >Precio Anual en Dolares</th> \
									<th class="text-center" width="25%">Seleccionar</th> \
								</tr> \
								</thead> \
								<tbody>';
										console.log("hola"+data);
						if($("#slPlantilla").val().length == 1){
							$.each(data.dataDominio.DomainCheckResult, function(i, val) {
								if(val.Available == "true"){
									table += "<tr>"+"<td>"+val.Domain+"</td>"+"<td class='text-center disponible'><span class='fa fa-check' style='color: #04ac33; font-size: 20px;' aria-hidden='true'></span></td>"+"<td class='text-center'> \
										<label for='domain_1' class='checkbox-inline'><input type='checkbox' name='domain_1'  id='domain_1' data-name='"+val.Domain+"' onclick='comprarDominio()'><span class='custom-checkbox'></span></label></td>"+"<tr>";
								}
								else{ 
									table += "<tr>"+"<td>"+val.Domain+"</td>"+"<td class='text-center disponible'><span class='fa fa-times' style='color: #eb0303; font-size: 20px;' aria-hidden='true'></span></td>"+"<td class='text-center'> \
										<label for='domain_1' class='checkbox-inline'><input type='checkbox' name='domain_1'  id='domain_1' data-name='"+val.Domain+"' disabled><span class='custom-checkbox'></span></label></td>"+"<tr>";
								}
							});
						}else{
							$.each(data.DomainCheckResult, function(i, items) {	
								if(i < $("#slPlantilla").val().length){
									$.each(items, function(index, val) {
										if(nombre+dll == val.Domain){
											if(val.Available == "true"){
												fila =  "<tr>"+"<td>"+val.Domain+"</td>"+"<td class='text-center disponible'><span class='fa fa-check'  style='color: #04ac33; font-size: 20px;' aria-hidden='true'></span></td>"+"<td class='text-center'> \
													<label for='domain_"+i+"' class='checkbox-inline'><input type='checkbox' name='domain_"+i+"' data-name='"+val.Domain+"'  id='domain_"+i+"' onclick='comprarDominio()'><span class='custom-checkbox'></span></label></td>"+"<tr>";
											}
											else{
												fila =  "<tr>"+"<td>"+val.Domain+"</td>"+"<td class='text-center disponible'><span class='fa fa-times' style='color: #eb0303; font-size: 20px;' aria-hidden='true'></span></td>"+"<td class='text-center'> \
													<label for='domain_"+i+"' class='checkbox-inline'><input type='checkbox' name='domain_"+i+"' data-name='"+val.Domain+"'  id='domain_"+i+"' disabled><span class='custom-checkbox'></span></label></td>"+"<tr>";
											}
										}
										else{
											if(val.Available == "true"){
												table += "<tr>"+"<td>"+val.Domain+"</td>"+"<td class='text-center disponible'><span class='fa fa-check' style='color: #04ac33; font-size: 20px;' aria-hidden='true'></span></td>"+"<td class='text-center'> \
													<label for='domain_"+i+"' class='checkbox-inline'><input type='checkbox' name='domain_"+i+"' data-name='"+val.Domain+"' id='domain_"+i+"' onclick='comprarDominio()'><span class='custom-checkbox'></span></label></td>"+"<tr>";
											}
											else{ 
												table += "<tr>"+"<td>"+val.Domain+"</td>"+"<td class='text-center disponible'><span class='fa fa-times' style='color: #eb0303; font-size: 20px;' aria-hidden='true'></span></td>"+"<td class='text-center'> \
													<label for='domain_"+i+"' class='checkbox-inline'><input type='checkbox' name='domain_"+i+"' data-name='"+val.Domain+"' id='domain_"+i+"' disabled><span class='custom-checkbox'></span></label></td>"+"<tr>";
											}
										}			
									});
								}
								else{
									$.each(items, function(index, val) {
										precios.push(val.precio)
									});
								}
							});
						}
						
						if(numExtension < 10){
							$("#ptab1").find(".paginacion").addClass("hide");
						}
						table +='</tbody>'+'</table>';
						$(".tbl-dominio").html(table);
						$(".tbl-dominio").find(".paginate").find("#2");
						$(".tbl-dominio").find(".tblDominios").find("tbody").prepend(fila);
						$('.tblDominios').find('tr td.disponible').each(function( i, item){
							if($("#slPlantilla").val().length == 1){
								$(this).after("<td class='text-center' id='1'>"+"$"+data.Precio.precio+".00 USD"+"</td>");
							}
							else{
								$(this).after("<td class='text-center' id='"+i+"'>"+"$"+precios[i]+".00 USD"+"</td>");
							}
						  });
						$(".block-web").find("#ptab1").find("input[type='checkbox']").off("click").on('click', function() {
							$(".block-web").find("#ptab1").find("input[type='checkbox']").not(this).prop('checked', false);  
							$(".block-web").find("#dominioSelect").attr("value",$('.tblDominios').find("input[type='checkbox']:checked").attr('data-name'));
							var id = $('.tblDominios').find("input[type='checkbox']:checked").attr('id');
							console.log(id);
							var idprecio = parseInt(id.replace('domain_',''));
							var precio = $('.tblDominios').find('tr td#'+idprecio).text();
							$(".block-web").find("#ptab1").find("#precioD").val(parseInt(precio.replace('$','')))
						});
		
					},
					"json"
				);
			}
		}
	}	
});

$("#flImagen").dropzone({
	url: $("#hdnRutaImagenes").val(),
	maxFiles: 1,
	acceptedFiles: "image/jpeg,image/png",
	success: function (file, response) {
		$("#btnCrearImagen").prop("disabled", false).html("Usar imagen");
		if(response.success){
			
			elemento.find("#"+idImg).attr('src', response.imagen).load(function(){
				elemento.find("#"+idImg).show();
				elemento.find("#img-cargador").remove();
				$("#modalCambiarImagen").modal("hide");
				$.isLoading("hide"); NProgress.done();
			});
			$("#imgOgImage").attr("src", value);
			$("#ImageLogo").val($("#imgOgImage").attr("src"));
		}
		else{
			$("#modalCambiarImagen").modal("hide");
			$.isLoading("hide"); NProgress.done();
			new PNotify({ title: "Error", text: "Ha ocurrido un error, por favor notificalo a soporte!", type: "error" });
		}
	},
	init: function() {
		this.on("addedfile", function(file){
			var dropzone = this;
			if (this.files.length > 1) {
				new PNotify({ title: "Error", text: "No puedes subir más de 1 archivo", type: "error" });
				$.each(this.files, function(i, file){
					dropzone.removeFile(file);
				});
			}
		});
		this.on("maxfilesexceeded", function(file){
			new PNotify({ title: "Error", text: "No puedes subir más de 1 archivo", type: "error" });
			$("#btnCrearImagen").prop("disabled", false).html("Usar imagen");
			$.isLoading("hide"); NProgress.done();
		});
		this.on("processing", function(file){
			$.isLoading({ text: "Cargando..." }); NProgress.start();
			$("#btnCrearImagen").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Procesando...');
		});
	}
})

$("#title").on("click", function(e){
	barraProgreso("T");
});
$("#title").textcounter({
	type: "character",
	min: 40,
	max: 120,
	countContainerClass: "text-count-wrapper-t",
	counterText: "Caracteres contados: %d",
	minimumErrorText: "40 son los caracteres mínimos recomendados",
	maximumErrorText: "Ha excedido la cantidad de caracteres recomendados",
	countSpaces: true,
	countDown: false,
	countDownText: "Le restan %d caracteres",
	countOverflowText: "La cantidad de caracteres excede los %d",
	init: function(el){
		barraProgreso("T");
	}
});
$("#title").on("keyup click blur focus change paste", function(e){
	barraProgreso("T");
});
$("#description").textcounter({
	type: "character",
	min: 50,
	max: 255,
	countContainerClass: "text-count-wrapper-d",
	counterText: "Caracteres contados: %d",
	minimumErrorText: "20 son los caracteres mínimos recomendados",
	maximumErrorText: "Ha excedido la cantidad de caracteres recomendados",
	countSpaces: true,
	countDown: false,
	countDownText: "Le restan %d caracteres",
	countOverflowText: "La cantidad de caracteres excede los %d",
	init: function(el){
		barraProgreso("D");
	}
});
$("#description").on("keyup click blur focus change paste", function(e){
	barraProgreso("D");
});


$("#frmAgregar").submit(function(e){
	e.preventDefault();
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	$("#btnAgregar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Cargando');
	$.post(
		"<?php echo URL::route('SysWebPAterrizajePlantillaxClienteSeoGuardar'); ?>",
		$("#frmAgregar").serialize(),
		function(data){
			$.isLoading("hide"); NProgress.done();
			$("#btnAgregar").prop("disabled", false).html("Guardar");
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebPAterrizajePlantillaxCliente'); ?>"; }, 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(""); } });
			}
		},
		"json"
	);
});
$("#imgOgImage").click(function(e){
	var mensaje = '<div class="col-md-12"> \
		<div class="row"> \
			<div class="col-md-8"> \
				<label> Selecciona una imágen de las bibliotecas de imágenes </label> \
				<div style="height: 465px; overflow: auto;" id="Biblioteca"> \
					<select id="slBiblioteca" style="visibility: hidden;"></select> \
				</div> \
			</div> \
			<div class="col-md-4"> \
				<div class="row"> \
					<div class="col-md-12"> \
						<label> Ó Sube tu imágen (Esta se almacenará en tu biblioteca y podras utilizarla cuantas veces quieras) </label> \
						<form action="#" class="dropzone" id="flImagen"> \
							<div class="fallback"> \
								<input name="file" type="file"> \
							</div> \
						</form> \
					</div> \
					<div class="col-md-12" style="padding-top: 10px;"> \
						<div class="form-group"> \
							<label> Ó escriba la ruta de la imagen </label> \
							<input type="text" class="form-control" id="txtImagen"></input> \
						</div> \
						<div class="form-group"> \
							<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearImagen"> Usar imágen </button> \
						</div> \
					</div> \
				</div> \
			</div> \
		</div> \
	</div>';
	BootstrapDialog.show({
		title: "Imágen Para el Logo",
		type: BootstrapDialog.TYPE_DEFAULT,
		message: mensaje,
		draggable: true,
		cssClass: "ModalBiblioteca",
		onshown: function(dialogRef){
			$("#flImagen").dropzone({
				url: $("#hdnRutaImagenes").val(),
				maxFiles: 1,
				acceptedFiles: "image/jpeg,image/png",
				success: function (file, response) {
					if(response.success){
						var value = response.imagen;
						var img = new Image();
						img.src = value;
						img.onload = function(){
							if(img.height != 0){
								$("#imgOgImage").attr("src", value);
								$("#ImageLogo").val(value);
								$("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
								dialogRef.close();
								$.isLoading("hide"); NProgress.done();
							}
							else{
								new PNotify({ title: "Error", text: "La imágen no pudo ser cargada, por favor vuelve a intentarlo", type: "error" });
								$("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
								dialogRef.close();
								$.isLoading("hide"); NProgress.done();
							}
						}
						img.onerror = function(){
							new PNotify({ title: "Error", text: "La imágen no pudo ser cargada, por favor vuelve a intentarlo", type: "error" });
							$("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
							dialogRef.close();
							$.isLoading("hide"); NProgress.done();
						};
					}
					else{
						dialogRef.close();
						new PNotify({ title: "Error", text: "Ha ocurrido un error, por favor notificalo a soporte!", type: "error" });
					}
				},
				init: function() {
					this.on("addedfile", function(file){
						var dropzone = this;
						if (this.files.length > 1) {
							new PNotify({ title: "Error", text: "No puedes subir más de 1 archivo", type: "error" });
							$.each(this.files, function(i, file){
								dropzone.removeFile(file);
							});
						}
					});
					this.on("maxfilesexceeded", function(file){
						new PNotify({ title: "Error", text: "No puedes subir más de 1 archivo", type: "error" });
						$("#modalCambiarImagen]").modal("hide");
						$.isLoading("hide"); NProgress.done();
					});
					this.on("processing", function(file){
						$.isLoading({ text: "Cargando..." }); NProgress.start();
						$("#btnCrearImagen").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Procesando...');
					});
				}
			}).on("thumbnail", function(file, dataUri) {
				console.log(dataUri);
			});
			$.get(
				$("#rutabibliotecascliente").val()+$("#cid").val(),
				function(data){
					if(data.success){
						$("#slBiblioteca").html("").append('<option value=""></option>');
						$.each(data.biblioteca, function(index, val){
							$("#slBiblioteca").append("<option data-img-src='"+val.ruta+"' value='"+val.id+"'>");
						});
						$("#slBiblioteca").imagepicker({hide_select: true, show_label: true});
						var i = 0;
						$(".image_picker_selector").find("div.thumbnail").each(function(){
							$(this).prepend('<a class="text-danger" href="javascript:EliminarImagenBiblioteca('+data.biblioteca[i].id+')" title="Eliminar imágen de biblioteca"> <i class="fa fa-trash"> </i> </a>');
							i = i + 1;
						});
						$(".image_picker_selector").find("[title]").each(function(){ $(this).tooltip(); });
					}
					else{
						$("#slBiblioteca").hide();
						$("#Biblioteca").append('<div id="dvWrBiblioteca" class="alert alert-warning" role="alert"> Aún no tienes ningúna imágen almacenada en tu biblioteca </div>');
					}
				},
				"json"
			);
			$("#btnCrearImagen").click(function(e){
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				$("#btnCrearImagen").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
				if( $("#txtImagen").val() == "" && $("#slBiblioteca").val() == ""){
					$.isLoading("hide"); NProgress.done();
					new PNotify({ title: "Error", text: "Debes seleccionar una imágen de la biblioteca, subir una imágen o ingresar la ruta de la imágen que deseas almacenar", type: "error" });
				}
				else{
					if( $("#txtImagen").val() != "" ){
						var value = $("#txtImagen").val();
					}
					else{
						var value = $("#slBiblioteca option:selected").attr("data-img-src");
					}
					var img = new Image();
					img.src = value;
					img.onload = function(){
						if(img.height != 0){
							$("#imgOgImage").attr("src", value);
							$("#ImageLogo").val(value);
							$("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
							dialogRef.close();
							$.isLoading("hide"); NProgress.done();
						}
						else{
							new PNotify({ title: "Error", text: "La imágen no pudo ser cargada, por favor vuelve a intentarlo", type: "error" });
							$("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
							dialogRef.close();
							$.isLoading("hide"); NProgress.done();
						}
					};
					img.onerror = function(){
						new PNotify({ title: "Error", text: "La imágen no pudo ser cargada, por favor vuelve a intentarlo", type: "error" });
						$("#btnCrearImagen").html("Usar imágen").prop("disabled", false);
						dialogRef.close();
						$.isLoading("hide"); NProgress.done();
					};
				}
			});
		},
	});
});
<?php $__env->stopSection(); ?>

<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>