@using VberAdmin.Web.Models.Table
@using Microsoft.AspNetCore.Mvc.Rendering
@using VberAdmin.Web.Models.Input
@using VberAdmin.Web.Models.Modals
@using VberAdmin.Web.Models.Search
@using VberZero

@{
    ViewBag.Title = L("StateTitle");
    string activeMenu = PermissionNames.VberSystemMgStateMg; //The menu item will be active for this page.
    ViewBag.ActiveMenu = activeMenu;

    var table = new VmTable(VzConsts.ApiAppUrl + "State/GetAll", activeMenu, new VmSearch(new List<VmSearchItem>()
    {
        //new SearchItem("dd", L("stateName")).SetSearchIcon("q_u","ddd"),
        //new SearchItem("ff", L("stateName")).SetSelectItem("<option value=\"\">000</option><option value=\"S10001\">111</option><option value=\"S10002\">222</option>").SetSearchIcon("q_u","fff"),
        //new SearchItem("name1", L("stateName"),FieldType.D),
        new VmSearchItem("name", L("stateName")),
        new VmSearchItem("codeKey", L("codeKey"))
    })).AddItems(new List<VmTableItem>()
    {
        new VmTableItem("name", L("stateName")),
        new VmTableItem("codeKey",L("codeKey")),
        new VmTableItem("codeValue", L("codeValue")),
        new VmTableItem("displayValue",L("displayValue")),
    });
    var modalBody = new VmModalBody()
        .AddInputs(new List<VmInputBase>()
        {
            new VmInputHidden("id"),
        })
        .AddInput(new VmInput("displayValue", L("displayValue")))
        .AddGroup(new List<VmInputBase>()
        {
            new VmInput("name", L("stateName")).WithDisabled(),
            new VmInput("codeKey", L("codeKey")).WithDisabled(),
            new VmInput("codeValue", L("codeValue")).WithDisabled(),
            
        }, 3);
    var modal = new VmModal().WithHeaderAndFooter(L("state"), "").WithBody(modalBody);
}
@await Html.PartialAsync("_Table", table)


@await Html.PartialAsync("_Modal", modal)

@section scripts
{
    @*<script src="~/Content/Plugins/PrintPreView/print-preview.js"></script>*@
<script type="text/javascript">
    $(function () {
        LoadTable();
    });

        //$('#print').printPreview({
        //    printBody: ".table-box",
        //    cssUrl: '../../Content/Plugins/bootstrap-3.3.7/css/bootstrap.css,../../Content/Css/Site.css'
        //});

</script>
    
    <script id="formatter" type="text/javascript">

    </script>
}