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

<section id="bookingCreateContainer">
    <div>
        <div id="pageTitleAdd" style="display: none;">@ViewData["Title"]</div>
        <div class="pageDesc">@Localizer["SubscriptionBookin_Create_Desc"]</div>
        <form cb-preventsubmit id="frmCreateBooking" class="form" asp-controller="Subscription" asp-action="CreateBooking" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#bookingCreateContainer">
            <div asp-validation-summary="ModelOnly"></div>
            <input type="hidden" asp-for="AppUserId" class="validateAlways" />
            <input type="hidden" asp-for="SubscriptionId" class="validateAlways" />

            <div class="row mb-2">
                <div class="col-sm-3">
                    <label class="form-label" asp-for="AppUserId"></label>
                    <div class="e-input-group">
                        <div class="e-input-group-icon"><i class="fa fa-fw fa-bone"></i></div>
                        <input asp-for="AppUserName" class="form-control" />
                    </div>
                    <span asp-validation-for="AppUserId" class="invalid-feedback"></span>
                </div>
                <div class="col-sm-3">
                    <label class="form-label" asp-for="SubscriptionId"></label>
                    <div class="e-input-group">
                        <div class="e-input-group-icon"><i class="fa fa-fw fa-euro"></i></div>
                        <input asp-for="SubscriptionName" class="form-control" />
                    </div>
                    <span asp-validation-for="SubscriptionId" class="invalid-feedback"></span>
                </div>
                <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" asp-for="ExpirationDate"></label>
                    <div class="e-input-group">
                        <div class="e-input-group-icon"><i class="fa fa-fw fa-calendar"></i></div>
                        <input asp-for="ExpirationDate" class="form-control" />
                    </div>
                    <span asp-validation-for="ExpirationDate" class="invalid-feedback"></span>
                </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("jsLookupAppUsersUrl", Url.Action("Lookup", "AppUser"))
    @Html.Hidden("jsLookupSubscriptionsUrl", Url.Action("Lookup", "Subscription"))
    <system-js url="~/scripts/Views/Subscription/createBooking.js" fresh-import="true"></system-js>
</section>