{% extends 'layout-front.html.twig' %}
{% trans_default_domain 'app' %}
{% set titulo = 'Mostrando todos los cursos' %}
{% set tituloPag = 'Cursos' %}
{% set descripcionPag = 'Consulta nuestra selección de cursos' %}
{# Si la url tiene la categoría y subcategoría cogemos sus seotags #}
{% if localidad %}
{% set seoTitleText = '' %}
{% set seoDescriptionText = '' %}
{% set seoKeywordsText = '' %}
{% if localidad.seoTitle %}
{% set seoTitleText = seoTitleText ~ ' ' ~ localidad.seoTitle %}
{% else %}
{% set seoTitleText = seoTitleText ~ ' ' ~ localidad.nombre %}
{% endif %}
{% if localidad.seoDescription %}
{% set seoDescriptionText = seoDescriptionText ~ ' ' ~ localidad.seoDescription %}
{% else %}
{% set seoDescriptionText = seoDescriptionText ~ ' ' ~ localidad.nombre|string_to_ascii %}
{% endif %}
{% if localidad.seoKeywords %}
{% set seoKeywordsText = seoKeywordsText ~ ' ' ~ localidad.seoKeywords %}
{% else %}
{% set seoKeywordsText = seoKeywordsText ~ ', ' ~ localidad.nombre|string_to_ascii|lower %}
{% endif %}
{% else %}
{% set seoTitleText = titulo %}
{% set seoDescriptionText = globales.configuracionGeneral.seoDescription %}
{% set seoKeywordsText = globales.configuracionGeneral.seoKeywords %}
{% endif %}
{% block seoTitle %}{{ seoTitleText|trim }}{% endblock %}
{% block seoDescription %}{{ seoDescriptionText|trim }}{% endblock %}
{% block seoKeywords %}{{ seoKeywordsText|trim }}{% endblock %}
{% block title %}Cursos - {{ seoTitleText|trim }}{% endblock %}
{% block css %}
{# TAGS SEO #}
{% if routeName == 'front_listado_cursos_localidad' %}
{% set urlCanonica = absolute_url(path('front_listado_cursos_localidad', {"slugLocalidad": localidad.slug})) %}
{% else %}
{% set urlCanonica = absolute_url(path('front_listado_cursos')) %}
{% endif %}
{% set primeraPag = 1 %}
{% set ultimaPag = (cursos.totalItemCount/itemsPorPagina)|round(0, 'ceil') %}
<link rel="canonical" href="{{ urlCanonica }}" />
{% if cursos.currentPageNumber > 1 %}
<link rel="prev" href="{{ urlCanonica~'?page='~(cursos.currentPageNumber-1) }}" />
{% endif %}
{% if cursos.currentPageNumber < ultimaPag %}
<link rel="next" href="{{ urlCanonica~'?page='~(cursos.currentPageNumber+1) }}" />
{% endif %}
{{ parent() }}
<style>
.entry-image, .entry-image>a, .entry-image .slide a, .entry-image img {
height: 250px;
}
</style>
{% endblock %}
{% block content %}
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="container clearfix">
<div class="row col-mb-80">
<div class="col-12 pb-0">
<h1 class="">
{% if localidad %}
Mostrando todos los cursos de {{ localidad.nombre }}
{% else %}
Mostrando todos los cursos
{% endif %}
</h1>
</div>
<!-- Post Content
============================================= -->
<div class="postcontent col-12 col-lg-9 order-last clearfix">
{% if cursos|length == 0 %}
<div class="row">
<div class="col-12">
<p class="text text-center text-danger font-metropolis fw-bold fs-4">
ACTUALMENTE ESTAMOS TRABAJANDO PARA PUBLICAR LOS<br> CURSOS EN ESTA ZONA<br><br>
PERO NO TE PREOCUPES, PUEDES HABLAR CON NOSOTROS Y<br> TE AYUDAREMOS A ENCONTRAR LO QUE NECESITES.<br><br>
</p>
<p class="text text-center text-success font-metropolis fw-bold fs-4">WHATSAPP: <a href='https://api.whatsapp.com/send?phone=34xxxxxxxxx'>xxx xx xx xx</a></p>
</div>
</div>
{% else %}
<div class="row">
<div class="col-12">
<div class="page_control_shorting left_area tac-lg mb30-767 mt15">
<h5>Cursos disponibles: <code>{{ cursos.getTotalItemCount }}</code></h5>
</div>
</div>
</div>
<div class="post-grid row col-mb-30">
{% for c in cursos %}
<div class="entry col-xl-4 col-sm-6">
{% if c.destacado %}
<div class="ribbon">Destacado</div>
{% endif %}
<div class="grid-inner shadow-sm card rounded-5 d-flex flex-column h-100">
{% set imagen = c.imagen ? asset(c.imagen|perfil_compresion_imagen('SD')) : asset('assets/img/no-image-list.png') %}
<a href="{{ path('front_ver_curso', {'curso': c.id, 'slug': c.slug}) }}">
<img src="{{ imagen }}" alt="{{ c.nombre }}" class="card-img-top">
</a>
<div class="p-4">
<div class="entry-title">
<h3 class="text-transform-none ls-0 h5"><a href="{{ path('front_ver_curso', {'curso': c.ID, 'slug': c.slug}) }}">{{ c.nombre }}</a></h3>
</div>
{# <div class="entry-meta">#}
{# <ul>#}
{# <li><i class="uil uil-map-marker"></i> {{ p.localidad }}</li>#}
{# <li><i class="uil uil-briefcase"></i> {{ p.serviciosAsignados|map(p => "#{p.nombre}")|join(', ') }}</li>#}
{# </ul>#}
{# </div>#}
<div class="entry-content mt-4">
<p class="mb-0">{{ c.descripcionCurso | my_strip_tags | truncate_text(200) }}</p>
</div>
{# {% if not is_granted('ROLE_ADMIN') and is_granted('ROLE_ESTACION') %}#}
{# <div class="entry-meta d-flex justify-content-between align-items-center">#}
{# <ul>#}
{# <li><a class="btn-anadir-quitar-proveedor-favoritos" href="#" data-id="{{ p.id }}">#}
{# <i class="uil uil-heart {% if app.user.esProveedorFavorito(p.id) %}text-danger{% endif%} fs-4"></i>#}
{# </a>#}
{# </li>#}
{# </ul>#}
{# <div>#}
{# <input type="number" class="star-rating" data-display-only="true" value="{{ p.valoracionTotal }}">#}
{# </div>#}
{# </div>#}
{# {% endif %}#}
</div>
</div>
</div>
{% endfor %}
</div><!-- .postcontent end -->
{% if cursos|length > 0 %}
{{ knp_pagination_render(cursos, 'paginacion-front.html.twig') }}
{% endif %}
{% endif %}
</div>
<!-- Sidebar
============================================= -->
<aside class="sidebar col-12 col-lg-3">
<div class="sidebar-widgets-wrap">
<div class="widget">
<h4>Filtros de búsqueda</h4>
<div>
{{ form_start(frontFormBusquedaCursos, {attr: {novalidate: 'novalidate', 'class': 'form'}}) }}
<div class="row justify-content-center align-items-center">
<div class="col-md-12">
{{ form_row(frontFormBusquedaCursos.nombre) }}
</div>
<div class="col-md-12">
{{ form_row(frontFormBusquedaCursos.localidad) }}
</div>
<div class="col-md-12">
<button class="d-none button button-3d m-0" type="submit">
Buscar
</button>
<button class="button button-3d m-0 w-auto" type="submit">
<i class="uil uil-search-alt fs-4"></i>
Buscar
</button>
<button id="btn-reset" class="button button-3d m-0 w-auto" type="button">
<i class="uil uil-trash-alt fs-4"></i>
Limpiar filtros
</button>
</div>
</div>
{{ form_end(frontFormBusquedaCursos) }}
</div>
</div>
</div>
</aside><!-- .sidebar end -->
</div>
</div>
</div>
</section><!-- #content end -->
{% endblock %}
{% block js %}
<script>
$(function () {
function recargarPagina() {
let slugLocalidad = null;
if (localidad.val() !== '') {
slugLocalidad = localidad.find('option[value=' + localidad.val() + ']').attr('data-slug');
}
var ruta = Routing.generate('front_listado_cursos')
if (slugLocalidad) {
ruta = Routing.generate('front_listado_cursos_localidad', {slugLocalidad: slugLocalidad}, false);
}
window.location = ruta;
}
let localidad = $('#front_busqueda_curso_localidad');
localidad.on('change', function (e) {
recargarPagina();
});
$('#btn-reset').on('click', function (e) {
window.location = Routing.generate('front_listado_cursos');
});
// $('#front_busqueda_curso_ordenarPor').on('change', function (e) {
// $('form[name=busqueda_empresa_front]').submit();
// });
});
</script>
{% endblock %}