@model Model_Journalist
@inject SaxLocaliser Localiser
@{
	/* Articles - Article dialog panel */
}

<script type="text/javascript">
	sax.dlg.title.createArticle = '@Localiser.GetJavascriptText("journalist.caption.article.create")';
	sax.dlg.title.updateArticle = '@Localiser.GetJavascriptText("journalist.caption.article.update")';
	sax.dlg.title.selectRegion = '@Localiser.GetJavascriptText("reference.caption.region.select")';
	sax.dlg.title.selectSport = '@Localiser.GetJavascriptText("reference.caption.sport.select")';
</script>
@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmArticleId", @class = "sax-form" }))
{
	@Html.HiddenFor(model => model.ArticleId, new { @class = "ArticleId" })
}
<div id="dlgArticle" class="sax-dialog" title="">

	@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmArticle", @class = "sax-form", @onSubmit = "return false;" }))
	{
		@Html.HiddenFor(model => model.ArticleId, new { @id = "ifArticleId", @class = "ArticleId" })
		@Html.HiddenFor(model => model.ArticleExists, new { @id = "ifArticleExists", @class = "ArticleExists" })

		@* Article headline *@
		<div class="sax-form-control ArticleHeadline">
			<div class="sax-label">
				<label for="ifArticleHeadline"><span><span class="required">*</span> @Localiser["label.headline"]</span></label>
			</div>
			<div class="sax-control">
				@Html.TextBoxFor(model => model.ArticleHeadline, new { @id = "ifArticleHeadline", @class = "ArticleHeadline sax-input", @maxlength = @Model.GetControlMaxLength(SaxDbDfn.ColumnIdx.JournalistArticle_Headline) })
			</div>
			<div class="sax-message"></div>
		</div>

		@* Article summary *@
		<div class="sax-form-control ArticleSummary">
			<div class="sax-label">
				<label for="ifArticleSummary"><span><span class="required">*</span> @Localiser["label.summary"]</span></label>
			</div>
			<div class="sax-control">
				@Html.TextAreaFor(model => model.ArticleSummary, new { @id = "ifArticleSummary", @class = "ArticleSummary sax-input", @maxlength = @Model.GetControlMaxLength(SaxDbDfn.ColumnIdx.JournalistArticle_Summary) })
			</div>
			<div class="sax-message"></div>
		</div>

		@* Region *@
		<div class="sax-form-control ArticleRegionId">
			<div class="sax-label">
				<label for="ifArticleRegionId"><span><span class="required">*</span> @Localiser["label.region"]</span></label>
			</div>
			<div class="sax-control row">
				@Html.HiddenFor(model => model.ArticleRegionId, new { @id = "ifArticleRegionId", @class = "ArticleRegionId" })
				<div class="col">@Html.TextBoxFor(model => model.ArticleRegionCaption, new { @id = "ifArticleRegionCaption", @class = "ArticleRegionCaption sax-input", @readonly = "readonly", @onDblClick = "sax.selectRegion()" }) </div>
				<div class="fixed"><button id="pbSelectRegion" class="sax-button" style="min-width:auto;margin-left:4px;padding:4px 6px" onclick="sax.selectRegion()">@Localiser["label.select"]</button></div>
			</div>
			<div class="sax-message"></div>
		</div>

		@* Sport *@
		<div class="sax-form-control ArticleSportId">
			<div class="sax-label">
				<label for="ifArticleSportId"><span><span class="required">*</span> @Localiser["label.sport"]</span></label>
			</div>
			<div class="sax-control row">
				@Html.HiddenFor(model => model.ArticleSportId, new { @id = "ifArticleSportId", @class = "ArticleSportId" })
				<div class="col">@Html.TextBoxFor(model => model.ArticleSportCaption, new { @id = "ifArticleSportCaption", @class = "ArticleSportCaption sax-input", @readonly = "readonly", @onDblClick = "sax.selectSport()" }) </div>
				<div class="fixed"><button id="pbSelectSport" class="sax-button" style="min-width:auto;margin-left:4px;padding:4px 6px" onclick="sax.selectSport()">@Localiser["label.select"]</button></div>
			</div>
			<div class="sax-message"></div>
		</div>

	}

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

</div>