@model Model_Home
@inject SaxLocaliser Localiser
@{
	ViewData["Title"] = "Home";
}

@if (Model.AwaitingLogin)
{
	@* No user session *@
	<div class="text-center">
		<h1 class="display-4">@Localiser["home.caption.welcome"]</h1>
	</div>
	<div class="spacer8"></div>

	@* Register Organisation *@
	@if (true)
	{
		<div class="sax-panel-info">
			<div class="sax-content">
				<div class="sax-para">@Localiser["home.organisation.request.para1"]</div>
				<div class="sax-para">@Localiser["home.organisation.request.para2"]</div>
				<div class="sax-para center"><div class="sax-button-cta" onclick="sax.orgReq.fn.requestOrganisation()">@Localiser["home.organisation.request.action"]</div></div>
			</div>
		</div>
		<partial name="~/Views/Common/OrganisationRequest.cshtml" />
	}
}
else
{
	@* User logged in *@

	@* Activity filter *@
	<div class="sax-panel-filter">
		<div class="sax-header row">
			<div class="col"><div class="sax-caption">@Localiser["home.caption.activities"]</div></div>
			<div class="fixed row">
			</div>
		</div>
		<div class="sax-content">
			@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmActivityFilter", @class = "sax-form", @action = "#", @method = "POST", onsubmit = "return false;" }))
			{
				<div class="row">
					<div class="col-sm-4"><div class="sax-label text-left text-sm-right">@Localiser["label.search"]</div></div>
					<div class="col-sm-8"><input type="search" name="Filter.Activity" id="ifActivityFilter" class="ActivityFilter sax-input" maxlength="64" /></div>
				</div>
			}
		</div>
	</div>

	@* Results panel *@
	<div class="sax-panel-results">
		<div class="sax-panel-messages"></div>
		<div class="sax-panel-item-list"></div>

		@* Item templates *@
		<div class="sax-panel-item-template">
			@* Activity template *@
			<div class="sax-panel-item Activity">
				<div class="sax-header row">
					<div class="col">
						<div class="sax-caption">
							<div class="row">
								<div class="col"><div class="sax-action ActivityCaption"></div></div>
								<div class="col center"><div class="sax-action ActivityOrganisation"></div></div>
							</div>
						</div>
					</div>
					<div class="fixed sax-actions">
					</div>
				</div>
				<div class="sax-content">
					<div class="row">
						<div class="col-sm-12"><div class="ActivityBlurb"></div></div>
						<div class="col-sm-6">
							<div class="sax-note">
								<span class="ActivitySport"></span> - <span class="ActivityRegion"></span>
							</div>
						</div>
						<div class="col-sm-6 right"><div class="sax-note ActivityPublished">@Localiser["label.published"]:&nbsp;<span class="ActivityPublishedOn"></span></div></div>
					</div>
				</div>
			</div>
		</div>
	</div>

	@* Activity Id form - to retrieve details for the selected activity. *@
	@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmActivityId", @class = "", @action = "#", onsubmit = "return false;" }))
	{
		<input type="hidden" name="ActivityType" class="ActivityType" />
		<input type="hidden" name="ActivityIdx" class="ActivityIdx" />
	}

	@* Activity React form - to record reaction to the selected activity. *@
	@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmActivityReact", @class = "", @action = "#", onsubmit = "return false;" }))
	{
		<input type="hidden" name="ActivityType" class="ActivityType" />
		<input type="hidden" name="ActivityIdx" class="ActivityIdx" />
		<input type="hidden" name="ActivityReaction" class="ActivityReaction" />
	}

	@* Activity popup dialog with details. *@
	<div id="dlgActivity" class="sax-dialog">
		<div class="sax-content">
		</div>
		<div class="sax-panel-item-template">
			<div class="sax-panel-item Article">
				<div class="ArticleHeadline"></div>
				<div class="ArticleSummary"></div>
				<div class="ArticleAuthor"></div>
				<div class="ArticleContent">
					<div class="ArticleContentSegments"></div>
				</div>
			</div>
			<div class="sax-panel-item ArticleContentSegment">
			</div>
			<div class="sax-panel-item ArticleContentSegmentImage center">
				<img src="" alt="" title="" />
			</div>
			<div class="sax-panel-item Opportunity">
				<div class="OpportunityOrganisation"></div>
				<div class="OpportunityPosition"></div>
				<div class="OpportunityOutline"></div>
			</div>
		</div>
	</div>
}