@page
@model YBDevice.NWeb.Pages.Menu.EditButtonModel
@{
}
<div class="layui-card">
    <form class="form-horizontal layui-form layui-card-body">
        <div class="layui-form-item row">
            <label class="layui-form-label col-md-4" for="ButtonName">名称</label>
            <div class="col-md-4">
                <input type="text" class="layui-input" id="ButtonName" name="ButtonName" value="@Model.data.ButtonName" placeholder="请输入按钮名称" lay-verify="required" />
            </div>
        </div>
        <div class="layui-form-item row">
            <label class="layui-form-label col-md-4" for="MenuId">菜单</label>
            <div class="col-md-4">
                <select id="MenuId" name="MenuId" lay-search>
                    @foreach (var item in Model.list)
                    {
                        if (item.id == Model.data.MenuId.ToString())
                        {
                            <option value="@item.id" selected>@item.text</option>
                        }
                        else
                        {
                            <option value="@item.id">@item.text</option>
                        }
                    }
                </select>
            </div>
        </div>
        <div class="layui-form-item row">
            <label class="layui-form-label col-md-4" for="Type">按钮位置</label>
            <div class="col-md-4">
                <select id="Type" name="Type">
                    @foreach (var item in Model.types)
                    {
                        if (item.Value == Model.data.Type.ToString())
                        {
                            <option value="@item.Value" selected>@item.Text</option>
                        }
                        else
                        {
                            <option value="@item.Value">@item.Text</option>
                        }
                    }
                </select>
            </div>
        </div>
        <div class="layui-form-item row">
            <label class="layui-form-label col-md-4" for="ButtonId">按钮ID</label>
            <div class="col-md-4">
                <input type="text" class="layui-input" id="ButtonId" name="ButtonId" value="@Model.data.ButtonId" placeholder="请输入按钮ID" lay-verify="required" />
            </div>
        </div>
        <div class="layui-form-item row">
            <label class="layui-form-label col-md-4" for="IcControlNameon">控制器</label>
            <div class="col-md-4">
                <input type="text" class="layui-input" id="ControlName" name="ControlName" value="@Model.data.ControlName" placeholder="请输入控制器名称" lay-verify="required" />
            </div>
        </div>
        <div class="layui-form-item row">
            <label class="layui-form-label col-md-4" for="ActionName">方法名称</label>
            <div class="col-md-4">
                <input type="text" class="layui-input" id="ActionName"
                       name="ActionName" value="@Model.data.ActionName" placeholder="请输入方法名称" lay-verify="required" />
            </div>
        </div>
        <div class="layui-form-item row">
            <label class="layui-form-label col-md-4" for="SortCode">排序</label>
            <div class="col-md-4">
                <input type="text" class="layui-input" id="SortCode"
                       name="SortCode" value="@Model.data.SortCode" placeholder="请输入排序" lay-verify="required" />
            </div>
        </div>
        <div class="text-center col-md-12">
            <button class="btn btn-primary btn-lg" lay-filter="submit" type="button" lay-submit>提交</button>
        </div>
    </form>
</div>
@section Scripts{
<script type="text/javascript">
    layui.use(['form', 'common'], function () {
        var form = layui.form, common = layui.common;
        form.on("submit(submit)", function (data) {
         data.field['id'] = '@Model.data.Id';
        common.ajax({
                url: "/api/system/SubmitMenuAction",
                type: "post",
                data: data.field
            });
        })
    });
</script>
}