@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.Search" id="ifFilterSearch" class="FilterSearch 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="fixed row">
									<div class="col sax-action ActivityOrganisation"></div>
									<div class="fixed right ActivityReaction"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="fixed sax-actions">
					</div>
				</div>
				<div class="sax-content">
					<div class="row">
						<div class="fixed ActivityThumbnail"><img src="" class="" alt="" title="" style="max-width:@(Sax.Config.Activities.Thumbnail.DisplayWidthMax_List + "px");max-height:@(Sax.Config.Activities.Thumbnail.DisplayHeightMax_List + "px");padding:0 4px 0 0;" /></div>
						<div class="col">
							<div class="row">
								<div class="col-lg">
									<div class="ActivityBlurb"></div>
									<div class="sax-note"><span class="ActivitySport"></span> - <span class="ActivityRegion"></span></div>
								</div>
								<div class="fixed">
									<div class="sax-note ActivityAuthor"></div>
									<div class="sax-note ActivityPublished">@Localiser["label.published"]:&nbsp;<span class="ActivityPublishedOn"></span></div>
								</div>
							</div>
						</div>
						<div class="fixed ActivityOrganisationLogo"><img src="" class="" alt="" title="" style="max-width:@(Sax.Config.Organisation.Logo.DisplayWidthMax_List + "px");max-height:@(Sax.Config.Organisation.Logo.DisplayHeightMax_List + "px");padding:0 0 0 4px;" /></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="ActivityItemType" class="ActivityItemType" />
		<input type="hidden" name="ActivityItemId" class="ActivityItemId" />
	}

	@* 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="ActivityItemType" class="ActivityItemType" />
		<input type="hidden" name="ActivityItemId" class="ActivityItemId" />
		<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="row">
					<div class="col">
						<div class="ArticleHeadline"></div>
						<div class="ArticleSummary"></div>
					</div>
					<div class="fixed ArticleOrganisationLogo"><img src="" class="" alt="" title="" style="max-width:@(Sax.Config.Organisation.Logo.DisplayWidthMax_Item + "px");max-height:@(Sax.Config.Organisation.Logo.DisplayHeightMax_Item + "px");padding:0 0 4px 4px;" /></div>
				</div>
				<div class="ArticleOrigin">
					<div class="row">
						<div class="col"><div class="ArticleAuthor"></div></div>
						<div class="fixed right"><div class="ArticleOrganisation"></div></div>
					</div>
				</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 Event">
				<div class="EventOrganisation"></div>
				<div class="EventAt"></div>
				<div class="EventSummary"></div>
				<div class="EventDetails"></div>
			</div>
			<div class="sax-panel-item Opportunity">
				<div class="OpportunityOrganisation"></div>
				<div class="OpportunityPosition"></div>
				<div class="OpportunityOutline"></div>
			</div>
		</div>
	</div>
}