<?php $this->language->load('common/extra_oc_lang'); ?>
<?php if (count($manufactureds) > 0) { ?>
  <section class="products_slider">
    <div class="product-title">
      <?php if ($product_list_title_style == Type_ProductListTitleStyle::Left){ ?>
      <div class="flex flex-row nowrap-xs between-xs middle-xs">
        <h2 class="heading-2 flex-1"><?php echo $heading_title; ?></h2>
      </div>
      <?php } else { ?>
      <div class="flex flex-row nowrap-xs center-xs middle-xs">
        <div style="width: fit-content; <?php echo ($product_list_title_style == Type_ProductListTitleStyle::CenterWithLines) ? ' max-width: calc(100% - 164px) ' : '' ?>" class="rel">
          <h2 class="heading-2 flex-1 <?php echo ($product_list_title_style == Type_ProductListTitleStyle::CenterWithLines) ? ' product-title-with-lines ' : '' ?>"><?php echo $heading_title; ?></h2>
        </div>
      </div>
      <?php } ?>
    </div>
    <div class="grid">
      <div class="grid-on-slider">
        <?php foreach ($manufactureds as $manufactured) { ?>
          <div class="item-column item-column--large">
            <div class="itembox rel paper">
              <?php if ($manufactured['thumb']) { ?>
                <a
                  href="<?php echo $manufactured['href']; ?>"
                  title="<?php echo $manufactured['name']; ?>"
                  class="itembox-image-link image-loading-in-background"
                >
                  <img
                    class="load-image"
                    src=""
                    data-src="<?php echo $manufactured['thumb']; ?>"
                    alt="<?php echo $manufactured['name']; ?>"
                  >
                </a>
              <?php } ?>
              <div class="itembox-content">
                <a class="itembox-inner" href="<?php echo $manufactured['href']; ?>" title="<?php echo $manufactured['name']; ?>">
                  <h3 class="itembox-title"><?php echo $manufactured['name'];?></h3>
                </a>
              </div>
            </div>
          </div>
        <?php } ?>
      </div>
    </div>
  </section>
<?php } ?>
<script type="text/javascript">
  window.waitEvent('scripts_window', function() {
    $('.slide-manufactured').carousel({
      resposive: true,
      ajaxLoading: false,
      columnLarge: window.columnLarge == 4,
    });
  });
</script>
