@model Model_ReferenceGolf
@inject SaxLocaliser Localiser
@{
	/* Reference - Golf - Index */
	ViewData["Title"] = "Reference - Golf";
}

<div class="sax-panel Golf">

	<style type="text/css">
		.GolfStats .GroupCaption
		{
			margin-top: 4px;
			margin-bottom: 4px;
			font-weight: 600;
			text-align: center;
			border-bottom: 1px solid slategray;
		}

		.GolfStats .StatCaption
		{
			color: slategray;
		}
	</style>

	<div class="sax-panel-filter">
		<div class="sax-header row">
			<div class="col"><div class="sax-caption">@Localiser["caption.reference.golf"]</div></div>
			<div class="fixed row">
				<div class="sax-action sax-results-refresh"><img src="~/img/action/refresh24.png" alt="@(Localiser["label.refresh"])" title="@(Localiser["label.refresh"])" /></div>
			</div>
		</div>
		@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmRefGolfFilter", @class = "sax-form", @onSubmit = "return false;" }))
		{
			@Html.HiddenFor(model => model.Filter.CountrySearch, new { @class = "FilterCountrySearch" })
			@Html.HiddenFor(model => model.Filter.CountryId, new { @class = "FilterCountryId" })
			@Html.HiddenFor(model => model.Filter.ProvinceSearch, new { @class = "FilterProvinceSearch" })
			@Html.HiddenFor(model => model.Filter.ProvinceId, new { @class = "FilterProvinceId" })
			@Html.HiddenFor(model => model.Filter.CourseSearch, new { @class = "FilterCourseSearch" })
			@Html.HiddenFor(model => model.Filter.CourseId, new { @class = "FilterCourseId" })
			@*
		<div class="sax-content">
		<div class="row">
		<div class="col-sm-5 col-md-3 sax-label text-left text-sm-right">@Localiser["label.options"]</div>
		<div class="col-sm-7 col-md-3 mb-sm-1 mb-md-0">
		</div>
		</div>
		</div>
		*@
		}
	</div>

	@* Reference - Golf - Stats *@
	<div class="sax-panel-info sax-panel-results GolfStats">

		<div class="sax-header">
			<div class="sax-caption">@Localiser["label.statictics"]</div>
		</div>
		<div class="sax-content">
			<div class="sax-panel-messages"></div>
			<div class="sax-panel-item-list row"></div>
		</div>
		<div class="sax-panel-item-template">
			<div class="GolfStatGroup col-sm-12">
				<div class="GroupCaption"></div>
			</div>
			<div class="GolfStat col-sm-6">
				<div class="row">
					<div class="col-8 text-right pr-2"><div class="StatCaption"></div></div>
					<div class="col-4"><div class="StatValue"></div></div>
				</div>
			</div>
		</div>
	</div>

	@* Reference - Golf - Countries *@
	@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmCountries", @class = "sax-form", @onSubmit = "return false;" }))
	{
		<div class="sax-panel-info sax-panel-results Countries">
			<div class="sax-header">
				<div class="row">
					<div class="col left">
						<span class="sax-label">@Localiser["label.search"]</span>
						<span><input type="search" name="Filter.CountrySearch" class="FilterCountrySearch" maxlength="16" style="width:33%;" /></span>
					</div>
					<div class="fixed"><div class="sax-caption">@Localiser["label.countries"]</div></div>
					<div class="col"></div>
				</div>
			</div>
			<div class="sax-panel-messages"></div>
			<div style="min-height:48px;max-height:240px;overflow-y:auto;">
				<table class="sax-item-list">
					<thead>
						<tr>
							<th class="center">@Localiser["label.code"]</th>
							<th class="">@Localiser["label.name"]</th>
							<th class="center">@Localiser["label.priority"]</th>
							<th class="center">@Localiser["label.provinces"]</th>
							<th class="center">@Localiser["label.clubs"]</th>
							<th class="center">@Localiser["label.clubs"]%</th>
							<th class="center">@Localiser["label.status"]</th>
						</tr>
					</thead>
					<tbody></tbody>
				</table>
			</div>
			<div class="sax-panel-item-template">
				<table>
				<tr class="sax-item GolfCountry">
					<td class="center"><div class="CountryCode"></div></td>
					<td class=""><div class="CountryName"></div></td>
					<td class="center"><div class="CountryPriority"></div></td>
					<td class="center"><div class="CountryProvinces"></div></td>
					<td class="center"><div class="CountryClubs"></div></td>
					<td class="center"><div class="CountryClubsPercent"></div></td>
					<td class="center"><div class="CountryStatus"></div></td>
				</tr>
			</table>
			</div>
		</div>
	}

	@* Reference - Golf - Provinces *@
	@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmProvinces", @class = "sax-form", @onSubmit = "return false;" }))
	{
		@Html.HiddenFor(Model => Model.Filter.CountryId, new { @class = "FilterCountryId" })
		<div class="sax-panel-info Provinces">
			<div class="sax-header">
				<div class="row">
					<div class="col left">
						<span class="sax-label">@Localiser["label.search"]</span>
						<span><input type="search" name="Filter.ProvinceSearch" class="FilterProvinceSearch" maxlength="16" style="width:33%;" /></span>
					</div>
					<div class="fixed"><div class="sax-caption">@Localiser["label.provinces"]</div></div>
					<div class="col"></div>
				</div>
			</div>
			<div class="sax-panel-messages"></div>
			<div style="min-height:48px;max-height:240px;overflow-y:auto;">
				<table class="sax-item-list">
					<thead>
						<tr>
							<th class="center">@Localiser["label.code"]</th>
							<th class="">@Localiser["label.name"]</th>
							<th class="center">@Localiser["label.priority"]</th>
							<th class="center">@Localiser["label.clubs"]</th>
							<th class="center">@Localiser["label.courses"]</th>
							<th class="center">@Localiser["label.markers"]</th>
							<th class="center">@Localiser["label.status"]</th>
						</tr>
					</thead>
					<tbody></tbody>
				</table>
			</div>
			<div class="sax-panel-item-template">
				<table>
				<tr class="sax-item GolfProvince">
					<td class="center"><div class="ProvinceCode"></div></td>
					<td class=""><div class="ProvinceName"></div></td>
					<td class="center"><div class="ProvincePriority"></div></td>
					<td class="center"><div class="ProvinceClubs"></div></td>
					<td class="center"><div class="ProvinceCourses"></div></td>
					<td class="center"><div class="ProvinceMarkers"></div></td>
					<td class="center"><div class="ProvinceStatus"></div></td>
				</tr>
			</table>
			</div>
		</div>
	}

	@* Reference - Golf - Courses *@
	@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmCourses", @class = "sax-form", @onSubmit = "return false;" }))
	{
		@Html.HiddenFor(Model => Model.Filter.ProvinceId, new { @class = "FilterProvinceId" })
		<div class="sax-panel-info Courses">
			<div class="sax-header">
				<div class="row">
					<div class="col left">
						<span class="sax-label">@Localiser["label.search"]</span>
						<span><input type="search" name="Filter.CourseSearch" class="FilterCourseSearch" maxlength="16" style="width:33%;" /></span>
					</div>
					<div class="fixed"><div class="sax-caption">@Localiser["label.courses"]</div></div>
					<div class="col right sax-actions">
						@* 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>
			<div class="sax-panel-messages"></div>
			<div style="min-height:48px;max-height:240px;overflow-y:auto;">
				<table class="sax-item-list">
					<thead>
						<tr>
							<th class="center">@Localiser["label.course.id"]</th>
							<th class="">@Localiser["label.caption"]</th>
							<th class="center">@Localiser["label.location"]</th>
							<th class="center">@Localiser["label.priority"]</th>
							<th class="center">@Localiser["label.markers"]</th>
							<th class="center">@Localiser["label.status"]</th>
						</tr>
					</thead>
					<tbody></tbody>
				</table>
			</div>
			<div class="sax-panel-item-template">
				@* Course template - table is ignored. *@
				<table>
					<tr class="sax-item GolfCourse">
						<td class="center"><div class="CourseId"></div></td>
						<td class=""><div class="CourseCaption"></div></td>
						<td class="center"><div class="CourseLocation"></div></td>
						<td class="center"><div class="CoursePriority"></div></td>
						<td class="center"><div class="CourseMarkers"></div></td>
						<td class="center"><div class="CourseStatus"></div></td>
					</tr>
				</table>
				@* Burger dropdown item template - ul is ignored *@
				<ul class="sax-dropdown-menu Courses">
					<li class="sax-dropdown-item sax-action"><div class="sax-label">...</div></li>
				</ul>
			</div>
		</div>
	}

	@* Reference - Golf - Markers *@
	@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmMarkers", @class = "sax-form", @onSubmit = "return false;" }))
	{
		@Html.HiddenFor(Model => Model.Filter.CourseId, new { @class = "FilterCourseId" })
		@Html.HiddenFor(Model => Model.Filter.MarkerHoles, new { @class = "FilterMarkerHoles" })
		@Html.HiddenFor(Model => Model.Filter.MarkerGender, new { @class = "FilterMarkerGender" })
		<div class="sax-panel-info Markers">
			<div class="sax-header">
				<div class="row">
					<div class="col left">
						<span class="sax-label">@Localiser["label.search"]</span>
						<span><input type="search" name="Filter.MarkerSearch" class="FilterMarkerSearch" maxlength="16" style="width:33%;" /></span>
					</div>
					<div class="fixed"><div class="sax-caption">@Localiser["label.markers"]</div></div>
					<div class="col"></div>
				</div>
			</div>
			<div class="sax-panel-messages"></div>
			<div style="min-height:48px;max-height:240px;overflow-y:auto;">
				<table class="sax-item-list">
					<thead>
						<tr>
							<th class="pl-2">@Localiser["label.caption"]</th>
							<th class="center">@Localiser["label.holes"]</th>
							<th class="center">@Localiser["label.tee"]</th>
							<th class="center">@Localiser["label.gender"]</th>
							<th class="center">@Localiser["label.slope"]</th>
							<th class="center">@Localiser["label.par"]</th>
							<th class="center">@Localiser["label.course"]</th>
							<th class="center">@Localiser["label.bogey"]</th>
							<th class="center">@Localiser["label.length"]</th>
							<th class="center">@Localiser["label.status"]</th>
						</tr>
					</thead>
					<tbody></tbody>
				</table>
			</div>
			<div class="sax-panel-item-template">
			<table>
				<tr class="sax-item GolfMarker">
					<td class="pl-2"><div class="MarkerCaption"></div></td>
					<td class="center"><div class="MarkerHoles"></div></td>
					<td class="center"><div class="MarkerTee"></div></td>
					<td class="center"><div class="MarkerGender"></div></td>
					<td class="center"><div class="MarkerSlope"></div></td>
					<td class="center"><div class="MarkerPar"></div></td>
					<td class="center"><div class="MarkerCourse"></div></td>
					<td class="center"><div class="MarkerBogey"></div></td>
					<td class="center"><div class="MarkerLength"></div></td>
					<td class="center"><div class="MarkerStatus"></div></td>
				</tr>
			</table>
			</div>
		</div>
	}

	@* Icons. *@
	<div class="sax-panel-item-template">
		<img src="~/img/icon/tick-64.png" alt="" title="" class="sax-tick" style="max-width:16px;" />
		<img src="~/img/icon/sphere-green.svg" alt="Active" title="Active" class="sax-status-atv" style="max-width:16px;" />
		<img src="~/img/icon/sphere-orange.svg" alt="Inactive" title="Inactive" class="sax-status-ina" style="max-width:16px;" />
		<img src="~/img/icon/sphere-purple.svg" alt="Deleted" title="Deleted" class="sax-status-del" style="max-width:16px;" />
	</div>

</div>