@using Microsoft.AspNetCore.Builder
@using Microsoft.AspNetCore.Mvc.Localization
@using Microsoft.AspNetCore.Mvc.TagHelpers
@using Microsoft.Extensions.Localization
@using Microsoft.Extensions.Options
@using gehGassi.Web.Helper
@using gehGassi.Web.Models
@model gehGassi.Web.Models.NewsCategoryVm
@inject IViewLocalizer Localizer
@{
	ViewData["Title"] = Localizer["Button_Create"];
	string folderToUse = "temp";
}

<section id="newsCategoryCreateContainer">
	<div>
		<div id="pageTitleAdd" style="display: none;">@ViewData["Title"]</div>
		<div class="pageDesc">@Localizer["News_Category_Create_Desc"]</div>
		<form cb-preventsubmit id="frmCreateNewsCategory" class="form" asp-controller="News" asp-action="CreateCategory" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#newsCategoryCreateContainer">
			<div asp-validation-summary="ModelOnly"></div>
			<input type="hidden" asp-for="Id" />
			<input type="hidden" asp-for="UpdatedAt" />
			<input type="hidden" asp-for="Deleted" />
			<input type="hidden" asp-for="Image" />

			<div id="tabContainer">
				<div class="e-tab-header">
					<div>@Localizer["Common_Tab_Details"]</div>
					<div>@Localizer["Common_Tab_Image"]</div>
				</div>
				<div class="e-content">
					<div class="pt-3 ">
						<div class="row mb-2">
							<div class="col-sm-6">
								<label class="form-label" asp-for="Title"></label>
								<div class="input-group">
									<span class="input-group-text"><i class="fa fa-fw fa-image"></i></span>
									<input asp-for="Title" class="form-control" />
									<span asp-validation-for="Title" class="invalid-feedback"></span>
								</div>
							</div>
							<div class="col-sm-6">
								<label class="form-label" asp-for="OnlineStatus"></label>
								<div class="input-group">
									<span class="input-group-text"><i class="fa fa-fw fa-plug"></i></span>
									<select asp-for="OnlineStatus" class="form-control" asp-items="Html.GetEnumSelectList<OnlineStatusVm>()"></select>
									<span asp-validation-for="OnlineStatus" class="invalid-feedback"></span>
								</div>
							</div>
						</div>
						<div class="row mb-2">
							<div class="col-12">
								<label class="form-label" asp-for="Comment"></label>
								<div class="input-group">
									<span class="input-group-text"><i class="fa fa-fw fa-comment"></i></span>
									<textarea asp-for="Comment" class="form-control" rows="5"></textarea>
									<span asp-validation-for="Comment" class="invalid-feedback"></span>
								</div>
							</div>
						</div>
						<div class="row mb-2">
							<div class="col-sm-12">
								<div id="tabContainerText">
									<div class="e-tab-header">
										@foreach (var item in Model.TextVms)
										{
											<div><img src="~/images/Languages/@(item.Language).png" alt="@item.Language" /></div>
										}
									</div>
									<div class="e-content">
										@Html.EditorFor(m => m.TextVms, new{FolderToUse = folderToUse})
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<div class="pt-3 ">
						<div class="row mb-2">
							<div class="col-12 col-sm-12 col-md-6 col-lg-5">
								<div class="text-center">
									@if (!string.IsNullOrWhiteSpace(Model.Image))
									{
										<img id="image" src="/file/temp/@Model.Image" class="upload-image-169-container" alt="" />
									}
									else
									{
										<img id="image" class="upload-image-169-container" alt="" />
									}
								</div>
								<div class="text-center">
									<span asp-validation-for="Image" class="invalid-feedback"></span>
								</div>
								<div class="text-center mt-2">
									<button type="button" id="btnUploadImage" class="btn btn-primary btn-sm"><i class="fa fa-fw fa-edit"></i></button>
									<button type="button" id="btnDeleteImage" class="btn btn-primary btn-sm" style="display: none;"><i class="fa fa-fw fa-trash"></i></button>
								</div>
							</div>
							<div class="col-12 col-sm-12 col-md-6 col-lg-7">
								<div class="alert alert-info">
									<p>@Localizer["News_Category_Image_Desc"]</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="row button-row">
				<div class="col-12">
					<div class="">
						<button type="button" id="btnSave" class="btn btn-primary">@Localizer["Button_Save"]</button>
						<button type="button" id="btnCancel" class="btn btn-primary">@Localizer["Button_Cancel"]</button>
					</div>
				</div>
			</div>
		</form>
	</div>

	@Html.Hidden("jsUploadUrl", Url.Action("UploadTempFile", "Common"))
	@Html.Hidden("jsRemoveUrl", Url.Action("RemoveTempFile", "Common"))
	<system-js url="~/scripts/Views/News/createCategory.js" fresh-import="true"></system-js>
</section>