page.order-form.liquid

{% assign wholesalelist = linklists['order-form'] %}
<script>var wholesalelistlen = {{ wholesalelist.links.size }};</script>
<div class="wholesaleWrapper">
<div class="terms">
  <h1>{{ page.title }}</h1>
</div>
<form id="mainForm" style="display:none">
	<div class="terms">              
       {{ page.content }}
	</div>
    <p><input type="button" id="wholesaleLogout" value="Logout Wholesale" onclick="logoutWholesale();"/></p>
    <input id="prodSearch" type="text" placeholder="Start typing to search...">
	<table id="prodTable" cellspacing="0" cellpadding="0" border="1" ><tbody>
		<tr id="cart-headlines">
			<td> </td>
			<td>Product</td>
			<td>Price</td>
			<td>Quantity</td>
		</tr>
		{% for link in wholesalelist.links %}
            {% assign product = link.object %}
			<tr>
				<td class="prodImage">
					<a href="{{ product.featured_image.src | img_url: '1024x1024' }}" class="iframe" data-lightbox="image-1">
                        <img src="{{ product.featured_image.src | img_url: '110x110' }}" alt="{{ product.title | escape }}" class="lightbox-trigger" />
                    </a>
				</td>
				<td class="prodTitle">
					<a class="product-title" href="{{ product.url}}" title="View {{ product.title | escape }} Page">
						{{ product.title | truncatewords:15 }}
					</a>
                    {% unless product.has_only_default_variant %}
                  		<label class="product-select-label" for="{{ forloop.index0 }}">
                            Select
                        	{% for option in product.options %}
                          		{{ option }}
                                {% unless forloop.last %} / {% endunless %}
                            {% endfor %}                             
                  		</label>
            			<select id="{{ forloop.index0 }}" class="product-select">
            				{% for variant in product.variants %}
                				{% if variant.available %}
                  					<option value="{{ variant.id }}"{% if variant == product.first_available_variant %} selected="selected"{% endif %}>
                    					{{ variant.title | escape }} - {{ variant.price | money }}
                  					</option>
                				{% else %}
                  					<option disabled="disabled">{{ variant.title | escape }} - SOLD OUT</option>
                				{% endif %}
              				{% endfor %}
			            </select>    
                    {% endunless %}                  
				</td>
				<td class="prodPrice">                                      
                	<span class="regularPrice" id="price-{{ forloop.index0 }}">{{ product.first_available_variant.price | money }}</span>                	
				</td>
				<td class="prodQuantity">                  
					<input type="hidden" value="{{ product.first_available_variant.id }}" id="variant-{{ forloop.index0 }}"/>
					<input type="number" id="quantity-{{ forloop.index0 }}" tabindex="1" min="0" />                                                                     
				</td>
			</tr>
			{% endfor %}
</tbody></table>
<p style='text-align:right;'>    
	<input type="submit" value="Add To Cart" id="submit-table"/>
	<input type="button" value="Add To Cart" id="submit-float" onclick="jQuery('#submit-table').click();" style="display:none;" />
</p>
</form>
<div id="passwordForm">		
	<div id="wrongPassword" style="display:none;">Sorry, that's an incorrect password.</div>
	<input type="text" value="" name="password" id="submit-password" onkeydown="if(event.keyCode == 13){tryPassword();}" placeholder="Enter your password" />
	<input type="button" value="Access Wholesale" class="tryPW" onclick="tryPassword();" />
</div>    
</div>  

<!-- product image light box -->
<div class="backdrop"></div>
<div class="popup-box">
	<div class="close">x</div>
	<div class="img-wrap">
		<img src="" alt="" class="lightbox-img">
	</div>
</div>