@model NP.Model.VMMM
<header class="panel-heading bg-light" id="thistabbox">
    <ul class="nav nav-tabs nav-justified">
        <li class="@(Model.TabIdx == 0 ? "active" : "")"><a href="#" onclick="gotab(@(Model.TabIdx == 0 ? -1 : 0));" data-toggle="tab">컨설턴트명단</a></li>
        <li class="@(Model.TabIdx == 1 ? "active" : "")"><a href="#" onclick="gotab(@(Model.TabIdx == 1 ? -1 : 1));" data-toggle="tab">컨설턴트정렬</a></li>
    </ul>
</header>
<form id="mform" method="post" action="/MM/As">
    @Html.HiddenFor(m => m.TabIdx)
@if (Model.TabIdx == 0)
{
    <section class="panel panel-default clearfix devsearch" data-cleartbody="tbody1">
        @Html.Partial("./Partial/SearchCaption")
        <div class="step-content">
            <div class="step-pane active form-inline">
                <div class="form-group">
                    @Html.Partial("./Partial/Select", null, new ViewDataDictionary { { "valuetext", ":상태선택;1:활성;0:비활성" }, { "name", "StringVal" }, { "selected", Model.StringVal } })
                    @Html.Partial("./Partial/Select", null, new ViewDataDictionary { { "valuetext", ":권한선택;31:컨설턴트;32:DB담당;33:회계담당;34:통합관리자;35:HiREBEST" }, { "name", "StringVal2" }, { "selected", Model.StringVal2 } })
                    <span class="inblock">
                        @Html.Partial("./Partial/Text", Model.SearchText, Helpers.DicText(new NP.Model.TextDic() { Name = "SearchText", Value = Model.SearchText, PH = "이름이나 ID를 입력하세요.", CssClass = "ff" }))
                        @Html.Partial("./Partial/Button", new NP.Model.Button() { Special = "search" })
                    </span>
                </div>
            </div>
        </div>
    </section>
    <div class="tar buttonbox">
        @Html.Partial("./Partial/PageRow", new ViewDataDictionary { { "tbodyid", "tbody1" }, { "searchmethod", "submit()" }, { "pageSize", Model.PageRowCount } })
        <a href="#" onclick="javascript:reg(0);" class="btn btn-s-xs btn-info">컨설턴트 등록</a>
    </div>
    <section class="panel panel-default">
        <header class="panel-heading">컨설턴트 목록 ( @Model.PageTotalCount.ToString("#,0") Rows )</header>
        <div class="table-responsive" id="excel1">
            <table class="table table-striped b-t b-light">
                <thead>
                    <tr>
                        <th width="20">No</th>
                        <th>소속</th>
                        <th>구분</th>
                        <th>이름(Id)</th>
                        <th>입사일</th>
                        <th>핸드폰</th>
                        <th>이메일</th>
                        <th>권한</th>
                        <th>상태</th>
                        <th>외부접속</th>
                        <th>잠금설정</th>

                    </tr>
                </thead>
                <tbody class="data" id="tbody1">
                    @foreach (var item in Model.Users)
                    {
                    <tr>
                        <td>@item.RNORVT</td>
                        <td>@item.ConsultantCompanyName</td>
                        <td>@item.ConsultantTeamName</td>
                        <td class="text-left"><a class="link" href="#" onclick="reg(@item.UserNo)">@string.Format("{0}({1})", item.UserNameReal, item.UserId)</a></td>
                        <td>@item.EnterDate1</td>
                        <td>@item.Mobile</td>
                        <td>@item.Email</td>
                        <td>@item.UserTypeName</td>
                        <td>@(item.RetireDate == null ? "재직" : "퇴사")</td>
                        <td>@(item.Security == 0 ? "허용" : "")</td>
                        <td>@(item.Status == 0 ? "잠금" : "")</td>
                    </tr>
                    }
                </tbody>
            </table>
        </div>
        @Html.Pager((int)Model.PageNum, 10, Model.PageRowCount, Model.PageTotalCount)
    </section>
}
else
{
    var i = 1;
    <ul id="userlist">
@foreach (var u in Model.Users)
{
        <li data-uno="@u.UserNo" class="draggable"><i class="fa @(u.Sex==2?"fa-female":u.Sex==1?"fa-male":"fa-user")"></i> <span>@(i++)</span>. @string.Format("{0}({1}) / {2} / {3}", u.UserName, u.UserId, u.Mobile??"-", u.Email??"-")</li>
}
    </ul>
    <div class="botfixempty">&nbsp;</div><div class="form-group botfix"><a href="#" class="btn btn-primary" onclick="save();">저장</a></div>
}
</form>
<form id="dForm" method="post" action="/MM/Ar">
    @Html.Partial("./Partial/DForm", Model, new ViewDataDictionary { { "preform", 1 } })
</form>
@section styles{
@*<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">*@  
<style type="text/css">
    #userlist{padding: 20px 5px; line-height: 25px;}
    #userlist li{border: 1px solid #ddd; margin-bottom: 3px; padding: 2px 10px; border-radius: 3px; font-size: 13px; cursor: pointer;}
    section.panel.panel-default{background-color: #fff;}
</style>
}
@section scriptsHeader{
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
}
@section scripts{
    <script>
        $(document).ready(function () {
            $("#userlist").sortable({
                update: function (event, ui) {
                    //ui.item.index();
                    $.each($("#userlist li"), function (i, e) {
                        $(e).find("span").text(i + 1);
                    });
                }
            });
            $("#userlist").disableSelection();
        });
        function gotab(idx) {
            if (idx > -1) {
                //setv("PageNum", 1);
                $("#TabIdx").val(idx);
                submitnew();
            }
        }
        function reg(no) {
            showramemainlayer("/MM/Ar?LongVal=" + no);
        }
        function save() {
            if (confirm("정렬순서를 변경하시겠습니까?")) {
                var sorts = "";
                $.each($("#userlist li"), function (i, e) {
                    sorts += ";" + $(e).attr("data-uno") + ":" + (i + 1);
                });
                capp("/acommon/saveadminsort", { sorts: sorts.substr(1) }, "cbsave");
            }
        }
        function cbsave() {
            if (capResult.Code == 1000) {
                msgok(1);
                timesubmitauto();
            }
            else {
                msgadmin();
            }
        }
    </script>
}