@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.AppVersionVm
@inject IViewLocalizer Localizer
@{
    ViewData["Title"] = Localizer["Button_Create"];
    string folderToUse = "temp";
}

<section id="appVersionCreateContainer">
    <div>
        <div id="pageTitleAdd" style="display: none;">@ViewData["Title"]</div>
        @* <div class="pageDesc">@Localizer["Faq_Create_Desc"]</div> *@
        <form cb-preventsubmit id="frmCreateAppVersion" class="form" asp-controller="AppVersion" asp-action="Create" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#appVersionCreateContainer">
            <div asp-validation-summary="ModelOnly"></div>
            <input type="hidden" asp-for="Id" />
            <input type="hidden" asp-for="Version" />

            <div class="row mb-4">
                <div class="col-sm-3">
                    <label class="form-label" asp-for="Platform"></label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa fa-fw fa-mobile"></i></span>
                        <select asp-for="Platform" class="form-control" asp-items="Html.GetEnumSelectList<PlatformVm>()"></select>
                        <span asp-validation-for="Platform" class="invalid-feedback"></span>
                    </div>
                </div>
                <div class="col-sm-3">
                    <label class="form-label d-block" asp-for="IsCurrent"></label>
                    <input type="checkbox" asp-for="IsCurrent" class="switch" />
                    <span asp-validation-for="IsCurrent" class="invalid-feedback"></span>
                </div>
                <div class="col-sm-3">
                    <label class="form-label d-block" asp-for="IsMandatory"></label>
                    <input type="checkbox" asp-for="IsMandatory" class="switch" />
                    <span asp-validation-for="IsMandatory" class="invalid-feedback"></span>
                </div>
                <div class="col-sm-3">
                    <label class="form-label" asp-for="ReleaseDate"></label>
                    <div class="e-input-group">
                        <div class="e-input-group-icon"><i class="fa fa-fw fa-calendar-plus"></i></div>
                        <input asp-for="ReleaseDate" class="form-control" />
                    </div>
                    <span asp-validation-for="ReleaseDate" class="invalid-feedback"></span>
                </div>
            </div>
            <div class="row mb-4">
                <div class="col-sm-3">
                    <label class="form-label" asp-for="Major"></label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa fa-fw fa-code-fork"></i></span>
                        <input asp-for="Major" class="form-control" />
                        <span asp-validation-for="Major" class="invalid-feedback"></span>
                    </div>
                </div>
                <div class="col-sm-3">
                    <label class="form-label" asp-for="Minor"></label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa fa-fw fa-code-fork"></i></span>
                        <input asp-for="Minor" class="form-control" />
                        <span asp-validation-for="Minor" class="invalid-feedback"></span>
                    </div>
                </div>
                <div class="col-sm-3">
                    <label class="form-label" asp-for="Build"></label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa fa-fw fa-code-fork"></i></span>
                        <input asp-for="Build" class="form-control" />
                        <span asp-validation-for="Build" class="invalid-feedback"></span>
                    </div>
                </div>
                <div class="col-sm-3">
                    <label class="form-label" asp-for="Revision"></label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="fa fa-fw fa-code-fork"></i></span>
                        <input asp-for="Revision" class="form-control" />
                        <span asp-validation-for="Revision" 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 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>

    <system-js url="~/scripts/Views/AppVersions/create.js" fresh-import="true"></system-js>
</section>