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

<section id="systemMessageEditContainer">
    <div id="pageTitleAdd" style="display: none;">@ViewData["Title"]</div>
    
    <form cb-preventsubmit id="frmEditSystemMessage" class="form" asp-controller="SystemMessage" asp-action="Edit" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#systemMessageEditContainer">
        <div asp-validation-summary="ModelOnly"></div>
        <input type="hidden" asp-for="Id" />
        <input type="hidden" asp-for="Country" />
        <input type="hidden" asp-for="State" />

        <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-comments"></i></span>
                    <input asp-for="Title" class="form-control" />
                    <span asp-validation-for="Title" class="invalid-feedback"></span>
                </div>
            </div>
            <div class="col-3">
                <label class="form-label" asp-for="ToSendDate"></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="ToSendDate" class="form-control" />
                </div>
                <span asp-validation-for="ToSendDate" class="invalid-feedback"></span>
            </div>
            <div class="col-sm-3">
                <label class="form-label d-block" asp-for="SendPushNotification"></label>
                <input type="checkbox" asp-for="SendPushNotification" class="switch" />
                <span asp-validation-for="SendPushNotification" class="invalid-feedback"></span>
            </div>
        </div>
        <div class="row mb-2">
            <div class="col-12">
                <label class="form-label" asp-for="Message"></label>
                <div class="input-group">
                    <span class="input-group-text"><i class="fa fa-fw fa-comment"></i></span>
                    <textarea asp-for="Message" class="form-control" rows="5"></textarea>
                    <span asp-validation-for="Message" class="invalid-feedback"></span>
                </div>
            </div>
        </div>
        <div class="row mb-2">
            <div class="col-sm-3">
                <label class="form-label" asp-for="AppUserType"></label>
                <div class="input-group">
                    <span class="input-group-text"><i class="fa fa-fw fa-bone"></i></span>
                    <select asp-for="AppUserType" class="form-control" asp-items="@(Html.GetEnumSelectList<AppUserTypeVm>().Where(c => c.Value != "0"))"></select>
                    <span asp-validation-for="AppUserType" class="invalid-feedback"></span>
                </div>
            </div>
            <div class="col-sm-3">
                <label class="form-label" asp-for="Sex"></label>
                <div class="input-group">
                    <span class="input-group-text"><i class="fa fa-fw fa-mars-and-venus"></i></span>
                    <select asp-for="Sex" class="form-control" asp-items="@(Html.GetEnumSelectList<SexVm>().Where(c => c.Value != "-1"))"></select>
                    <span asp-validation-for="Sex" class="invalid-feedback"></span>
                </div>
            </div>
            <div class="col-sm-3">
                <label class="form-label d-block" asp-for="VerifiedOnly"></label>
                <input type="checkbox" asp-for="VerifiedOnly" class="switch" />
                <span asp-validation-for="VerifiedOnly" class="invalid-feedback"></span>
            </div>
        </div>
        <div class="row mb-2">
            <div class="col-sm-3">
                <label class="form-label" asp-for="City"></label>
                <div class="input-group">
                    <span class="input-group-text"><i class="fa fa-fw fa-city"></i></span>
                    <input asp-for="City" class="form-control" />
                    <span asp-validation-for="City" class="invalid-feedback"></span>
                </div>
            </div>
            <div class="col-sm-3">
                <label class="form-label" asp-for="Zip"></label>
                <div class="input-group">
                    <span class="input-group-text"><i class="fa fa-fw fa-signs-post"></i></span>
                    <input asp-for="Zip" class="form-control" />
                    <span asp-validation-for="Zip" class="invalid-feedback"></span>
                </div>
            </div>
            <div class="col-sm-3">
                <label class="form-label" asp-for="Country"></label>
                <div class="e-input-group">
                    <div class="e-input-group-icon"><i class="fa fa-fw fa-globe"></i></div>
                    <input asp-for="CountryName" class="form-control" />
                </div>
                <span asp-validation-for="Country" class="invalid-feedback"></span>
            </div>
            <div class="col-sm-3">
                <label class="form-label" asp-for="State"></label>
                <div class="e-input-group">
                    <div class="e-input-group-icon"><i class="fa fa-fw fa-map"></i></div>
                    <input asp-for="StateName" class="form-control" />
                </div>
                <span asp-validation-for="State" class="invalid-feedback"></span>
            </div>
        </div>

        <div class="row button-row">
            <div class="col-12">
                <div class="">
                    @if (Model.HasBeenSent == false)
                    {
                        <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>

    @Html.Hidden("jsLookupCountriesUrl", Url.Action("LookupCountries", "Country", new {includeAll=true}))
    @Html.Hidden("jsLookupStatesUrl", Url.Action("LookupStates", "Country", new {includeAll=true}))
    <system-js url="~/scripts/Views/SystemMessage/edit.js" fresh-import="true"></system-js>
</section>