{% assign multiplier = 1 -%}
{% if attributes -%}

	{% for attributeGroup in attributes -%}
		{% if forloop.first -%}
			<div class="clearfix item hide">
				<div id="catProdAttributes2_{{ id }}" class="productAttributes">
					<input id="Units_{{id}}" class="productTextInput" type="text" value="0" name="AddToCart_Amount">
					<div class="catProductAttributeGroup" data-productattributegroup="">
						<div class="catProdAttributeItem">
							<select mandatory="1">
								<option value="">-- Please select --</option>
								{% for attributeGroupItem in attributeGroup[1] -%}
								<option value="{{ attributeGroupItem.id }}">{{ attributeGroupItem.name }}</option>
								{% endfor -%}
							</select>
						</div>
					</div>
				</div>
			</div>
		{% endif -%}
	{% endfor -%}
	{% for attributeGroup in attributes -%}
		{% for attributeGroupItem in attributeGroup[1] -%}
		{% if inventoryByAttributes -%}{% assign productCode = inventoryByAttributes[forloop.index0].sku -%}{% endif -%}
		<div id="{{ productCode }}" class="clearfix productLineItem item">
			<div class="small-4			medium-3 large-2 column pcode">{{ productCode }}</div>
			<div class="show-for-medium	medium-4 large-6 column nameCode pname">
				<a href="{{ url }}">{{ name | split: ' | ' | first }}</a>
				<small>{{ attributeGroupItem.name }}</small>
				{% assign manualPackageType = custom3 | split: ',' -%}
				{% assign totalItems = manualPackageType | size == 2 -%}
				{% if totalItems == 2 -%}{% assign multiplier = manualPackageType[0] -%}{% endif -%}
				<div class="catProductAttributeGroup" data-productattributegroup="" style="float: right;">
					<!-- <div class="catProdAttributeTitle">Select Package Type</div> -->
					<div class="catProdAttributeItem">
						<select data-multiplier="{{ manualPackageType[0] }}" onchange="custom_productSelectPackageType( this, '#{{productCode}}' );" style="margin:0;font-size:0.8rem;height:2rem;padding:0 1.25rem 0 0.75rem;background-position:calc(100% + 10px) center;">
							{% if manualPackageType[1] and manualPackageType[1] != "" -%}
							<option value="unit">{{ manualPackageType[1] }}</option>
							{% endif -%}
							{% if manualPackageType[2] and manualPackageType[2] != "" -%}
							<option value="box">{{ manualPackageType[2] }}</option>
							{% endif -%}
						</select>
					</div>
				</div>
			</div>
			<div class="small-3			medium-2 large-2 column nameCode variation">{% if name contains "|" -%}{{ name | split: ' | ' | last }}{% else -%}&nbsp;{% endif -%}</div>
			<div class="small-5			medium-3 large-2 column quantity" data-cid="{{catalogId}}" data-pid="{{id}}">
				{% if minUnits > 1 -%}<small>Min {{ minUnits }} units</small>{% endif -%}
				<div class="quantity-controls" data-multiplier="{{ multiplier }}">
					<button class="sub">-</button>
					<input  class="productTextInput" type="text" value="0" name="AddToCart_Amount" data-units-id="#Units_{{id}}" data-selector-id="#catProdAttributes2_{{ id }}" data-selector-option="{{ attributeGroupItem.id }}" data-cid="{{catalogId}}" data-pid="{{id}}" data-minunits="{{ minUnits }}" data-notification-text="{{ name }}" data-notification-image="{{ smallImageUrl }}"{% if minUnits > 1 -%} readonly{% endif -%}>
					<button class="add">+</button>
		  		</div>
			</div>
		</div>
		{% endfor -%}
	{% endfor -%}

{% else -%}

	<div id="{{ productCode }}" class="clearfix productLineItem item">
		<div class="small-4			medium-3 large-2 column pcode">{{ productCode }}</div>
		<div class="show-for-medium	medium-4 large-6 column nameCode pname">
			<a href="{{ url }}">{{ name | split: ' | ' | first }}</a>
			{% if custom3 != "" -%}
				{% assign manualPackageType = custom3 | split: ',' -%}
				{% assign totalItems = manualPackageType | size == 2 -%}
				{% if totalItems == 2 -%}{% assign multiplier = manualPackageType[0] -%}{% endif -%}
				<div class="catProductAttributeGroup" data-productattributegroup="" style="float: right;">
					<!-- <div class="catProdAttributeTitle">Select Package Type</div> -->
					<div class="catProdAttributeItem">
						<select data-multiplier="{{ manualPackageType[0] }}" onchange="custom_productSelectPackageType( this, '#{{productCode}}' );" style="margin:0;font-size:0.8rem;height:2rem;padding:0 1.25rem 0 0.75rem;background-position:calc(100% + 10px) center;">
							{% if manualPackageType[1] and manualPackageType[1] != "" -%}
							<option value="unit">{{ manualPackageType[1] }}</option>
							{% endif -%}
							{% if manualPackageType[2] and manualPackageType[2] != "" -%}
							<option value="box">{{ manualPackageType[2] }}</option>
							{% endif -%}
						</select>
					</div>
				</div>
			{% endif -%}
		</div>
		<div class="small-3			medium-2 large-2 column nameCode variation">{% if name contains "|" -%}{{ name | split: ' | ' | last }}{% else -%}&nbsp;{% endif -%}</div>
		<div class="small-5			medium-3 large-2 column quantity" data-cid="{{catalogId}}" data-pid="{{id}}">
			{% if minUnits > 1 -%}Min {{ minUnits }} units{% endif -%}
			<div class="quantity-controls" data-multiplier="{{ multiplier }}">
				<button class="sub">-</button>
				<input id="Units_{{id}}" class="productTextInput" type="text" value="0" name="AddToCart_Amount" data-cid="{{catalogId}}" data-pid="{{id}}" data-minunits="{{ minUnits }}" data-notification-text="{{ name }}" data-notification-image="{{ smallImageUrl }}"{% if minUnits > 1 -%} readonly{% endif -%}>
				<button class="add">+</button>
	  		</div>
		</div>
	</div>

{% endif -%}