{% block content %}
{% if cobupem is defined and not cobupem is empty %}
{% set data = cobupem.Data is empty ? '' : cobupem.Data %}
{% if not data is empty %}
<section id="container-slider">
<a href="javascript: funcionEjecutar('anterior');" class="arrowPrev">
<i class="fas fa-chevron-circle-left"></i>
</a>
<a href="javascript: funcionEjecutar('siguiente');" class="arrowNext">
<i class="fas fa-chevron-circle-right"></i>
</a>
<ul class="listslider" hidden>
{% for item in data %}
{% set index = loop.index %}
<li>
<a itlist="itList_{{ index - 1 }}" href="#" class="{{ loop.first ? 'item-select-slid' }}"></a>
</li>
{% endfor %}
</ul>
<ul id="slider">
{% for item in data %}
{% set imagen = item.imagen %}
{% set pdf = item.pdf %}
<a href="{{ pdf }}" target="_blank">
<li style="background-image: url({{ imagen }}); {{ loop.first ? 'z-index:0; opacity: 1' }}"></li>
</a>
{% endfor %}
</ul>
</section>
{% endif %}
{% endif %}
{% endblock %}