{% extends "base.html" %} {% load static from staticfiles %}{% load i18n widget_tweaks %}
{% block metatags %}
<title>{{ titulo }} - WispHub.net</title>
<meta name="description" content="{{ titulo }}" />
<link rel="canonical" href="https://wisphub.net{{ post.get_absolute_url }}" />
<link href="{% static 'assets/stylesheets/bootstrap/bootstrap.css' %}" rel="stylesheet" type="text/css" media="all" />
<link href="{% static 'assets/stylesheets/theme-colors.css' %}" rel="stylesheet" type="text/css" media="all" />
<link href="{% static 'css/fonts/iconos28022018/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css" media="all"/>
{% endblock %}
{% block contenedor %}
<section class="section-border">
<div class="contenedor documentacion-post">
<div class="row">
<div class="col-sm-12">
<div class="page-header">
<!-- page title -->
<h1 class="pull-left">
<h3>{{ titulo }}</h3>
</h1>
</div>
</div>
</div>
<form class="form form-horizontal validate-form" method="post" enctype="multipart/form-data">
{% csrf_token %}
{% for hidden in form.hidden_fields %} {{ hidden }} {% endfor %}
<div class='form-group'>
<label class="col-lg-2 col-md-2 control-label control-label-required" for="{{ consultor_form.nombre.id_for_label }}">{{ consultor_form.nombre.label }}</label>
<div class='col-lg-3 col-md-3 col-xs-3 controls'>
{% render_field consultor_form.nombre class="form-control" data-rule-required="true" data-rule-minlength="2" %}
{{ form.non_field_errors }}
{{ consultor_form.nombre.errors }}
</div>
<label class="col-lg-2 col-md-2 control-label control-label-required" for="id_{{ consultor_form.email.id_for_label }}">{{ consultor_form.email.label }}</label>
<div class='col-lg-3 col-md-3 col-xs-3 controls' >
{% render_field consultor_form.email class="form-control" data-rule-required="true" %}
{{ consultor_form.email.errors }}
</div>
</div>
<div class='form-group'>
<label class="col-lg-2 col-md-2 control-label control-label-required" for="id_{{ consultor_form.logo.id_for_label }}" data-toggle="tooltip" title="Puede incluir un logo propio, una imagen o una foto">{{ consultor_form.logo.label }} <i class="fa fa-question-circle fa-lg" aria-hidden="true"></i></label>
<div class='col-lg-3 col-md-3 controls' >
{% render_field consultor_form.logo class="form-control" data-rule-required="true" %}
{{ consultor_form.logo.errors }}
</div>
<label class="col-lg-2 col-md-2 control-label control-label-required" data-toggle="tooltip" title="Importante: puede agregar mas de un numero con su codigo" for="{{ consultor_form.telefono.id_for_label }}">{{ consultor_form.telefono.label }} <i class="fa fa-question-circle fa-lg" aria-hidden="true"></i></label>
<div class='col-lg-3 col-md-3 controls'>
{% render_field consultor_form.telefono class="form-control" data-rule-required="true" %} {{ consultor_form.telefono.errors }}
</div>
</div>
<div class='form-group'>
<label class="col-lg-2 col-md-2 control-label" for="id_{{ consultor_form.pagina_web.id_for_label }}" >{{ consultor_form.pagina_web.label }}</label>
<div class='col-lg-3 col-md-3 controls'>
{% render_field consultor_form.pagina_web class="form-control" %}
{{ consultor_form.pagina_web.errors }}
</div>
<label class="col-lg-2 col-md-2 control-label control-label-required" for="id_{{ consultor_form.pais.id_for_label }}">{{ consultor_form.pais.label }}</label>
<div class='col-lg-3 col-md-3 controls' >
{% render_field consultor_form.pais class="js-example-basic-multiple" style="width: 100%" data-rule-required="true" %}
{{ consultor_form.pais.errors }}
</div>
</div>
<div class='form-group'>
<label class="col-lg-2 col-md-2 control-label" for="id_{{ consultor_form.ciudad.id_for_label }}">{{ consultor_form.ciudad.label }}</label>
<div class='col-lg-3 col-md-3 controls' >
{% render_field consultor_form.ciudad class="form-control" %}
{{ consultor_form.ciudad.errors }}
</div>
<label class="col-lg-2 col-md-2 control-label" for="{{ consultor_form.certificacion.id_for_label }}">{{ consultor_form.certificacion.label }} </label>
<div class='col-lg-3 col-md-3 controls'>
{% render_field consultor_form.certificacion class="js-example-basic-multiple" style="width: 100%" %}
{{ consultor_form.certificacion.errors }}
</div>
</div>
<div class='form-group'>
<label class="col-lg-2 col-md-3 control-label control-label-required" for="id_{{ consultor_form.descripcion.id_for_label }}" data-toggle="tooltip" title="En este apartado puede describir sus funciones">{{ consultor_form.descripcion.label }} <i class="fa fa-question-circle fa-lg" aria-hidden="true"></i></label>
<div class='col-lg-8 col-md-8 controls' >
{% render_field consultor_form.descripcion class="form-control" data-rule-required="true" type="text" %}
{{ consultor_form.descripcion.errors }}
</div>
</div>
<div class='form-group'>
<label class="col-lg-2 col-md-3 control-label" for="id_{{ consultor_form.imagen_certificacion.id_for_label }}" data-toggle="tooltip" title="Puede incluir urls para avaluar sus certificaciones, use una linea por url">{{ consultor_form.imagen_certificacion.label }} <i class="fa fa-question-circle fa-lg" aria-hidden="true"></i></label>
<div class='col-lg-8 col-md-8 controls' >
{% render_field consultor_form.imagen_certificacion class="form-control" %}
{{ consultor_form.imagen_certificacion.errors }}
</div>
</div>
<div class='form-group'>
<label class="col-lg-2 col-md-2 control-label"></label>
<div class='col-lg-3 col-md-3 controls' >
{{ consultor_form.captcha }}
</div>
</div>
<div class="panel panel-info">
<div class="panel-heading">
<h5 class="panel-title"><i class="icon-info"></i> Nota</h5>
</div>
<div class="panel-body">
WispHub se revserva el derecho a editar y/o publicar la informacion.
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary"><i class="fa fa-floppy-o"></i> Guardar </button>
<a class="btn" href="{{ url_regreso }}">Cancelar</a>
</div>
</div>
</form>
</div>
</section>
{% endblock %}
{% block extra_resources %}
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<link href="{% static 'assets/stylesheets/plugins/select2/select2.css' %}" rel="stylesheet" type="text/css" media="all" />
<script src="{% static 'assets/javascripts/plugins/select2/select2.js' %}" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.js-example-basic-multiple').select2();
});
</script>
{% endblock%}