{#
/**
 * @file
 *
 * Default product template.
 *
 * Available variables:
 * - attributes: HTML attributes for the wrapper.
 * - product: The rendered product fields.
 *   Use 'product' to print them all, or print a subset such as
 *   'product.title'. Use the following code to exclude the
 *   printing of a given field:
 *   @code
 *   {{ product|without('title') }}
 *   @endcode
 * - product_entity: The product entity.
 * - product_url: The product URL.
 * - title_prefix: Additional output populated by modules, intended to be
 *   displayed in front of the main title tag that appears in the template.
 * - title_suffix: Additional output populated by modules, intended to be
 *   displayed after the main title tag that appears in the template.
 *
 * @ingroup themeable
 */
#}

{%
  set classes = [
		'product',
		'product--type-' ~ product.bundle|clean_class,
		not product.isPublished() ? 'product--unpublished',
		view_mode ? 'product--view-mode-' ~ view_mode|clean_class,
		'product-list'
  ]
%}
<div{{attributes.addClass(classes)}}>
	<div class="list-image">
		{% if product.field_thumbnail_image|render %}
			<a href="{{ product_url }}">
				{{ product.field_thumbnail_image }}
			</a>
		{% endif %}
	</div>

	<div class="list-details">
		<div class="list-header">
			<div class="list-link">
				{% if product.title %}
					<a href="{{ product_url }}">{{ product.title }}</a>
				{% endif %}
			</div>
			{% if product.field_category|render %}
				<div class="list-category">
					{{ product.field_category }}
				</div>
			{% endif %}

		</div>
		<div class="list-desc">
			{{ product.field_description }}
		</div>
		<div class="more-link">
			<a href="{{ product_url }}">{{ 'more'|t  }}</a>
		</div>
	</div>
</div>
