{##
# Product details information block
#
# @ListChild (list="product.details.page", weight="40")
#}
{% if this.getTabs() %}
<div class="product-details-tabs">
<div class="tabs">
<ul class="tabs primary">
{% for index, tab in this.getTabs() %}
<li class="{{ this.getTabClass(tab) }}">
<a data-id="{{ tab.id|raw }}"
{% if tab.alt_id %}data-alt-id="{{ tab.alt_id }}"{% endif %}
href="{{ xurl('product', '', {'product_id': this.get('product').productId}) }}#{{ tab.id|raw }}"
data-toggle="tab">{{ tab.name }}</a>
</li>
{% endfor %}
</ul>
</div>
<div class="tabs-container">
{% for tab in this.getTabs() %}
{% if tab.alt_id %}
<div id="{{ tab.alt_id }}"></div>
{% endif %}
<div id="{{ tab.id|raw }}" class="tab-container hacky-container">
<a name="{{ tab.id|raw }}"></a>
{% if tab.template %}
{% include tab.template %}
{% else %}
{% if tab.widget %}
{{ widget(tab.widget, product=this.product) }}
{% else %}
{% if tab.list %}
{{ widget_list(tab.list, product=this.product) }}
{% else %}
{% if tab.widgetObject %}
{{ tab.widgetObject.display()|raw }}
{% endif %}
{% endif %}
{% endif %}
{% endif %}
</div>
{% endfor %}
</div>
</div>
{% endif %}