@model Model_Account
@inject SaxLocaliser Localiser
@{
	// Ensure view is only included once in page.
	if (!Model.RegisterView(ViewContext)) return;
	// Scripts.
	Model.AdditionalFiles_JS.Add("js/sax-pro-org.js");
}

@* Profile Organisations *@
<div class="sax-panel-section ProfileOrganisations sax-populating">

	<div class="sax-panel-info">

		@* Panel caption and burger menu *@
		<div class="sax-header">
			<div class="row">
				<div class="col"><div class="sax-caption">@Localiser["account.caption.profile.organisations"]</div></div>
				<div class="fixed">
					@* Burger menu *@
					<ul class="nav navbar-nav navbar-light navbar-right sax-burger">
						<li class="dropdown-toggle caret-off">
							<a href="#" class="dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="navbar-toggler-icon"></span></a>
							<ul class="dropdown-menu dropdown-menu-right sax-dropdown-menu">
								<li class="sax-action sax-users sax-dropdown-item" onclick="sax.orgReq.fn.requestOrganisation();"><div class="sax-label">@Localiser["organisation.caption.organisation.request"]</div></li>
							</ul>
						</li>
					</ul>
					@* Filter item templates *@
					<div class="sax-panel-item-template">
						@* Filter Burger dropdown template - ul is ignored *@
						<ul class="sax-dropdown-menu ProfileOrganisations">
							<li class="sax-dropdown-item sax-action"><div class="sax-label">...</div></li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<div class="sax-content">
			@* Profile Organisations list *@
			<div class="sax-panel-item-list sax-panel-results Organisations"></div>
		</div>

		@* Item templates *@
		<div class="sax-panel-item-template">
			@* Organisation template *@
			<div class="sax-panel-item Organisation">
				<div class="row">
					<div class="col">
						<div class="sax-header row">
							<div class="col"><div class="sax-caption"><div class="sax-action OrganisationName"></div></div></div>
							<div class="fixed">
								@* Burger menu *@
								<ul class="nav navbar-nav navbar-light navbar-right sax-burger">
									<li class="dropdown-toggle caret-off">
										<a href="#" class="dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="navbar-toggler-icon"></span></a>
										<ul class="dropdown-menu dropdown-menu-right sax-dropdown-menu"></ul>
									</li>
								</ul>
							</div>
						</div>
						<div class="sax-content">
							<div class="row">
								<div class="col">
									<div class="row">
										<div class="col-sm-6"><div class="OrganisationSport sax-note"></div></div>
										<div class="col-sm-6 text-sm-right"><div class="OrganisationRegionPrimary sax-note"></div></div>
									</div>
									<div class="row">
										<div class="col-sm-6"><div class="OrganisationMemberCount sax-note sa-action">@Localiser["label.members"]:&nbsp;<span class="MemberCount"></span></div></div>
										<div class="col-sm-6 text-sm-right"><div class="OrganisationOpportunityCount sax-note sa-action">@Localiser["label.opportunities"]:&nbsp;<span class="OpportunityCount"></span></div></div>
									</div>
								</div>
								<div class="fixed"><img src="" class="OrganisationLogo" alt="" title="" style="margin:0 0 0 6px;"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			@* Organisation Burger dropdown template - ul is ignored *@
			<ul class="sax-dropdown-menu ProfileOrganisation">
				<li class="sax-dropdown-item sax-action"><div class="sax-label">...</div></li>
			</ul>
		</div>

	</div>

	@* Profile Organisation Id form *@
	@using (Html.BeginForm(FormMethod.Post, new { @id = "frmProfileOrganisationId", @class = "sax-form", @onSubmit = "return false;" }))
	{
		@Html.HiddenFor(model => model.Organisation.Id, new { @id = "", @class = "OrganisationId" })
	}

</div>

@* Profile Organisation dialog *@
<div id="dlgProfileOrganisation" class="sax-dialog" title="@Localiser["label.organisation"]">
	<div class="spacer2"></div>
	@using (Html.BeginForm(FormMethod.Post, new { @id = "frmProfileOrganisation", @class = "sax-form", @onSubmit = "return false;" }))
	{
		@Html.HiddenFor(model => model.Organisation.Id, new { @id = "", @class = "OrganisationId" })
		@Html.HiddenFor(model => model.Organisation.Address.Id, new { @id = "", @class = "OrganisationAddressId" })

		@* Core controls - name, category, sport, region  *@
		<partial name="~/Views/Common/OrganisationControls-Core.cshtml" />

		@* Organisation About *@
		<div class="sax-form-control OrganisationAbout">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifOrganisationAbout"><span>@Localiser["label.about"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						@Html.TextAreaFor(model => model.Organisation.About, new { @id = "ifOrganisationAbout", @class = "OrganisationAbout sax-input", @rows = 6, @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.Organisation_About) })
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* Organisation Facilities *@
		<div class="sax-form-control OrganisationFacilities">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifOrganisationFacilities"><span>@Localiser["label.facilities"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						@Html.TextAreaFor(model => model.Organisation.Facilities, new { @id = "ifOrganisationFacilities", @class = "OrganisationFacilities sax-input", @rows = 6, @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.Organisation_Facilities) })
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* Contact controls *@
		<partial name="~/Views/Common/OrganisationControls-Contact.cshtml" />

		@* ModelData_Address controls *@
		<partial name="~/Views/Common/OrganisationControls-Address.cshtml" />

	}
	<div class="spacer"></div>
</div>

<partial name="~/Views/Common/OrganisationRequest.cshtml" />