{% extends "account/base_slide.html" %} {% load i18n %} {% block head_title %}{% trans "Sign In" %}{% endblock %}
{% load i18n widget_tweaks %}
{% block content %}
<h1 class='text-center title'>Pre-Login</h1>
<div class="form-login">
<form class="validate-form" method="POST" action="{% url 'prelogin' %}">
{% csrf_token %} {{ form.non_field_errors }}
<input id="field_text" type="hidden" value='{% render_field form.login class="form-control" %}'>
<div class='form-group'>
{{ form.type.errors }}
<p style="text-align: left !important;"> ¿Como te llevamos a tu empresa?</p>
<div class="controls">
{% render_field form.type class="form-control" %}
</div>
</div>
<div class='form-group'>
<div style="text-align: left !important;"> {{ form.login.errors }}</div>
<div id="login_subdomain" class="input-group"></div>
</div>
<button class="btn btn-block" type="submit"> <i class="fa fa-chevron-right"></i> Continuar</button>
<div class="controls">
<p></p>
<p>Si su empresa no cuenta con un subdominio, puede: <strong>
<a class="button secondaryAction" href="{{ url_wisphub }}">Ir a wisphub.net</a></strong></p>
</div>
</form>
</div>
{% endblock %}
{% block extra_resources %}
<script type="text/javascript">
jQuery(document).ready(function() {
var f_type = $("#id_type");
var search = $("#login_subdomain");
var field = $("#field_text").val();
f_type.on("change", function(event) {
var type = f_type.val();
if(type === "Usuario"){
search.empty();
search.removeClass("input-group");
search.addClass("controls");
search.html(field);
$("#id_login").attr("placeholder", "usuario@wisphub")
}
else if(type === "Subdominio Empresa"){
search.empty();
search.removeClass("controls");
search.addClass("input-group");
search.html(field+'<span class="input-group-addon"><b>.wisphub.net</b></span>');
}
else if(type === "Email Empresa"){
search.empty();
search.removeClass("input-group");
search.addClass("controls");
search.html(field);
$("#id_login").attr("placeholder", "soporte@wisphub.com")
}
else if (type === "ID Empresa"){
search.empty();
search.removeClass("input-group");
search.addClass("controls");
search.html(field);
$("#id_login").attr("placeholder", "0001").attr("type", "number");
}
}).change();
});
</script>
{% endblock extra_resources %}