{% 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 }}" />
{% endblock %}
{% block extra_resources %}
<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"/>
<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>
<link rel="stylesheet" href="{% static 'flags/sprite.css' %}">
<script type="text/javascript">
$(document).ready(function() {
$('.js-example-basic-multiple').select2();
});
$(window).load(function() {
pais_select = document.getElementById('pais-select')
$('#pais-select').on('change', function(){
var url_name = "/consultores"
window.location = filter_url_name(url_name)
})
function filter_url_name(url_name){
pais = document.getElementById('pais-select')
url_name = url_name + "/" + pais.value
return url_name
}
});
</script>
<style type="text/css">
.certificaciones{
border: 1px solid;
border-radius: 10%;
color: #00C492;
}
#icon{
color: #00C492;
}
#logo{
border-radius: 50%;
}
#card{
max-height: 300px;
min-height: 300px;
overflow: auto;
}
</style>
<script type="text/javascript">
$(window).load(function(){
pais_select = document.getElementById()
});
</script>
{% endblock%}
{% block contenedor %}
<section class="section-border">
<div class="contenedor documentacion-post">
<div class="box">
<div class="box-content">
<div class="row">
<div class="col-sm-12">
<div class="page-header">
<!-- page title -->
<h1>
<span>{{ titulo }}</span>
</h1>
<h1>
<a class="cerrar-sesion link-precios" style="color: #fff; width: 290px; max-width: inherit; margin-bottom: 40px;" href="{{ url_regreso }}"> <i class="fa fa-server"></i> Darme de alta como consultor</a>
</h1>
<div class="controls">
<strong> País: </strong> {% render_field consultores_pais.pais class="js-example-basic-multiple" align="left" style="width: 25%" data-rule-required="true" id="pais-select" data-pais="{{filter_pais}}" %}
</div>
</div>
</div>
</div>
{% csrf_token %}
{% if message_consultores_pais %}
<h3>{{message_consultores_pais}}</h2>
{% endif %}
<div class='row'>
<div class="col-sm-12">
{% for consultores in page_obj %}
<div id="card" class='col-lg-6 col-md-6 box-content'>
<div class="panel panel-default" style="border-style: none;" >
<div class="row">
<div class='col-lg-4 col-md-4'>
<img id="logo" src="{{ consultores.logo.thumbnail.url }}" width="125" height="125">
<hr>
<div>
<ul style="padding: 0;">
{% if consultores.telefono %}
<li style="list-style-type: none;"><span id="icon" class="fa fa-phone"></span> {{ consultores.telefono }}</li>
{% endif %}
{% if consultores.pagina_web %}
<li style="list-style-type: none;"><span id="icon" class="fa fa-globe"></span><a href="{{ consultores.pagina_web }}"> {{ consultores.pagina_web }}</a></li>
{% else%}
<li style="list-style-type: none;"><span id="icon" class="fa fa-globe"></span></li>
{% endif %}
{% if consultores.email %}
<li style="list-style-type: none;"><span id="icon" class="fa fa-envelope"></span> {{ consultores.email }}</li>
{% endif %}
</ul>
</div>
</div>
<div class='col-lg-8 col-md-8'>
<div>
<div><h5 >{{ consultores.nombre }}</h5></div>
<div>
<p>
<strong><i class="{{ consultores.pais.flag_css}}"></i>
{{ consultores.pais.name }}
{% if consultores.ciudad %}
,
{% endif %}
{{ consultores.ciudad }}
</strong>
<p>
{% for certificaciones in consultores.certificacion.all %}
<a> <strong class="certificaciones">{{certificaciones}}</strong> </a>
{% endfor %}
</p>
<p>Conocimientos Wisphub: {{ consultores.get_conocimientos_wisphub_display}}</p>
<p>{{ consultores.descripcion }}</p>
</div>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<ul class = "pagination">
{% if page_obj.has_previous %}
<li><a href="?page={{ page_obj.previous_page_number }}">«</a></li>
{% endif %}
{% for i in page_obj.paginator.page_range %}
{% if page_obj.number == i %}
<li class="active"><span>{{ i }} <span class="sr-only">(current)</span></span></li>
{% else %}
<li><a href="?page={{ i }}">{{ i }}</a></li>
{% endif %}
{% endfor %}
{% if page_obj.has_next %}
<li><a href="?page={{ page_obj.next_page_number }}">»</a></li>
{% else %}
<li class="disabled"><span>»</span></li>
{% endif %}
</ul>
{% if url_inicio %}
<div class="volver-inicio">
<h1>
<a class="cerrar-sesion link-precios" style="color: #fff; width: 290px; max-width: inherit; margin-bottom: 40px;" href="{{ url_inicio }}">Volver al Inicio</a>
</h1>
</div>
{% endif %}
<div class="mensaje">
<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">
La lista de consultores aquí presentados son gente de confianza, pero se recomienda leer las calificaciones de cada consultor ya que WispHub no se responsabiliza por algún mal soporte o inconveniente por parte de los consultores. WispHub tampoco gana ninguna comisión por los soportes contratados.
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
<link href="{% static 'assets/stylesheets/plugins/bootstrap_switch/bootstrap-switch.css' %}" rel="stylesheet" type="text/css" media="all" />
<link href="{% static 'assets/stylesheets/plugins/duration-picker/bootstrap-duration-picker.css' %}" rel="stylesheet" type="text/css" media="all" />
<script src="{% static 'assets/javascripts/plugins/bootstrap_switch/bootstrapSwitch.min.js' %}" type="text/javascript"></script>
<script src="{% static 'assets/javascripts/plugins/duration-picker/bootstrap-duration-picker.js' %}" type="text/javascript"></script>