You are on page 1of 27

{% extends "base.

html" %}
{% load static from staticfiles %}
{% block content %}

{% if user.pais_id == 1 and user.marca_id == 1 %}


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></
script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-
ui.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-
lightness/jquery-ui.css" rel="stylesheet" type="text/css" />

<div class="container-input">
<form action="" method="POST">
{% csrf_token %}
<script>
function comprobar(obj) {
if (obj.checked){
document.getElementById('tagss').style.display = "";
document.getElementById('tags').style.display = "";
document.getElementById('img').style.display = "";
} else{
document.getElementById('tagss').style.display = "none";
document.getElementById('tags').style.display = "none";
document.getElementById('img').style.display = "none";
}
}
</script>
<form action="" method="POST">
<input type="text" id="tagss" placeholder="Buscar" name="etiqueta"
class="input" value='{{etiqueta.name}}' style='display:none' required>
<button class="btn-search" id="tags" style="display:none" >
<button class="btn-search" type="submit" id="tags" style="display:none">
<svg style="display:none" id="img" width="20px" height="20px" viewBox="0 0
1920 1920" xmlns="http://www.w3.org/2000/svg">
<path style="display:none" id="img" d="M790.588 1468.235c-373.722 0-
677.647-303.924-677.647-677.647 0-373.722 303.925-677.647 677.647-677.647 373.723 0
677.647 303.925 677.647 677.647 0 373.723-303.924 677.647-677.647 677.647Zm596.781-
160.715c120.396-138.692 193.807-319.285 193.807-516.932C1581.176 354.748 1226.428 0
790.588 0S0 354.748 0 790.588s354.748 790.588 790.588 790.588c197.647 0 378.24-
73.411 516.932-193.807l516.028 516.142 79.963-79.963-516.142-516.028Z" fill="white"
fill-rule="evenodd"></path>
</svg>
</form>
</form>
</div>
<div class="contenedor-principal col-12 col-lg-9 col-ppal-right col-reg-right">
<div class="container-label">
<form>
<p> Filtrar por: </p>
<div class="label-item">
<input name="chec" type="checkbox" id="chec" onChange="comprobar(this);"/>
<label for="chec">Etiquetas</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox1" value="first_checkbox" />
<label for="cbox1">Proyectos</label>
</div>
<script>
$( function() {
var availableTags = [
{% for etiqueta in etiqueta %}
"{{etiqueta.name}}","{{etiqueta.id}}",
{% endfor %}
];
$( "#tagss" ).autocomplete({
source: availableTags
});
$( "#tags" ).autocomplete({
source: availableTags
});
$( "#img" ).autocomplete({
source: availableTags
});
} );
</script>
<div class="label-item">
<input type="checkbox" id="cbox2" value="first_checkbox" />
<label for="cbox2">Clientes</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox3" value="first_checkbox" />
<label for="cbox3">Usuarios</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox4" value="first_checkbox" />
<label for="cbox4">Contactos</label>
</div>
</form>
</div>
<div class="fondo">
<div class="imgYtxt">
<img class="img-destacado img-fluid" src="{% static
'/img/CORTEVA_destacado.jpg' %}" alt="">
<h2 class="h2-bienvenidos">
<span class="strong"> Bienvenido</span> a <br>El campo en la nube.
</h2>
</div>
<div class="destacado-mobile img-fluid">
<img src="{% static '/img/CORTEVA_destacado_mobile.jpg' %}" alt="">
</div>
<h2 class="h2-cursos">Cursos</h2>
<div class="container-cards" id= "cursosActivos">
{% if courses_etiquetas %}
{% for course in courses_etiquetas %}
{% if course.is_active and date_now.date < course.end_date.date %}
{% for c in my_non_courses_list_etiquetas %}
{% if c == course.id and course.priorizar != false %}
<!-- Activos por realizar -->
<div class="card-cursos">
<span><b>{{course.name}}</b></span>
<h7>{{course.duration}} min</h7>
<div class="inferior-card">
<p>{{course.state}}</p>
<a class="btn-curso" href="user_all_cont/{{course.id}}">Ir al
curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}

{% if my_courses_etiquetas %}
{% for mycourse in my_courses_etiquetas %}
{% if mycourse.state == 'a' %}
<!--Aprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7>{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-aprobado">APROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'd' %}
<!--Desaprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-reprobado">DESAPROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'c' %}
<!--Cursando -->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-cursando">CURSANDO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}

{% if courses %}
{% for course in courses %}
{% if course.is_active and date_now.date < course.end_date.date %}
{% for c in my_non_courses_list %}
{% if c == course.id and course.priorizar != false %}
<!-- Activos por realizar -->
<div class="card-cursos">
<span><b>{{course.name}}</b></span>
<h7>{{course.duration}} min</h7>
<div class="inferior-card">
<p>{{course.state}}</p>
<a class="btn-curso" href="user_all_cont/{{course.id}}">Ir
al curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}

