@using VberZero.Tools.StringModel
@model VberAdmin.Web.Models.Table.VmTable
@if (Model != null)
{
    if (Model.ActiveMenu != null)
    {
        <vc:breadcrumb active-menu="@Model.ActiveMenu"></vc:breadcrumb>
    }
<!-- TABLE  @(Model.TableId)  START-->
    @if (Model is{HasBox:true})
    {
        @Html.Raw($"<div id=\"{Model.TableId}_box\" class=\"card table-box vb-bootstrap-table \"><div class=\"card-body fs-6 py-4 px-5 text-gray-700\">")
        if (Model.ActiveMenu != null || Model.Search != null)
        {
            <vc:table-tool-bar active-menu="@Model.ActiveMenu" search-view="@Model.Search"></vc:table-tool-bar>
        }
    }
    else
    {
        @Html.Raw($"<div id=\"{Model.TableId}_box\" class=\"table-box vb-data-table px-5\">")
    }

        @*data-content-type="application/x-www-form-urlencoded; charset=UTF-8"
            data-id-field="@(Model.RowId)" data-unique-id="@(Model.RowId)"
            @(Html.Raw(Model.DataMethod))

            data-pagination="@(Model.Page)" 
            data-page-size="@(Model.PageArray[0])"
            data-page-number="1"data-page-list="[@(Model.PageList)]" 
            data-pagination-detail-h-align="right" 
            data-pagination-h-align="left"
           *@

    <table id="@(Model.TableId)" class="table @(Model.TableClass)"
           data-url="@(Model.Url)"
           data-server-side="true" 
           data-row-id="@(Model.RowId)"
           data-method="@(Model.Method)"
           data-paging="@(Model.Page)"
           data-length-menu="[@(Model.PageList)]"
           data-page-select="@(Model.PageSelect)"
           data-multiple-select="@(Model.MultiplePageSelect)"
           data-check-box="@(Model.CheckBox)"
           data-click-to-select="@(Model.ClickSelect)"
           data-single-select="@(Model.SingleSelect)"
           data-processing="@(Model.Processing)"
           data-is-tree="@(Model.Tree)"
           @(Html.Raw(Model.Scroll))
           @(Html.Raw(Model.Other))>
        <thead class="@(Model.TheadClass)">
            <tr class="@(Model.TheadTrClass)">
                @if (Model.IsTree)
                {
                    <th class="" data-tree="true" data-sortable="false"></th>
                }
                @if (Model.HasCheckBox)
                {
                    <th class="w-10px pe-2" data-check-box="true" data-sortable="false">
                        @if (!Model.IsSingleSelect)
                        {
                            //data-kt-check="true" data-kt-check-target="#@(Model.TableId) .form-check-input"
                            <div class="form-check form-check-sm form-check-custom form-check-solid me-3">
                                <input class="form-check-input" type="checkbox"  value="1"/>
                            </div>
                        }
                     
                    </th>
                }
                @if (Model.Items != null && Model.Items.Any())
                {
                    foreach (var item in Model.Items)
                    {
                        @*data-align="@(item.Align)"*@
                        <th data-field="@(item.FiledName)" data-class-name="@(item.ClassName)" @(Html.Raw(item.Sort)) @(Html.Raw(item.Tip)) @(Html.Raw(item.FormatterStr))  @(Html.Raw(item.WidthStr))>@(item.DisplayName)</th>
                    }
                }
                @if (Model.IsTree)
                {
                    <th class="text-end min-w-100px" data-action="true"  @Html.Raw(Model.Actions.Empty() ? "data-action-tree=\"true\"" : $"data-action-formatter=\"{Model.Actions}\"")>操作</th>

                }else if (Model.Actions.NotEmpty())
                {
                    <th class="text-end min-w-100px pe-2" data-action="true" data-action-formatter="@Html.Raw(Model.Actions)">操作</th>
                }
            </tr>
        </thead>
    </table>
    @if (Model.HasBox)
    {

        @Html.Raw("</div>")
    }
    @Html.Raw("</div>")

    <!-- TABLE  @(Model.TableId)  END-->

}