{% extends "front/_common/_base.html.twig" %}
{% block linkcanonical %}
<link rel="canonical" href="{{ path(app.request.attributes.get('_route'),
app.request.attributes.get('_route_params')) }}">
{% set currentSlug = app.request.attributes.get('slug') %}
{% endblock %}
{% block cssadicional %}{% endblock %}
{% block classbody %}{% endblock %}
{% block content %}
<section class="b31">
{% if home.mainQuoteShow %}
<a href="{{ path('quote') }}" id="cotizaBtn">
<img src="{{ asset(home.mainQuoteImg|image_path|default('/static/img/cotiza.png') ) }}" alt="{{ home.mainQuoteImg|image_alt }}" />
{% if home.mainQuoteText %}
<small>{{ home.mainQuoteText }}</small>
{% endif %}
</a>
{% endif %}
<article class="b31_ctn">
<div class="wancho">
<div class="general_breadcrumbs">
<ul>
<li><a href="{{ path('home') }}">INICIO</a></li>
<li><a href="{{ path(app.request.attributes.get('_route'),
app.request.attributes.get('_route_params')) }}" aria-selected="true">{{app.request.attributes.get('slug')|upper ? : 'TODOS LOS CAMIONES'}}</a></li>
</ul>
</div>
<div class="flex jcsb aic b31__title">
<h1 class="general_title">{{ slug ? category.title|upper :home.mainTitle }}</h1>
<div class="gParrafo">
{{ slug ? category.description|raw : home.mainText|raw }}
</div>
</div>
</div>
</article>
<article class="camion_ctn">
<ul class="camiones_list" id="content-machines">
{% for item in machines %}
<li class="camion_card">
<img src="{{ asset(item.imgList|image_path) }}" alt="{{ item.imgList|image_alt }}" />
<small>{{ item.category.title}}</small>
<p>{{ item.title|upper}}</p>
<div>
<a href="{{ path('truck', {'slug' : item.slug}) }}" class="general_button white">Ver modelo</a>
<a href="{{ path('truck', {'slug' : item.slug}) }}#form" class="general_button">Quiero Cotizar</a>
</div>
</li>
{% endfor %}
</ul>
</article>
{{ knp_pagination_render(machines, 'front/pagination/products.html.twig') }}
</section>
{% endblock %}
{% block jsfinal %}
<script>
$(function(){
$('.b31').on('click', '[paginator]', function(e) {
e.preventDefault();
let url = $(this).data('href');
$.get(url, function(html) {
$('#contentpaginator').remove();
$('#content-machines').html(html);
$('.b31').append($('#contentpaginator'));
});
});
});
</script>
{% endblock %}