{% if courses %}
{% for course in courses %}
{% if course.is_active and date_now.date < course.end_date.date %}
{% for c in my_non_courses_list %}
{% if c == course.id and course.priorizar == true %}
<!-- Activos por realizar -->
<div class="card-cursos">
<span><b>{{course.name}}</b></span>
<h7>{{course.duration}} min</h7>
<div class="inferior-card">
<p>{{course.state}}</p>
<a class="btn-curso" href="user_all_cont/{{course.id}}">Ir
al curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}

{% if my_courses %}
{% for mycourse in my_courses %}
{% if mycourse.course.is_active and date_now.date <
mycourse.course.end_date.date %}
{% if mycourse.state == 'a' %}
<!--Aprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7>{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-aprobado">APROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'd' %}
<!--Desaprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-reprobado">DESAPROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'c' %}
<!--Cursando -->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-cursando">CURSANDO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
</div>
</div>
</div>
{% endif %}

{% if user.pais_id == 1 and user.marca_id == 2 %}


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></
script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-
ui.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-
lightness/jquery-ui.css" rel="stylesheet" type="text/css" />

<div class="container-input">
<form action="" method="POST">
{% csrf_token %}
<script>
function comprobar(obj) {
if (obj.checked){
document.getElementById('tagss').style.display = "";
document.getElementById('tags').style.display = "";
document.getElementById('img').style.display = "";
} else{
document.getElementById('tagss').style.display = "none";
document.getElementById('tags').style.display = "none";
document.getElementById('img').style.display = "none";
}
}
</script>
<form action="" method="POST">
<input type="text" id="tagss" placeholder="Buscar" name="etiqueta"
class="input" value='{{etiqueta.name}}' style='display:none' required>
<button class="btn-search" id="tags" style="display:none" >
<button class="btn-search" type="submit" id="tags" style="display:none">
<svg style="display:none" id="img" width="20px" height="20px" viewBox="0 0
1920 1920" xmlns="http://www.w3.org/2000/svg">
<path style="display:none" id="img" d="M790.588 1468.235c-373.722 0-
677.647-303.924-677.647-677.647 0-373.722 303.925-677.647 677.647-677.647 373.723 0
677.647 303.925 677.647 677.647 0 373.723-303.924 677.647-677.647 677.647Zm596.781-
160.715c120.396-138.692 193.807-319.285 193.807-516.932C1581.176 354.748 1226.428 0
790.588 0S0 354.748 0 790.588s354.748 790.588 790.588 790.588c197.647 0 378.24-
73.411 516.932-193.807l516.028 516.142 79.963-79.963-516.142-516.028Z" fill="white"
fill-rule="evenodd"></path>
</svg>
</form>
</form>
</div>
<div class="contenedor-principal col-12 col-lg-9 col-ppal-right col-reg-right">
<div class="container-label">
<form>
<p> Filtrar por: </p>
<div class="label-item">
<input name="chec" type="checkbox" id="chec"
onChange="comprobar(this);"/>
<label for="chec">Etiquetas</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox1" value="first_checkbox" />
<label for="cbox1">Proyectos</label>
</div>
<script>
$( function() {
var availableTags = [
{% for etiqueta in etiqueta %}
"{{etiqueta.name}}","{{etiqueta.id}}",
{% endfor %}
];
$( "#tagss" ).autocomplete({
source: availableTags
});
$( "#tags" ).autocomplete({
source: availableTags
});
$( "#img" ).autocomplete({
source: availableTags
});
} );
</script>
<div class="label-item">
<input type="checkbox" id="cbox2" value="first_checkbox" />
<label for="cbox2">Clientes</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox3" value="first_checkbox" />
<label for="cbox3">Usuarios</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox4" value="first_checkbox" />
<label for="cbox4">Contactos</label>
</div>
</form>
</div>
<div class="fondo">
<div class="imgYtxt">
<img class="img-destacado img-fluid" src="{% static
'/img/CORTEVA_destacado.jpg' %}" alt="">
<h2 class="h2-bienvenidos">
<span class="strong"> Bienvenido</span> a <br>El campo en la nube.
</h2>
</div>
<div class="destacado-mobile img-fluid">
<img src="{% static '/img/CORTEVA_destacado_mobile.jpg' %}" alt="">
</div>
<h2 class="h2-cursos">Cursos</h2>
<div class="container-cards" id= "cursosActivos">
{% if courses_etiquetas_pioneer %}
{% for course in courses_etiquetas_pioneer %}
{% if course.is_active and date_now.date < course.end_date.date %}
{% for c in my_non_courses_list_pioneer %}
{% if c == course.id and course.priorizar != false %}
<!-- Activos por realizar -->
<div class="card-cursos">
<span><b>{{course.name}}</b></span>
<h7>{{course.duration}} min</h7>
<div class="inferior-card">
<p>{{course.state}}</p>
<a class="btn-curso" href="user_all_cont/{{course.id}}">Ir al
curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}

