@using Microsoft.AspNetCore.Mvc.Localization
@using Microsoft.AspNetCore.Mvc.TagHelpers
@using gehGassi.Web.Helper
@using gehGassi.Web.Models
@model gehGassi.Web.Models.SubscriptionVm
@inject IViewLocalizer Localizer
@{
    ViewData["Title"] = Localizer["Button_Create"];
}

<section id="subscriptionCreateContainer">
    <div>
        <div id="pageTitleAdd" style="display: none;">@ViewData["Title"]</div>
        <div class="pageDesc">@Localizer["Subscription_Create_Desc"]</div>
        <form cb-preventsubmit id="frmCreateSubscription" class="form" asp-controller="Subscription" asp-action="CreateSubscription" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#subscriptionCreateContainer">
            <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="Price" class="validateAlways" />
            <input type="hidden" asp-for="GracePeriodInDays" class="validateAlways" />
            

            <div id="tabContainer">
                <div class="e-tab-header">
                    <div>@Localizer["Common_Tab_Details"]</div>
                    <div>@Localizer["Common_Tab_Description"]</div>
                </div>
                <div class="e-content">
                    <div class="pt-3 ">
                        <div class="row mb-2">
                            <div class="col-sm-3">
                                <label class="form-label" asp-for="Code"></label>
                                <div class="e-input-group">
                                    <div class="e-input-group-icon"><i class="fa fa-fw fa-code"></i></div>
                                    <input asp-for="Code" class="form-control" />
                                </div>
                                <span asp-validation-for="Code" class="invalid-feedback"></span>
                            </div>
                            <div class="col-sm-3">
                                <label class="form-label" asp-for="Length"></label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fa fa-fw fa-calendar"></i></span>
                                    <select asp-for="Length" class="form-control" asp-items="@(Html.GetEnumSelectList<SubscriptionLengthVm>())"></select>
                                    <span asp-validation-for="Length" class="invalid-feedback"></span>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <label class="form-label" asp-for="AppMode"></label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fa fa-fw fa-bone"></i></span>
                                    <select asp-for="AppMode" class="form-control" asp-items="@(Html.GetEnumSelectList<AppModeVm>())"></select>
                                    <span asp-validation-for="AppMode" class="invalid-feedback"></span>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <label class="form-label" asp-for="Price"></label>
                                <div class="e-input-group">
                                    <div class="e-input-group-icon"><i class="fa fa-fw fa-money-bill"></i></div>
                                    <input id="PriceHelper" class="form-control" autocomplete="off" list="autocompleteOff" />
                                </div>
                                <span asp-validation-for="Price" class="invalid-feedback"></span>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-sm-3">
                                <label class="form-label" asp-for="GracePeriodInDays"></label>
                                <div class="e-input-group">
                                    <div class="e-input-group-icon"><i class="fa fa-fw fa-calendar-day"></i></div>
                                    <input id="GracePeriodInDaysHelper" class="form-control" autocomplete="off" list="autocompleteOff" />
                                </div>
                                <span asp-validation-for="GracePeriodInDays" class="invalid-feedback"></span>
                            </div>
                            <div class="col-sm-3">
                                <label class="form-label" asp-for="MaxRegisteredDate"></label>
                                <div class="e-input-group">
                                    <div class="e-input-group-icon"><i class="fa fa-fw fa-calendar"></i></div>
                                    <input asp-for="MaxRegisteredDate" class="form-control" />
                                </div>
                                <span asp-validation-for="MaxRegisteredDate" class="invalid-feedback"></span>
                            </div>
                            <div class="col-sm-3">
                                <label class="form-label d-block" asp-for="Enabled"></label>
                                <input type="checkbox" asp-for="Enabled" class="switch" />
                                <span asp-validation-for="Enabled" class="invalid-feedback"></span>
                            </div>
                            <div class="col-sm-3">
                                <label class="form-label d-block" asp-for="Hidden"></label>
                                <input type="checkbox" asp-for="Hidden" class="switch" />
                                <span asp-validation-for="Hidden" class="invalid-feedback"></span>
                            </div>
                        </div>
                    </div>
                    <div class="pt-3 ">
                        <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)
                                    </div>
                                </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>

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