<section {{ dataComponent }} id="{{ id }}" class="slideTestimonials bg-{{ index.index0 }} {{ separation }}">
	<div class="contains-fluid px-2 px-md-0 pb-4">
		{% if (component.blockTitle|length) > 0 %} 
			<h2 class="slideTestimonials__title pb-3">
				{{ component.blockTitle }}
			</h2> 
		{% endif %}
		<section class="row">
			<div class="col-12 col-lg-4 d-flex justify-content-center flex-column">
				<section class="col-10 col-lg-6 mx-auto ms-lg-auto me-lg-5">
					{% if (component.subtitle|length) > 0 %}
						<h3>
							{{ component.subtitle }}
						</h3>
					{% endif %}
					<div class="d-inline-block mb-3">
						{% include 'components/_btnArrow' with {
              btn: component.itemLink
            } only %}
					</div>
				</section>
			</div>
			<div class="col-12 col-lg-8">
				{% set testimoniosEntries__all =
          craft.entries().section(component.fieldText ?? null).limit(6).all()
        %}
				{% if (testimoniosEntries__all|length) > 0 %}
					<section class="swiper testimonios_slider pb-5">
						<div class="swiper-wrapper">
							{% for item in testimoniosEntries__all %}
								<section class="swiper-slide">
									<a href="{{ item.url }}" class="card">
										<div class="card-body px-md-3">
											{% set postDateEntry = item.postDate %}
											{% set textDateEntry = (postDateEntry|date('d')) ~ ' De '
                        ~ (postDateEntry|date('F'))
                        ~ ' '
                        ~ (postDateEntry|date('Y'))
                      %}

											{% if craft.app.language == 'en' %}
												{% set textDateEntry = (postDateEntry|date('F')) ~ ' '
                          ~ (postDateEntry|date('d'))
                          ~ ', '
                          ~ (postDateEntry|date('Y'))
                        %}
											{% endif %}

											{#<p class="m-0 card-testimonial text-center pt-3">
												<strong>{{ textDateEntry|upper }}</strong>
											</p>#}
											{% set categoryType = item.contentPress[0] ?? null %}
											{% if categoryType %}
												<p class="text-start" style="color: {{ categoryType.fieldColor.getHex() }}">
													{{ categoryType.title }}
												</p>
											{% endif %}
											<p class="card-author text-center">
												{{ item.title }}
											</p>
										</div>
										<div class="card-header">
											{% set img = item.image[0] ?? null %}
											{% if img %}
												{% include 'components/_imageTransformsSimple' with {
												img: img,
												setClass: 'img-absolute',
												alt: img.title,
												transforms: {
													'(min-width: 2301px)': {
													width: 750
													},
													'(min-width: 1300px)': {
													width: 500,
													height: 300
													}
												},
												default: {
													width: 560
												}
												} only %}
											{% endif %}
										</div>
									</a>
								</section>
							{% endfor %}
						</div>
						<div class="swiper-button-next d-none d-md-block"></div>
						<div class="swiper-button-prev d-none d-md-block"></div>
						<div class="swiper-pagination"></div>
					</section>
				{% endif %}
			</div>
		</section>
	</div>
</section>