{% if my_courses_etiquetas_pioneer %}
{% for mycourse in my_courses_etiquetas_pioneer %}
{% for course in courses_etiquetas_pioneer %}
{% if mycourse.state == 'a' %}
<!--Aprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7>{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-aprobado">APROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'd' %}
<!--Desaprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-reprobado">DESAPROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'c' %}
<!--Cursando -->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-cursando">CURSANDO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endfor %}
{% endif %}

{% if coursesPioneer %}
{% for course in coursesPioneer %}
{% if course.is_active and date_now.date < course.end_date.date %}
{% for c in my_non_courses_list1 %}
{% if c == course.id and course.priorizar != false %}
<!-- Activos por realizar -->
<div class="card-cursos">
<span><b>{{course.name}}</b></span>
<h7>{{course.duration}} min</h7>
<div class="inferior-card">
<p>{{course.state}}</p>
<a class="btn-curso" href="user_all_cont/{{course.id}}">Ir
al curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}

{% if coursesPioneer %}
{% for course in coursesPioneer %}
{% if course.is_active and date_now.date < course.end_date.date %}
{% for c in my_non_courses_list1 %}
{% if c == course.id and course.priorizar == true %}
<!-- Activos por realizar -->
<div class="card-cursos">
<span><b>{{course.name}}</b></span>
<h7>{{course.duration}} min</h7>
<div class="inferior-card">
<p>{{course.state}}</p>
<a class="btn-curso" href="user_all_cont/{{course.id}}">Ir
al curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}

