{% extends "base.html" %} {% load static from staticfiles %} {% block metatags %}
<link href="{% static 'assets/stylesheets/theme-colors.css' %}" rel="stylesheet" type="text/css" media="all" />
<link href="{% static 'assets/stylesheets/plugins/counter-analog-wh/counter-analog-wh.css' %}" rel="stylesheet" type="text/css" media="all">
<style>
.loading-gif{
z-index: 999 !important;
}
.errorlist li{
font-size: 1rem !important;
}
.alerta {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
background-color: white;
border-color: #f16100;
color: #444e5d;
font-size: 26px;
border: 3px;
/*Parpadeo*/
animation-name: parpadeo;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: 11;
-webkit-animation-name:parpadeo;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: 11;
min-height: 50px;
}
.alerta p {
color: #00C492;
}
.alerta small em {
font-size: 12px;
}
#tiempo {
font-size: 26px;
font-weight: bold;
}
</style>
{% if usuario_afiliado %}
<title>Sistema de Administración Wisp en la nube.</title>
<meta name="description" content="Si necesita administrar su ISP, Le recomendamos WispHub mas detalles en https://wisphub.net/r/{{user_afiliado.id}}/{{ empresa_afiliado.external_id }}" />
<meta property="og:url" content="https://wisphub.net/r/{{user_afiliado.id}}/{{ empresa_afiliado.external_id }}" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Sistema de Administración Wisp en la nube." />
<meta property="og:description" content="Si necesita administrar su ISP, Le recomendamos WispHub mas detalles en https://wisphub.net/r/{{user_afiliado.id}}/{{ empresa_afiliado.external_id }}" />
<meta property="og:image" content="https://wisphub.net{% static 'img/wisphub-facebook.jpg' %}" />
<meta property="og:image:width" content="1563" />
<meta property="og:image:height" content="595" />
{%else%}
<title>{{ titulo }}</title>
<meta name="description" content="WispHub es un Sistema de administración Wisp e Isp donde usted podrá administrar sus clientes, facturación, cortes automáticos, historial de tráfico etc." />
{% endif %}
<link rel="canonical" href="https://wisphub.net/" />
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
{% endblock metatags %}
{% block contenedor %}
<section class="section">
<div class="contenedor">
</div>
</section>
<div id="wrapper">
<div id="content-loading-gif" class="loading-gif" >
<img id="loading-gif" width="100" src="{% static 'img/Spin.svg' %}">
</div>
</div>
<section class="section-green section-top">
{% if promociones_disponibles != 0 %}
<div class="alerta">
<p>Obten un precio especial de <strong style="text-decoration:line-through">$700 USD</strong> a <strong>$600 USD</strong>! valido para las primeras <strong>10</strong> contrataciones!!<br>
<small>Promoción vigente hasta el 4 de julio del 2021, vence en:</small></p>
<div style="margin: auto; width: 40%;">
<div class="clock" style="margin:2em; transform: scale(0.7)"></div>
<div class="message"></div>
<p><small><em>El descuento se aplicara al momento de realizar su pago.</em></small></p>
</div>
</div>
<br>
{% endif %}
<div class="contenedor registro-empresa">
<div class="form">
<h1>{{ titulo }}</h1>
<form class="signup signup-home" id="signup_form" method="post" action="{{ url_signup }}">
{% csrf_token %}
<p>{{ comprar_licencia_form.nombre_empresa }}</p>
<p>{{ comprar_licencia_form.non_field_errors }}</p>
<p>{{ comprar_licencia_form.nombre_empresa.erros }}</p>
<p>{{ comprar_licencia_form.email }}</p>
<p>{{ comprar_licencia_form.email.erros }}</p>
<p>
{{ comprar_licencia_form.country_code }} {{ comprar_licencia_form.telefono }}
</p>
<p>{{ comprar_licencia_form.telefono.errors }}</p>
{% if pago_app == "aplicacion-movil" %}
<p>{{ comprar_licencia_form.licencias_app }}</p>
{% elif pago_app == "meses-adelantados" %}
<p>{{ comprar_licencia_form.licencias_promo }}</p>
<p>{{ comprar_licencia_form.meses_select }}</p>
{% else %}
<p>{{ comprar_licencia_form.licencias }}</p>
<p>{{ comprar_licencia_form.meses_select }}</p>
{% endif %}
<p>{{ comprar_licencia_form.captcha }}</p>
<button class="submit-singup" type="submit">Comprar Licencia</button>
</form>
</div>
<div class="advertising-section">
<div id="slide-home">
<div class="slides">
<a class="slide">
<iframe id="wh-intro-video"
src="https://www.youtube.com/embed/b3GibSvLv_c?enablejsapi=1"
title="Sistema de administración para Wisp e ISP en la nube - WispHub.net"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</a>
<a class="slide" href="#"><img src="{% static 'img/slide/banner-wisphub.jpg' %}"></a>
<a class="slide" href="https://wisphub.net/documentacion/pasarelas-de-pago-23/"><img src="{% static 'img/slide/formas-de-pago.jpg' %}" alt="Pasarelas de Pago Oxxo, PayPal en WisHub" title="Pasarelas de Pago Oxxo, PayPal en WisHub"></a>
<a class="slide" href="#"><img src="{% static 'img/slide/panel.jpg' %}"></a>
<a class="slide" href="#"><img src="{% static 'img/slide/lista-clientes.jpg' %}"></a>
<a class="slide" href="{% url 'precios_fichas_hotspot' %}"><img src="{% static 'img/slide/generador-fichas-hotspot.jpg' %}"></a>
<a class="slide" href="#"><img src="{% static 'img/slide/lista-facturas.jpg' %}"></a>
</div>
<div class="nav-slide"></div>
</div>
</div>
</div>
</section>
{% endblock contenedor %}
{% block extra_resources %}
<script src="{% static 'assets/javascripts/plugins/counter-analog-wh/counter-analog-wh.js' %}" type="text/javascript"></script>
<script type="text/javascript">
var clock;
var timepo_restante = {{ tiempo_restante }};
$(document).ready(function() {
var clock;
clock = $('.clock').FlipClock({
clockFace: 'DailyCounter',
autoStart: false,
language: 'spanish',
callbacks: {
stop: function() {
$('.message').html('The clock has stopped!')
}
}
});
clock.setTime(timepo_restante);
clock.setCountdown(true);
clock.start();
$('.flip-clock-label').css('font-size', '15px');
});
//#region slider registro empresa
// This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
/**
* Esta funcion se invoca automaticamente cuando se termina de cargar la api de YT.
* This function creates an <iframe> (and YouTube player) after the API code downloads.
*/
function onYouTubeIframeAPIReady() {
player = new YT.Player("wh-intro-video", {
videoId: 'b3GibSvLv_c',
events: {
"onStateChange": onPlayerStateChange
}
});
}
/**
* Reacciona a los eventos de la api de YT para pausar o restaurar el slider
*/
function onPlayerStateChange(event) {
const NAV_SLIDE_Z_INDEX = 500;
switch (event.data) {
case YT.PlayerState.PLAYING:
$("#slide-home .slides").cycle("pause");
document.querySelector("#slide-home .nav-slide").style.zIndex = 0;
break;
case YT.PlayerState.PAUSED:
case YT.PlayerState.ENDED:
$("#slide-home .slides").cycle("resume");
document.querySelector("#slide-home .nav-slide").style.zIndex = NAV_SLIDE_Z_INDEX;
break;
default:
break;
}
}
//#endregion
</script>
{% endblock extra_resources %}