<form id="<?= $this->formId; ?>" name="iso<?= rand(); ?>" method="post" enctype="<?= $this->enctype; ?>">
<div class="formbody" itemscope itemtype="http://schema.org/Product">
<input type="hidden" name="FORM_SUBMIT" value="<?= $this->formSubmit; ?>">
<input type="hidden" name="REQUEST_TOKEN" value="{{request_token}}">
<input type="hidden" name="AJAX_PRODUCT" value="<?= $this->product_id; ?>">
<input type="hidden" name="AJAX_MODULE" value="<?= $this->module_id; ?>">

<?= $this->getGallery('images')->generateMainImage(); ?>

    <?php if ($this->attr_datum && $this->type != 2): ?><div class="datum"><?= $this->generateAttribute('attr_datum') ?> </div><?php endif; ?>
<h3 itemprop="name"><?php /*if ($this->href): ?><a href="<?= $this->href; ?>" title="<?= $this->label_detail; ?>"><?php endif; */?><?= $this->highlightKeywords($this->generateAttribute('name')); ?><?php /*if ($this->href): ?></a><?php endif; */?></h3>
<?php /* if ($this->sku): ?>
<div class="sku" itemprop="sku"><?= $this->generateAttribute('sku'); ?></div><?php endif; */ ?>

<div class="product_content" role="tabpanel" aria-hidden="true">
    <div class="product_content_inner">
    <?php if ($this->teaser): ?>
<div class="teaser"><?= $this->highlightKeywords($this->generateAttribute('teaser')); ?></div>
    <?php else: ?>
    <div class="details"><?= $this->generateAttribute('description') ?></div>
    <?php endif; ?>

<div class="shopping_container">
<?php /* @var \Isotope\Interfaces\IsotopePrice $price */ if (($price = $this->product->getPrice()) && $price->getAmount() > 0): ?>
<div class="offer" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="<?= \Isotope\Isotope::getConfig()->currency ?>">
<div class="price" itemprop="price" content="<?= \Isotope\Isotope::roundPrice($price->getAmount(1, $this->product->getOptions())) ?>"><?= $this->generatePrice(); ?></div>
    <?php if ($this->not_buyable): ?>
        <div class="not_buyable"><span><?= $this->not_buyable_text ?: 'nicht online buchbar' ?></span></div>
    <?php else: ?>
        <div class="taxinfo">inkl. MwSt. und Versandkosten</div>
        <div class="shipping">Versandfertig in 1 - 3 Werktagen</div>
    <?php endif; ?>
    <?php if($this->baseprice): ?><div class="baseprice"><?= $this->generateAttribute('baseprice'); ?></div><?php endif; ?>
</div>
<?php endif; ?>

<?php /* if ($this->href): ?>
<div class="details"><a href="<?= $this->href; ?>" title="<?= $this->label_detail; ?>"><?= $this->label_detail; ?></a></div>
<?php endif; */ ?>

<?php if($this->actions && $price->getAmount() > 0): ?>
<?php /*
<div class="submit_container">
<?php if($this->hasOptions): ?>
<div class="options">
<?php foreach( $this->options as $arrOption ): echo $arrOption['html']; endforeach; ?>
</div>
<?php endif; */?>
<?php if ($this->useQuantity): ?>
    <div class="actions">
<div class="quantity_container">
<?php /*<label for="quantity_requested_<?= $this->raw['id']; ?>"><?= $GLOBALS['TL_LANG']['MSC']['quantity']; ?>:</label> */ ?><input type="text" class="text" id="quantity_requested_<?= $this->raw['id']; ?>" name="quantity_requested" placeholder="<?= $this->minimum_quantity; ?>" maxlength="10">
</div>
<?php endif; ?>
<?php foreach ($this->actions as $action): ?>
    <?php /*<?= $action->generate($this->product); ?>*/ ?>
<?php if($action->getName() == 'add_to_cart'): ?>
    <button type="submit" name="add_to_cart" class="submit add_to_cart" data-tooltip-title="in den Warenkorb">
        {{svg_inline::7e53d915-a92a-11ed-9cd9-16264e5ce4f6:cart-image}}
        {{svg_inline::ee3e6fcd-ae1d-11ed-9cd9-16264e5ce4f6:plus}}
    </button>
<?php endif; ?>
<?php endforeach; ?>

    </div>
<?php endif; ?>

</div>
<?php if ($this->attr_registration): ?>
    <div class="registration_info"><?= $this->generateAttribute('attr_registration') ?></div>
<?php endif; ?>
</div>
<div class="expand-toggle" role="tab" aria-expanded="false"></div>
</div>

</div>
</form>
<?php $GLOBALS['TL_BODY']['iso_list_expander'] = <<<'EOT'
<script type="text/javascript">
  document.addEventListener('DOMContentLoaded', function () {
    const containers = document.querySelectorAll('.product_content');

    for (let i = 0; i < containers.length; i++)
    {
      let toggle = containers[i].querySelector('.expand-toggle');

      toggle.addEventListener('click', function(e) {
        let self = containers[i],
          height = self.scrollHeight;

        self.style.height = height+'px';

        if (self.classList.contains('expanded'))
        {
          setTimeout(function()
          {
            self.style.height = '';
            self.classList.remove('expanded');
          },1);
          setTimeout(function() {
            toggle.ariaExpanded = 'false'
          },750)
        } else {
          self.classList.add('expanded');
          setTimeout(function() {
            self.style.height = 'auto';
            toggle.ariaExpanded = 'true'
          },750)
        }
      });
    }
  });
</script>
EOT;