@model SaxModel_Online
@inject SaxLocaliser Localiser
@{
	// Sport Contacts.
	// Ensure view is only included once in page.
	if (!Model.RegisterView("Views/Common/Sport-Contacts")) return;
	// Scripts.
	Model.AdditionalFiles_JS.Add("js/sax-spt-cnt.js");
}
<link rel="stylesheet" href="~/css/sax-spt-cnt.css?@Model.HrefVersion" />
<div id="dlgSportContact" class="sax-dialog sax-form" style="padding-bottom:8px;">
	<div class="spacer4"></div>
	@using (Html.BeginForm(FormMethod.Post, new { @id = "frmProfileSportContact", @class = "sax-form", @onSubmit = "return false;" }))
	{

		@* Contact type *@
		<div class="sax-form-control ContactType">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for=""><span>@Localiser["label.contact"]</span><span class="required">&nbsp;*</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						<select name="SportContact.Type" class="ContactType sax-select" style="max-width:240px;"></select>
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>
		<div class="spacer"></div>

		@* User email *@
		<div class="sax-form-control ContactEmailAddress">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifContactEmailAddress"><span>@Localiser["label.email"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						<input type="text" id="ifContactEmailAddress" name="SportContact.EmailAddress" class="ContactEmailAddress sax-input" maxlength="@Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.UserAccount_EmailAddress)" />
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* Contact Name *@
		<div class="row">

			<div class="col-sm-3">
				<div class="sax-label d-none d-sm-block">
					<label for="ifContactFirstName"><span>@Localiser["label.name"]</span></label>
				</div>
			</div>

			<div class="col-sm row">

				<div class="col-sm-4">
					@* Contact Title *@
					<div class="sax-form-control ContactTitle pr8">
						<div class="sax-label">
							<label for="cbContactTitle"><span>@Localiser["label.title"]</span></label>
						</div>
						<div class="sax-control">
							<select name="SportContact.Title" class="ContactTitle sax-select"></select>
						</div>
						<div class="sax-message"></div>
					</div>
				</div>

				<div class="col-sm-4">
					@* Contact first name *@
					<div class="sax-form-control ContactFirstName pr8">
						<div class="sax-label">
							<label for="ifContactFirstName"><span>@Localiser["label.first.name"]</span><span class="required">&nbsp;*</span></label>
						</div>
						<div class="sax-control">
							<input type="text" name="SportContact.FirstName" class="ContactFirstName sax-input" maxlength="@Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.UserAccount_FirstName)" />
						</div>
						<div class="sax-message"></div>
					</div>
				</div>

				<div class="col-sm-4">
					@* Contact last name *@
					<div class="sax-form-control ContactLastName">
						<div class="sax-label">
							<label for="ifContactLastName"><span>@Localiser["label.last.name"]</span><span class="required">&nbsp;*</span></label>
						</div>
						<div class="sax-control">
							<input type="text" name="SportContact.LastName" class="ContactLastName sax-input" maxlength="@Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.UserAccount_LastName)" />
						</div>
						<div class="sax-message"></div>
					</div>
				</div>

			</div>
		</div>

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