{% if my_courses %}
{% for mycourse in my_courses %}
{% if mycourse.course.is_active and date_now.date <
mycourse.course.end_date.date %}
{% if mycourse.state == 'a' %}
<!--Aprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7>{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-aprobado">APROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'd' %}
<!--Desaprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-reprobado">DESAPROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'c' %}
<!--Cursando -->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-cursando">CURSANDO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
</div>
</div>
</div>
{% endif %}

{% if user.pais_id == 2 %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></
script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-
ui.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-
lightness/jquery-ui.css" rel="stylesheet" type="text/css" />

<div class="container-input">
<form action="" method="POST">
{% csrf_token %}
<script>
function comprobar(obj) {
if (obj.checked){
document.getElementById('tagss').style.display = "";
document.getElementById('tags').style.display = "";
document.getElementById('img').style.display = "";
} else{
document.getElementById('tagss').style.display = "none";
document.getElementById('tags').style.display = "none";
document.getElementById('img').style.display = "none";
}
}
</script>
<form action="" method="POST">
<input type="text" id="tagss" placeholder="Buscar" name="etiqueta"
class="input" value='{{etiqueta.name}}' style='display:none' required>
<button class="btn-search" id="tags" style="display:none" >
<button class="btn-search" type="submit" id="tags" style="display:none">
<svg style="display:none" id="img" width="20px" height="20px" viewBox="0
0 1920 1920" xmlns="http://www.w3.org/2000/svg">
<path style="display:none" id="img" d="M790.588 1468.235c-373.722
0-677.647-303.924-677.647-677.647 0-373.722 303.925-677.647 677.647-677.647 373.723
0 677.647 303.925 677.647 677.647 0 373.723-303.924 677.647-677.647
677.647Zm596.781-160.715c120.396-138.692 193.807-319.285 193.807-516.932C1581.176
354.748 1226.428 0 790.588 0S0 354.748 0 790.588s354.748 790.588 790.588
790.588c197.647 0 378.24-73.411 516.932-193.807l516.028 516.142 79.963-79.963-
516.142-516.028Z" fill="white" fill-rule="evenodd"></path>
</svg>
</form>
</form>
</div>
<div class="contenedor-principal col-12 col-lg-9 col-ppal-right col-reg-right">
<div class="container-label">
<form>
<p> Filtrar por: </p>
<div class="label-item">
<input name="chec" type="checkbox" id="chec" onChange="comprobar(this);"/>
<label for="chec">Etiquetas</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox1" value="first_checkbox" />
<label for="cbox1">Proyectos</label>
</div>
<script>
$( function() {
var availableTags = [
{% for etiqueta in etiqueta %}
"{{etiqueta.name}}","{{etiqueta.id}}",
{% endfor %}
];
$( "#tagss" ).autocomplete({
source: availableTags
});
$( "#tags" ).autocomplete({
source: availableTags
});
$( "#img" ).autocomplete({
source: availableTags
});
} );
</script>
<div class="label-item">
<input type="checkbox" id="cbox2" value="first_checkbox" />
<label for="cbox2">Clientes</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox3" value="first_checkbox" />
<label for="cbox3">Usuarios</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox4" value="first_checkbox" />
<label for="cbox4">Contactos</label>
</div>
</form>
</div>
<div class="fondo">
<div class="imgYtxt">
<img class="img-destacado img-fluid" src="{% static
'/img/CORTEVA_destacado.jpg' %}" alt="">
<h2 class="h2-bienvenidos">
<span class="strong"> Bienvenido</span> a <br>El campo en la nube.
</h2>
</div>
<div class="destacado-mobile img-fluid">
<img src="{% static '/img/CORTEVA_destacado_mobile.jpg' %}" alt="">
</div>
<h2 class="h2-cursos">Cursos</h2>

<div class="container-cards" id= "cursosActivos">


{% if courses_etiquetas_bolivia %}
{% for course in courses_etiquetas_bolivia %}
{% if course.is_active and date_now.date < course.end_date.date %}
{% for c in my_courses_etiquetas_bolivia %}
{% if c == course.id and course.priorizar != false %}
<!-- Activos por realizar -->
<div class="card-cursos">
<span><b>{{course.name}}</b></span>
<h7>{{course.duration}} min</h7>
<div class="inferior-card">
<p>{{course.state}}</p>
<a class="btn-curso" href="user_all_cont/{{course.id}}">Ir
al curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
{% if my_courses_etiquetas_bolivia %}
{% for mycourse in my_courses_etiquetas_bolivia %}
{% for course in courses_etiquetas_bolivia %}
{% if mycourse.state == 'a' %}
<!--Aprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7>{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-aprobado">APROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'd' %}
<!--Desaprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-reprobado">DESAPROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'c' %}
<!--Cursando -->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-cursando">CURSANDO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endfor %}
{% endif %}

{% if coursesBolivia %}
{% for course in coursesBolivia %}
{% if course.is_active and date_now.date < course.end_date.date %}
{% for c in my_non_courses_list2 %}
{% if c == course.id and course.priorizar != false %}
<div class="row row-cursos" id= "cursosActivos">
<!-- Activos por realizar -->
<div class="card-cursos">
<span><b>{{course.name}}</b></span>
<h7>{{course.duration}} min</h7>
<div class="inferior-card">
<p>{{course.state}}</p>
<a class="btn-curso"
href="user_all_cont/{{course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}

{% if coursesBolivia %}
{% for course in coursesBolivia %}
{% if course.is_active and date_now.date < course.end_date.date
%}
{% for c in my_non_courses_list2 %}
{% if c == course.id and course.priorizar == true %}
<!-- Activos por realizar -->
<div class="card-cursos">
<span><b>{{course.name}}</b></span>
<h7>{{course.duration}} min</h7>
<div class="inferior-card">
<p>{{course.state}}</p>
<a class="btn-curso"
href="user_all_cont/{{course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}

{% if my_courses %}
{% for mycourse in my_courses %}
{% if mycourse.course.is_active and date_now.date <
mycourse.course.end_date.date %}
{% if mycourse.state == 'a' %}
<!--Aprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7>{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-aprobado">APROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'd' %}
<!--Desaprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-reprobado">DESAPROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'c' %}
<!--Cursando -->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-cursando">CURSANDO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
</div>
</div>
</div>
{% endif %}

{% if user.pais_id == 3 %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></
script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-
ui.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-
lightness/jquery-ui.css" rel="stylesheet" type="text/css" />

<div class="container-input">
<form action="" method="POST">
{% csrf_token %}
<script>
function comprobar(obj) {
if (obj.checked){
document.getElementById('tagss').style.display = "";
document.getElementById('tags').style.display = "";
document.getElementById('img').style.display = "";
} else{
document.getElementById('tagss').style.display = "none";
document.getElementById('tags').style.display = "none";
document.getElementById('img').style.display = "none";
}
}
</script>
<form action="" method="POST">
<input type="text" id="tagss" placeholder="Buscar" name="etiqueta"
class="input" value='{{etiqueta.name}}' style='display:none' required>
<button class="btn-search" id="tags" style="display:none" >
<button class="btn-search" type="submit" id="tags" style="display:none">
<svg style="display:none" id="img" width="20px" height="20px" viewBox="0
0 1920 1920" xmlns="http://www.w3.org/2000/svg">
<path style="display:none" id="img" d="M790.588 1468.235c-373.722
0-677.647-303.924-677.647-677.647 0-373.722 303.925-677.647 677.647-677.647 373.723
0 677.647 303.925 677.647 677.647 0 373.723-303.924 677.647-677.647
677.647Zm596.781-160.715c120.396-138.692 193.807-319.285 193.807-516.932C1581.176
354.748 1226.428 0 790.588 0S0 354.748 0 790.588s354.748 790.588 790.588
790.588c197.647 0 378.24-73.411 516.932-193.807l516.028 516.142 79.963-79.963-
516.142-516.028Z" fill="white" fill-rule="evenodd"></path>
</svg>
</form>
</form>
</div>
<div class="contenedor-principal col-12 col-lg-9 col-ppal-right col-reg-right">
<div class="container-label">
<form>
<p> Filtrar por: </p>
<div class="label-item">
<input name="chec" type="checkbox" id="chec" onChange="comprobar(this);"/>
<label for="chec">Etiquetas</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox1" value="first_checkbox" />
<label for="cbox1">Proyectos</label>
</div>
<script>
$( function() {
var availableTags = [
{% for etiqueta in etiqueta %}
"{{etiqueta.name}}","{{etiqueta.id}}",
{% endfor %}
];
$( "#tagss" ).autocomplete({
source: availableTags
});
$( "#tags" ).autocomplete({
source: availableTags
});
$( "#img" ).autocomplete({
source: availableTags
});
} );
</script>
<div class="label-item">
<input type="checkbox" id="cbox2" value="first_checkbox" />
<label for="cbox2">Clientes</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox3" value="first_checkbox" />
<label for="cbox3">Usuarios</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox4" value="first_checkbox" />
<label for="cbox4">Contactos</label>
</div>
</form>
</div>
<div class="fondo">
<div class="imgYtxt">
<img class="img-destacado img-fluid" src="{% static
'/img/CORTEVA_destacado.jpg' %}" alt="">
<h2 class="h2-bienvenidos">
<span class="strong"> Bienvenido</span> a <br>El campo en la nube.
</h2>
</div>
<div class="destacado-mobile img-fluid">
<img src="{% static '/img/CORTEVA_destacado_mobile.jpg' %}" alt="">
</div>
<h2 class="h2-cursos">Cursos</h2>

<div class="container-cards" id= "cursosActivos">


{% if courses_etiquetas_chile %}
{% for course in courses_etiquetas_chile %}
{% if course.is_active and date_now.date < course.end_date.date %}
{% for c in my_courses_etiquetas_chile %}
{% if c == course.id and course.priorizar != false %}
<!-- Activos por realizar -->
<div class="card-cursos">
<span><b>{{course.name}}</b></span>
<h7>{{course.duration}} min</h7>
<div class="inferior-card">
<p>{{course.state}}</p>
<a class="btn-curso" href="user_all_cont/{{course.id}}">Ir
al curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
{% if my_courses_etiquetas_chile %}
{% for mycourse in my_courses_etiquetas_chile %}
{% for course in courses_etiquetas_chile %}
{% if mycourse.state == 'a' %}
<!--Aprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7>{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-aprobado">APROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'd' %}
<!--Desaprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-reprobado">DESAPROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'c' %}
<!--Cursando -->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-cursando">CURSANDO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endfor %}
{% endif %}
{% if coursesChile %}
{% for course in coursesChile %}
{% if course.is_active and date_now.date < course.end_date.date %}
{% for c in my_non_courses_list3 %}
{% if c == course.id and course.priorizar != false %}
<!-- Activos por realizar -->
<div class="card-cursos">
<span><b>{{course.name}}</b></span>
<h7>{{course.duration}} min</h7>
<div class="inferior-card">
<p>{{course.state}}</p>
<a class="btn-curso" href="user_all_cont/{{course.id}}">Ir
al curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}

{% if coursesChile %}
{% for course in coursesChile %}
{% if course.is_active and date_now.date < course.end_date.date %}
{% for c in my_non_courses_list3 %}
{% if c == course.id and course.priorizar == true %}
<!-- Activos por realizar -->
<div class="card-cursos">
<span><b>{{course.name}}</b></span>
<h7>{{course.duration}} min</h7>
<div class="inferior-card">
<p>{{course.state}}</p>
<a class="btn-curso" href="user_all_cont/{{course.id}}">Ir
al curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}

{% if my_courses %}
{% for mycourse in my_courses %}
{% if mycourse.course.is_active and date_now.date <
mycourse.course.end_date.date %}
{% if mycourse.state == 'a' %}
<!--Aprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7>{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-aprobado">APROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'd' %}
<!--Desaprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-reprobado">DESAPROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'c' %}
<!--Cursando -->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-cursando">CURSANDO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
</div>
</div>
</div>
{% endif %}

{% if user.pais_id == 4 %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></
script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-
ui.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-
lightness/jquery-ui.css" rel="stylesheet" type="text/css" />

<div class="container-input">
<form action="" method="POST">
{% csrf_token %}
<script>
function comprobar(obj) {
if (obj.checked){
document.getElementById('tagss').style.display = "";
document.getElementById('tags').style.display = "";
document.getElementById('img').style.display = "";
} else{
document.getElementById('tagss').style.display = "none";
document.getElementById('tags').style.display = "none";
document.getElementById('img').style.display = "none";
}
}
</script>
<form action="" method="POST">
<input type="text" id="tagss" placeholder="Buscar" name="etiqueta"
class="input" value='{{etiqueta.name}}' style='display:none' required>
<button class="btn-search" id="tags" style="display:none" >
<button class="btn-search" type="submit" id="tags" style="display:none">
<svg style="display:none" id="img" width="20px" height="20px" viewBox="0
0 1920 1920" xmlns="http://www.w3.org/2000/svg">
<path style="display:none" id="img" d="M790.588 1468.235c-373.722
0-677.647-303.924-677.647-677.647 0-373.722 303.925-677.647 677.647-677.647 373.723
0 677.647 303.925 677.647 677.647 0 373.723-303.924 677.647-677.647
677.647Zm596.781-160.715c120.396-138.692 193.807-319.285 193.807-516.932C1581.176
354.748 1226.428 0 790.588 0S0 354.748 0 790.588s354.748 790.588 790.588
790.588c197.647 0 378.24-73.411 516.932-193.807l516.028 516.142 79.963-79.963-
516.142-516.028Z" fill="white" fill-rule="evenodd"></path>
</svg>
</form>
</form>
</div>
<div class="contenedor-principal col-12 col-lg-9 col-ppal-right col-reg-right">
<div class="container-label">
<form>
<p> Filtrar por: </p>
<div class="label-item">
<input name="chec" type="checkbox" id="chec"
onChange="comprobar(this);"/>
<label for="chec">Etiquetas</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox1" value="first_checkbox" />
<label for="cbox1">Proyectos</label>
</div>
<script>
$( function() {
var availableTags = [
{% for etiqueta in etiqueta %}
"{{etiqueta.name}}","{{etiqueta.id}}",
{% endfor %}
];
$( "#tagss" ).autocomplete({
source: availableTags
});
$( "#tags" ).autocomplete({
source: availableTags
});
$( "#img" ).autocomplete({
source: availableTags
});
} );
</script>
<div class="label-item">
<input type="checkbox" id="cbox2" value="first_checkbox" />
<label for="cbox2">Clientes</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox3" value="first_checkbox" />
<label for="cbox3">Usuarios</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox4" value="first_checkbox" />
<label for="cbox4">Contactos</label>
</div>
</form>
</div>
<div class="fondo">
<div class="imgYtxt">
<img class="img-destacado img-fluid" src="{% static
'/img/CORTEVA_destacado.jpg' %}" alt="">
<h2 class="h2-bienvenidos">
<span class="strong"> Bienvenido</span> a <br>El campo en la nube.
</h2>
</div>
<div class="destacado-mobile img-fluid">
<img src="{% static '/img/CORTEVA_destacado_mobile.jpg' %}" alt="">
</div>
<h2 class="h2-cursos">Cursos</h2>

<div class="container-cards" id= "cursosActivos">


{% if coursesUruguay %}
{% for course in coursesUruguay %}
{% if course.is_active and date_now.date < course.end_date.date %}
{% for c in my_non_courses_list4 %}
{% if c == course.id and course.priorizar != false %}
<!-- Activos por realizar -->
<div class="card-cursos">
<span><b>{{course.name}}</b></span>
<h7>{{course.duration}} min</h7>
<div class="inferior-card">
<p>{{course.state}}</p>
<a class="btn-curso" href="user_all_cont/{{course.id}}">Ir
al curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}

{% if coursesUruguay %}
{% for course in coursesUruguay %}
{% if course.is_active and date_now.date < course.end_date.date %}
{% for c in my_non_courses_list4 %}
{% if c == course.id and course.priorizar == true %}
<!-- Activos por realizar -->
<div class="card-cursos">
<span><b>{{course.name}}</b></span>
<h7>{{course.duration}} min</h7>
<div class="inferior-card">
<p>{{course.state}}</p>
<a class="btn-curso" href="user_all_cont/{{course.id}}">Ir
al curso</a>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}

{% if my_courses %}
{% for mycourse in my_courses %}
{% if mycourse.course.is_active and date_now.date <
mycourse.course.end_date.date %}
{% if mycourse.state == 'a' %}
<!--Aprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7>{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-aprobado">APROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'd' %}
<!--Desaprobados-->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-reprobado">DESAPROBADO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% if mycourse.state == 'c' %}
<!--Cursando -->
<div class="card-cursos">
<span><b>{{mycourse.course.name}}</b></span>
<h7 class="p-min">{{mycourse.course.duration}} min</h7>
<div class="inferior-card">
<p class="p-cursando">CURSANDO</p>
<a class="btn-curso"
href="user_all_cont/{{mycourse.course.id}}">Ir al curso</a>
</div>
</div>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
</div>
</div>
</div>
{% endif %}

{% if user.pais_id == 1 and user.is_user_monitoreo == 1 %}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></
script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-
ui.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-
lightness/jquery-ui.css" rel="stylesheet" type="text/css" />
<div class="container-input">
<form action="" method="POST">
{% csrf_token %}
<script>
function comprobar(obj) {
if (obj.checked){
document.getElementById('tagss').style.display = "";
document.getElementById('tags').style.display = "";
document.getElementById('img').style.display = "";
} else{
document.getElementById('tagss').style.display = "none";
document.getElementById('tags').style.display = "none";
document.getElementById('img').style.display = "none";
}
}
</script>
<form action="" method="POST">
<input type="text" id="tagss" placeholder="Buscar" name="etiqueta"
class="input" value='{{etiqueta.name}}' style='display:none' required>
<button class="btn-search" id="tags" style="display:none" >
<button class="btn-search" type="submit" id="tags" style="display:none">
<svg style="display:none" id="img" width="20px" height="20px" viewBox="0 0
1920 1920" xmlns="http://www.w3.org/2000/svg">
<path style="display:none" id="img" d="M790.588 1468.235c-373.722 0-
677.647-303.924-677.647-677.647 0-373.722 303.925-677.647 677.647-677.647 373.723 0
677.647 303.925 677.647 677.647 0 373.723-303.924 677.647-677.647 677.647Zm596.781-
160.715c120.396-138.692 193.807-319.285 193.807-516.932C1581.176 354.748 1226.428 0
790.588 0S0 354.748 0 790.588s354.748 790.588 790.588 790.588c197.647 0 378.24-
73.411 516.932-193.807l516.028 516.142 79.963-79.963-516.142-516.028Z" fill="white"
fill-rule="evenodd"></path>
</svg>
</form>
</form>
</div>

<script type="text/javascript">
$(function(){
$('.modal').on('hidden.bs.modal', function (e) {
$iframe = $(this).find("iframe");
$iframe.attr("src", $iframe.attr("src"));
});
});
</script>
<script>
window.addEventListener("load", function() {
// store tabs variable
var myTabs = document.querySelectorAll("ul.nav-tabs > li");

function myTabClicks(tabClickEvent) {

for (var i = 0; i < myTabs.length; i++) {


myTabs[i].classList.remove("active");
}

var clickedTab = tabClickEvent.currentTarget;

clickedTab.classList.add("active");

tabClickEvent.preventDefault();

var myContentPanes = document.querySelectorAll(".tab-pane");

for (i = 0; i < myContentPanes.length; i++) {


myContentPanes[i].classList.remove("active");
}

var anchorReference = tabClickEvent.target;


var activePaneId = anchorReference.getAttribute("href");
var activePane = document.querySelector(activePaneId);

activePane.classList.add("active");

for (i = 0; i < myTabs.length; i++) {


myTabs[i].addEventListener("click", myTabClicks)
}
});
</script>
<div class="contenedor-principal col-12 col-lg-9 col-ppal-right col-reg-right">
<div class="container-label">
<form>
<p> Filtrar por: </p>
<div class="label-item">
<input name="chec" type="checkbox" id="chec" onChange="comprobar(this);"/>
<label for="chec">Etiquetas</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox1" value="first_checkbox" />
<label for="cbox1">Proyectos</label>
</div>
<script>
$( function() {
var availableTags = [
{% for etiqueta in etiqueta %}
"{{etiqueta.name}}","{{etiqueta.id}}",
{% endfor %}
];
$( "#tagss" ).autocomplete({
source: availableTags
});
$( "#tags" ).autocomplete({
source: availableTags
});
$( "#img" ).autocomplete({
source: availableTags
});
} );
</script>
<div class="label-item">
<input type="checkbox" id="cbox2" value="first_checkbox" />
<label for="cbox2">Clientes</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox3" value="first_checkbox" />
<label for="cbox3">Usuarios</label>
</div>
<div class="label-item">
<input type="checkbox" id="cbox4" value="first_checkbox" />
<label for="cbox4">Contactos</label>
</div>
</form>
</div>
<div class="fondo">
<div class="imgYtxt">
<img class="img-destacado img-fluid" src="{% static
'/img/banner_escuela_monitoreo.jpeg' %}" alt="">
</div>
<div class="destacado-mobile img-fluid">
<img src="{% static '/img/banner_escuela_monitoreo.jpeg' %}" alt="">
</div>
{% if courses_etiquetas_m %}
{% for course in courses_etiquetas_m %}
{% if course.is_active and date_now.date < course.end_date.date %}
{% for c in my_non_courses_list_m %}
{% if c == course.id and course.priorizar != false %}
<div class="cursos">
<div class="row row-cursos" id= "cursosActivos">
<!-- Activos por realizar -->
<div class="row row-cursos">
<div class="col-12 col-lg-5
col-cursos"><p>{{course.name}}</p></div>
<div class="col-12 col-lg-2 col-cursos"><p></p></div>
<div class="col-12 col-lg-2 col-cursos"><p class="p-min">No
cursado</p></div>
<div class="col-12 col-lg-3 col-cursos"><a class="btn-curso"
href="user_all_cont/{{course.id}}">Ir al curso</a></div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}

{% if my_courses_etiquetas_m %}
<div class="cursos">
<div class="container">

<div class="row row-cursos" id= "cursosActivos">


{% for mycourse in my_courses_etiquetas_m %}

{% if mycourse.state == 'a' %}
<!--Aprobados-->
<div class="row row-cursos">
<div class="col-12 col-lg-5
col-cursos"><p>{{mycourse.name}}</p></div>
<div class="col-12 col-lg-2 col-cursos"><p
class="p-min"></p></div>
<div class="col-12 col-lg-2 col-cursos"><p class="p-
aprobado">APROBADO</p></div>
<div class="col-12 col-lg-3 col-cursos"><a class="btn-curso"
href="user_all_cont/{{mycourse.id}}">Ir al curso</a></div>
</div>
{% endif %}
{% if mycourse.state == 'd' %}
<!--Desaprobados-->
<div class="row row-cursos">
<div class="col-12 col-lg-5
col-cursos"><p>{{mycourse.name}}</p></div>
<div class="col-12 col-lg-2 col-cursos"><p
class="p-min"></p></div>
<div class="col-12 col-lg-2 col-cursos"><p class="p-
reprobado">DESAPROBADO</p></div>
<div class="col-12 col-lg-3 col-cursos"><a class="btn-curso"
href="user_all_cont/{{mycourse.id}}">Ir al curso</a></div>
</div>
{% endif %}
{% if mycourse.state == 'c' %}
<!--Cursando -->
<div class="row row-cursos">
<div class="col-12 col-lg-5
col-cursos"><p>{{mycourse.name}}</p></div>
<div class="col-12 col-lg-2 col-cursos"><p
class="p-min"></p></div>
<div class="col-12 col-lg-2 col-cursos"><p class="p-
cursando">CURSANDO</p></div>
<div class="col-12 col-lg-3 col-cursos"><a class="btn-curso"
href="user_all_cont/{{mycourse.id}}">Ir al curso</a></div>
</div>
{% endif %}

{% endfor %}
{% endif %}

</div>

{% if coursesMonitoreo %}
<div class="container--tabs">
<section class="row">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab-1">Explorar Catálogo</h3></a></li>
<li class=""><a href="#tab-2">Mis cursos</a></li>
</ul>
<div class="tab-content">
<div id="tab-1" class="tab-pane active">
<span class="glyphicon glyphicon-leaf glyphicon--home--feature two
columns text-center "></span>
<div class="row">
<ul class="nav nav-tabs">
{% for course in coursesMonitoreo %}
{% if course.is_active and date_now.date < course.end_date.date
%}
{% for c in my_non_courses_list4 %}
{% if c == course.id %}
<div class="col-5">
<div class="card-cursos-edm">
<span><b>{{course.name}}</b></span><p></p>
<p>{{course.description}}</p>
<h7>{{course.duration}} min</h7>
<div class="inferior">
<span></span>
<a href="user_all_cont/{{course.id}}">Cursar</a>
</div>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
{% if my_courses_monitoreo %}
{% for mycourse in my_courses_monitoreo %}
{% if mycourse.course.is_active and date_now.date <
mycourse.course.end_date.date %}
{% if mycourse.state == 'a' %}
<div class="col-5">
<div class="card-cursos-edm">
<span><b>{{mycourse.course.name}}</b></span><p></p>
<p>{{mycourse.course.description}}</p>
<h7>{{mycourse.course.duration}} min</h7>
<div class="inferior">
<span>APROBADO</span>
<a href="user_all_cont/{{mycourse.course.id}}">Ir al
curso</a>
</div>
</div>
</div>
{% endif %}
{% if mycourse.state == 'd' %}
<div class="col-5">
<div class="card-cursos-edm">

<span><b>{{mycourse.course.name}}</b></span><p></p>
<p>{{mycourse.course.description}}</p>
<h7>{{mycourse.course.duration}} min</h7>
<div class="inferior">
<span>DESAPROBADO</span>
<a href="user_all_cont/{{mycourse.course.id}}">Ir al
curso</a>
</div>
</div>
</div>
{% endif %}
{% if mycourse.state == 'c' %}

<div class="col-5">
<div class="card-cursos-edm">
<span><b>{{mycourse.course.name}}</b></span><p></p>
<p>{{mycourse.course.description}}</p>
<h7>{{mycourse.course.duration}} min</h7>
<div class="inferior">
<span>CURSANDO</span>
<a href="user_all_cont/{{mycourse.course.id}}">Ir al
curso</a>
</div>
</div>
</div>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
</div>
</section>
</div>
</div> </ul>

<!-- Fin Tabs -->

<div class="container--tabs">
<section class="row">
<div class="tab-content">
<div id="tab-2" class="tab-pane">
<span class="glyphicon glyphicon-fire glyphicon--home--feature two
columns text-center"></span>
<div class="row">
<ul class="nav nav-tabs">
{% if my_courses_monitoreo %}
{% for mycourse in my_courses_monitoreo %}
{% if mycourse.course.is_active and date_now.date <
mycourse.course.end_date.date %}
{% if mycourse.state == 'a' %}
<div class="col-5">
<div class="card-cursos-edm">
<span><b>{{mycourse.course.name}}</b></span><p></p>
<p>{{mycourse.course.description}}</p>
<h7>{{mycourse.course.duration}} min</h7>
<div class="inferior">
<span>APROBADO</span>
<a href="user_all_cont/{{mycourse.course.id}}">Ir al
curso</a>
</div>
</div>
</div>
{% endif %}
{% if mycourse.state == 'd' %}
<div class="col-5">
<div class="card-cursos-edm">
<span><b>{{mycourse.course.name}}</b></span><p></p>
<p>{{mycourse.course.description}}</p>
<h7>{{mycourse.course.duration}} min</h7>
<div class="inferior">
<span>DESAPROBADO</span>
<a href="user_all_cont/{{mycourse.course.id}}">Ir al
curso</a>
</div>
</div>
</div>
{% endif %}
{% if mycourse.state == 'c' %}
<div class="col-5">
<div class="card-cursos-edm">
<span><b>{{mycourse.course.name}}</b></span><p></p>
<p>{{mycourse.course.description}}</p>
<h7>{{mycourse.course.duration}} min</h7>
<div class="inferior">
<span>CURSANDO</span>
<a href="user_all_cont/{{mycourse.course.id}}">Ir al
curso</a>
</div>
</div>
</div>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
</div>
</section>
</div>
</div> </ul>
{% endif %}

<!-- END CONTAINER -->


{% endblock content %}
{% block scripts %}

{% endblock scripts %}

You might also like