{% include 'quarks/_loadCssComponent' with {
    name: '_' ~ component.type
  } only %}
{% import '_macros/_setTitles' as _set %} 

{% if component.typeAccordion == true %}
	{% set count_accordion =
    craft.entries().section('accordionPublicBidding').level(1).count()
  %}
{% else %}
	{% set count_accordion =
    craft.entries().section('accordionBidding').level(1).count()
  %}
{% endif %}

<section {{ dataComponent }} id="{{ id }}" class="bidAccordionLinksAndImage bg-{{ index.index0 }} {{ separation }}">
	<div class="container-fluid px-0">
		{% for i in [
      {
        class: 'col-12 col-md-5 mx-auto pb-3',
        value: component.blockTitle
      },
      {
        type: 'h3',
        class: 'col-12 col-md-5 mx-auto pb-3',
        value: component.subtitle
      }
    ] %}
			{{ _set.set_element(i) }}
		{% endfor %}

		<section class="row">
			<div class="col-12 col-lg-5">
				<section>
					<section class="bidAccordionLinksAndImage__contentImg">
						{% set img = component.image[0] ?? null %}
						{% if img %}
							{% include 'components/_imageTransformsSimple' with {
                img: img,
                setClass: 'img-absolute',
                alt: img.title,
                transforms: {
                  '(min-width: 1300px)': {
                    width: 850,
                    height: 850
                  },
                  '(min-width: 992px)': {
                    width: 1200,
                    height: 350
                  },
                  '(min-width: 768px)': {
                    width: 550
                  }
                },
                default: {
                  width: 500
                }
              } only %}
						{% endif %}
					</section>
				</section>
			</div>
			<div class="col-12 col-lg-7 d-flex justify-content-center align-items-center flex-column">
				<section class="col-11 mx-auto py-5">
					<div class="accordion accordionBidding" id="accordionBidding">
						{% if count_accordion > 0 %}
							{% if component.typeAccordion == true %}
								{% set items =
                  craft.entries().section('accordionPublicBidding').level(1)
                %}
							{% else %}
								{% set items =
                  craft.entries().section('accordionBidding').level(1)
                %}
							{% endif %}
							{% for item in items.all() %}
								<section class="accordion-item mb-4">
									<h2 class="accordion-header my-0" id="accordion-{{ loop.index0 }}">
										<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelAccordion-{{ loop.index0 }}" aria-expanded="true" aria-controls="panelAccordion-{{ loop.index0 }}">
											<p class="col-12 col-md-9 my-0">
												{{ item.title }}
											</p>
										</button>
									</h2>
									<div id="panelAccordion-{{ loop.index0 }}" class="accordion-collapse collapse" aria-labelledby="accordion-{{ loop.index0 }}">
										<section class="accordion-body">
											{% if item.children.count() > 0 %}
												<ul class="m-0 p-0">
													{% for j in item.children.all() %}
														{% set btn = j.fieldButton %}
														<li class="d-inline-block py-1">
															<a {{ btn.getLinkAttributes() }} class="py-2 btnArrow">
																<span>{{ j.title }}</span>
																<img data-src="/assets/img/arrow.svg" src="" alt="btn" loading="lazy" class="lazyload img-fluid ms-3"/>
															</a>
														</li>
														<br/>
													{% endfor %}
												</ul>
											{% endif %}
										</section>
									</div>
								</section>
							{% endfor %}
						{% endif %}
					</div>
				</section>
			</div>
		</section>
	</div>
</section>