@using Umbraco.Cms.Web.Common.PublishedModels;
@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<ContentModels.CaseStudiesPage>
@using ContentModels = Umbraco.Cms.Web.Common.PublishedModels;
@using Umbraco.Cms.Core.Models;
@{
	Layout = "Master.cshtml";

	var caseStudiesHome = Umbraco.Content("861a7c6e-9441-44b9-9adb-5e29ded7f569");
	var caseStudiesAll = caseStudiesHome.Children();
}

<!-- Wrapper -->
<div class="wrapper">
	<div class="inner">

		<!-- Header -->
		@await Html.PartialAsync("Altitude/pvHeaderAltitude")

		<!-- Nav -->
		@await Html.PartialAsync("Altitude/pvNavAltitude")

	</div>
</div>

<!-- Main -->
<!-- Wrapper -->
<div class="wrapper">
	<div class="inner">
		<section class="main">

			<header class="major">
				<h1>@Model.Name</h1>
			</header>

			@Model.Value("preGalleryText")

		</section>

		<section class="main">
			<div class="spotlights">

				@{
					foreach (var study in caseStudiesAll)
					{
						var studyImg1 = study.Value<IPublishedContent>("imageOnePic");
						var studyImg1Alt = study.Value("imageOneAlt");

						<article>
							<div class="image"><img src="@studyImg1.Url()" alt="@studyImg1Alt" data-position="center" /></div>
							<div class="content">
								<h3>@study.Name</h3>
								<ul class="actions special">
								    <li><a href="@study.Url()" class="button primary">Show me</a></li>
								</ul>
							</div>
						</article>
					}
				}
			
			</div>
		</section>

		<section class="main">

			@Model.Value("postGalleryText")

		</section>
	</div>
</div>