@model Model_Search_Organisations
@inject SaxLocaliser Localiser
@{
	/* Organisation dialog panel */
}

<style>
	#dlgOrganisation .OrganisationContact .sax-value img
	{
		margin-right: 8px;
	}

	#dlgOrganisation .OrganisationAssociations .sax-value, #dlgOrganisation .OrganisationAbout .sax-value, #dlgOrganisation .OrganisationFacilities .sax-value
	{
		min-height: 40px;
		max-height: 170px;
		padding: 4px 4px 2px 4px;
		border: 1px solid #a0a0a0;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		overflow-y: scroll;
	}

	#dlgOrganisation .OrganisationAssociations .sax-value .sax-assoc-type
	{
		padding: 2px 4px 2px 4px;
		font-weight: bold;
		background-color: #e0e0e0;
	}

	#dlgOrganisation .OrganisationAssociations .sax-value .sax-assoc-org
	{
		margin: 2px 0 0 12px;
		padding: 0 0 0 8px;
	}

	#dlgOrganisation .OrganisationAssociations .sax-value .sax-assoc-org:hover
	{
		cursor: pointer;
		text-decoration: underline;
	}

	#dlgOrganisation .OrganisationAssociations .sax-value .sax-assoc-org img.icon
	{
		height: 24px;
		margin-right:4px;
	}
</style>
<script type="text/javascript">
</script>

@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmOrganisationId", @class = "sax-form" }))
{
	<input type="hidden" name="OrganisationId" class="OrganisationId" />
}
<div id="dlgOrganisation" class="sax-dialog" title="">

	<div class="spacer"><a href="#"></a>"</div>

	<div class="row OrganisationCategory">
		<div class="col-sm-3"><div class="sax-label text-sm-right">@Localiser["label.type"]</div></div>
		<div class="col-sm"><div class="sax-value"></div></div>
	</div>
	<div class="row OrganisationSport">
		<div class="col-sm-3"><div class="sax-label text-sm-right">@Localiser["label.sport"]</div></div>
		<div class="col-sm"><div class="sax-value"></div></div>
	</div>
	<div class="row OrganisationLocation">
		<div class="col-sm-3"><div class="sax-label text-sm-right">@Localiser["label.location"]</div></div>
		<div class="col-sm"><div class="sax-value"></div></div>
	</div>
	<div class="row OrganisationAbout">
		<div class="col-sm-3"><div class="sax-label text-sm-right">@Localiser["label.about"]</div></div>
		<div class="col-sm"><div class="sax-value"></div></div>
	</div>
	<div class="row OrganisationFacilities">
		<div class="col-sm-3"><div class="sax-label text-sm-right">@Localiser["label.facilities"]</div></div>
		<div class="col-sm"><div class="sax-value"></div></div>
	</div>
	<div class="row OrganisationContact">
		<div class="col-sm-3"><div class="sax-label text-sm-right">@Localiser["label.contact"]</div></div>
		<div class="col-sm"><div class="sax-value"></div></div>
	</div>
	<div class="row OrganisationAddress">
		<div class="col-sm-3"><div class="sax-label text-sm-right">@Localiser["label.address"]</div></div>
		<div class="col-sm"><div class="sax-value"></div></div>
	</div>
	<div class="row OrganisationPostalCode">
		<div class="col-sm-3"><div class="sax-label text-sm-right">@Localiser["label.postal.code"]</div></div>
		<div class="col-sm"><div class="sax-value"></div></div>
	</div>
	<div class="row OrganisationAssociations">
		<div class="col-sm-3"><div class="sax-label text-sm-right">@Localiser["label.associations"]</div></div>
		<div class="col-sm"><div class="sax-value"></div></div>
	</div>

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

</div>