gistfile1.txt

{exp:channel:entries channel="explore" disable="categories|category_fields|member_data|pagination" } 
<header class="wrapper">
	<div class="row">
		<div class="large-24 columns">
			<h1>
				{title}
			</h1>
		</div>
	</div>
</header>
<div class="row">
	<div class="large-18 columns content">
		{if "{explore_page_type}" != "explore_ageability"} 
		{explore_leadin_photos} 
			{exp:ce_img:pair src="{image}" width="750" height="450" crop="yes"} 
			<img src="{made}" alt="" width="{width}" height="{height}">
			{/exp:ce_img:pair} 
		{/explore_leadin_photos} 
		{/if} 

		{if explore_leadin_text} 
		<div class="page-intro">
			{explore_leadin_text} 
		</div>
		{/if} 

		{if "{explore_page_type}" == "explore_style"}

		{explore_wine_styles var_prefix="style"} 
		<div class="row">
			<div class="large-6 columns">
				<h2 class="subheader short pairing-style {if style:row_count == '1'}first open{/if}" id="ps-{style:row_count}" data-target="#pairing-content-{style:row_count}">
					{style:name}
				</h2>
			</div>
			<div class="large-18 columns">
				<hr class="rise">
			</div>
		</div>
		<div id="pairing-content-{style:row_count}" class="pairing-content {if style:row_count == '1'}first{/if}">
			<div class="row">
				<div class="large-24 columns">
					{style:description} 
				</div>
			</div>
			<div class="row">
				<div class="large-24 columns">
					<h4>
						Suggested Pairings
					</h4>
				</div>
				{style:suggestions limit="3" var_prefix="suggested_wine"} 
				<div class="large-8 columns">
					<h5>
						<span>
							{suggested_wine:wine_varietal}
						</span>

						{suggested_wine:wine_vineyard}
							{suggested_wine:title}
						{/suggested_wine:wine_vineyard} 

						{suggested_wine:wine_title_suffix} 

						<span class="price">
							<strong>
								{if "{suggested_wine:wine_details:price_val}" == "0"} 

									{embed="wines/_inc-price-modifier" id="{suggested_wine:entry_id}"}

								{/if} 

								{if "{suggested_wine:wine_details:price_val}" != "0"} 
									${suggested_wine:wine_details:price_val} 
								{/if} 
							</strong>
						</span>
					</h5>
					<p>

						{suggested_wine:wine_excerpt}

					<a href="{suggested_wine:url_title_path='shop/wines'}" class="learn-more">
						Learn More &raquo;</a>
					</p>
				</div>
				{/style:suggestions} 
			</div>
		</div>
		{/explore_wine_styles} 
		{/if} 

		{if "{explore_page_type}" == "explore_food"} 
		{explore_food_pairings var_prefix="style"} 
		<div class="row">
			<div class="large-6 columns">
				<h2 class="subheader short pairing-style {if style:row_count == '1'}first open{/if}" id="ps-{style:row_count}" data-target="#pairing-content-{style:row_count}">
					{style:name}
				</h2>
			</div>
			<div class="large-18 columns">
				<hr class="rise">
			</div>
		</div>
		<div id="pairing-content-{style:row_count}" class="pairing-content {if style:row_count == '1'}first{/if}">
			<div class="row">
				<div class="large-24 columns">
					{style:description} 
				</div>
			</div>
			<div class="row">
				<div class="large-24 columns">
					<h4>
						Suggested Pairings
					</h4>
				</div>
				{style:pairings limit="3" var_prefix="suggested_wine"} 
				<div class="large-8 columns">
					<h5>
						<span>
							{suggested_wine:wine_varietal}
						</span>
						{suggested_wine:wine_vineyard}
							{suggested_wine:title}
						{/suggested_wine:wine_vineyard} 

						{suggested_wine:wine_title_suffix} 
						<span class="price">
							<strong>
								{if "{suggested_wine:wine_details:price}" == "$0.00"} 
									{embed="wines/_inc-price-modifier" id="{suggested_wine:entry_id}"} 
								{/if} 

								{if "{suggested_wine:wine_details:price}" != "$0.00"} {suggested_wine:wine_details:price} {/if} 
							</strong>
						</span>
					</h5>
					<p>
						{suggested_wine:wine_excerpt} 
					<a href="{suggested_wine:url_title_path='shop/wines'}" class="learn-more">
						Learn More &raquo;</a>
					</p>
				</div>
				{/style:pairings} 
			</div>
		</div>
		<br>
		<br>
		{/explore_food_pairings} 
		{/if} 

		{if "{explore_page_type}" == "explore_vineyards"} 
			<div class="row">
				<div class="large-6 columns">
					<h2 class="subheader short hdr-gray">
						Vineyards
					</h2>
				</div>
				<div class="large-18 columns">
					<hr class="rise">
				</div>
			</div>
			<br>

			{explore_vineyards} 
			<div class="row">
				<div class="large-16 columns {switch='|right'}">
					<h4>
						{title}
					</h4>
					<p>
						{vineyard_excerpt} 

						<a href="{url_title_path=wines/vineyard}" data-reveal-id="modal-vineyard" data-reveal-ajax="true" class="learn-more">
						Learn More &raquo;
						</a>
					</p>
				</div>
				<div class="large-8 columns {switch='|left'}">
					<img src="http://placehold.it/800x600/">
				</div>
				<div class="large-24 columns">
					{if count != "{total_results}"}
					<hr>
					{/if} 
				</div>
			</div>
			{/explore_vineyards} 

			{if explore_everyvine_map == "yes"} 
			<br>
			<br>
			<header class="row">
				<div class="large-6 columns">
					<h3>
						Everyvine Map
					</h3>
					<hr class="decor-thick">
				</div>
				<div class="large-18 columns show-for-large-up">
					<hr class="decor-thin">
				</div>
			</header>
			<img src="http://placehold.it/800x600/&amp;text=everyvine+map" alt="">
			{/if} 

		{/if} 

		{if "{explore_page_type}" == "explore_ageability"} 
		<div class="row">
			<div class="large-24 columns">
				<hr>
				<h6>
					Jump to: 
				<a href="#ageability-chart">
					Ageability Chart</a>
			</h6>
			<br>
			{explore_main_content} 
			<div class="row">
				<div class="large-6 columns">
					<h2 class="subheader short pairing-style" id="ps-vintage" data-target="#pairing-content-vintage">
						By Vintage
					</h2>
				</div>
				<div class="large-18 columns">
					<hr class="rise">
				</div>
			</div>
			<div id="pairing-content-vintage" class="pairing-content">
				<div class="row">
					<div class="large-24 columns">
						{explore_ageability_vintage} 
					</div>
				</div>
			</div>
			<br>
			<br>
			<div class="row">
				<div class="large-6 columns">
					<h2 class="subheader short pairing-style" id="ps-vineyard" data-target="#pairing-content-vineyard">
						By Vineyard
					</h2>
				</div>
				<div class="large-18 columns">
					<hr class="rise">
				</div>
			</div>
			<div id="pairing-content-vineyard" class="pairing-content">
				<div class="row">
					<div class="large-24 columns">
						{explore_ageability_vineyard} 
					</div>
				</div>
			</div>
			<br>
			<br>
			<div class="row">
				<div class="large-6 columns">
					<h2 class="subheader short pairing-style" id="ps-varietal" data-target="#pairing-content-varietal">
						By Varietal
					</h2>
				</div>
				<div class="large-18 columns">
					<hr class="rise">
				</div>
			</div>
			<div id="pairing-content-varietal" class="pairing-content">
				<div class="row">
					<div class="large-24 columns">
						{explore_ageability_varietal} 
					</div>
				</div>
			</div>
			<br>
			<br>
		</div>
	</div>
	{/if} 

