{% extends "templates/web.html" %}

{% block title %} {{ title }} {% endblock %}

{% block breadcrumbs %}
<div class="item-breadcrumbs small text-muted">
	{% include "templates/includes/breadcrumbs.html" %}
</div>
{% endblock %}

{% block page_content %}
<div class="product-container col-md-12">
	{% from "erpnext/templates/includes/macros.html" import product_image %}
	<div class="item-content">
		<div class="product-page-content" itemscope itemtype="http://schema.org/Product">
			<!-- Image, Description, Add to Cart -->
			<div class="row mb-5">
				{% include "templates/generators/item/item_image.html" %}
				{% include "templates/generators/item/item_details.html" %}
			</div>

			<!-- Product Specifications Table Section -->
			{% if show_tabs and tabs %}
				<div class="category-tabs">
					<!-- tabs -->
						{{ web_block(
							"Section with Tabs",
							values=tabs,
							add_container=0,
							add_top_padding=0,
							add_bottom_padding=0
						) }}
				</div>
			{% elif website_specifications %}
				{% include "templates/generators/item/item_specifications.html"%}
			{% endif %}

			<!-- Advanced Custom Website Content -->
			{{ doc.website_content or '' }}
		</div>
	</div>
</div>
{% endblock %}

{% block base_scripts %}
<!-- js should be loaded in body! -->
{{ include_script("frappe-web.bundle.js") }}
{{ include_script("controls.bundle.js") }}
{{ include_script("dialog.bundle.js") }}
{% endblock %}