{/exp:channel:entries} 


	<div class="row" id="ageability-chart">
		<div class="large-6 columns">
			<h2 class="subheader short pairing-style open first" id="ps-ageabilitychart" data-target="#pairing-content-ageabilitychart">
				Ageability Chart
			</h2>
		</div>
		<div class="large-18 columns">
			<hr class="rise">
		</div>
	</div>
	<br>
	<div id="pairing-content-ageabilitychart" class="pairing-content first">
		<div class="row">
			<div class="large-2 columns">
				<h6>
					Search:
				</h6>
			</div>

			{exp:sift:form matrix_field="explore_ageability_chart" return="/wines/ageability" form_id="fm-ageability"} 
				<div class="large-4 columns">
					<select name="age_vintage" id="age_vintage" class="ageability-filter">
						<option value="">
							Vintage
						</option>
						{age_vintage} 
						<option>
							{value}
						</option>
						{/age_vintage} 
					</select>
				</div>
				<div class="large-4 columns">
					<select name="age_varietal" id="age_varietal" class="ageability-filter">
						<option value="">
							Varietal
						</option>
						{age_varietal} 
						<option>
							{value}
						</option>
						{/age_varietal} 
					</select>
				</div>
				<div class="large-4 columns">
					<select name="age_vineyard" id="age_vineyard" class="ageability-filter">
						<option value="">
							Vineyard
						</option>
						{age_vineyard} 
						<option>
							{value}
						</option>
						{/age_vineyard} 
					</select>
				</div>
				<div class="large-4 columns end">
					<input type="submit" class="button tiny" value="Search">
				</div>
			{/exp:sift:form} 

		</div>
		<div class="row">
			<div class="large-24 columns">
				{exp:sift:view matrix_field="explore_ageability_chart"} 
					<br>
					<br>
					hello 
					{explore_ageability_chart} 
					<p>
						result: {age_vintage} / {age_varietal}
					</p>
					{/explore_ageability_chart} 
				{/exp:sift:view} 
			</div>
		</div>
	</div>
</div>

{embed="wines/_sidebar"} 

</div>
<div id="modal-vineyard" class="reveal-modal small" data-reveal>
</div>