@using Resources
@model Weee.ViewModels.Lca.LcaIndexViewModel
@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/Lca/Views/Shared/_LcaLayout.cshtml";
}

<div class="survey_form" ng-style="{ height: Survey_Height * 28 + 24 + 'px' }" style="padding: 28px 16px;">
    <div class="survey_form_body" ng-style="{ height: sidebar.length * 28 + 'px' }" style="margin: 0; padding: 0;">
        <div class="tab_header_main">
            <div class="tab_header">
                <div class="tab-toggle">
                    <div ng-class="{ active: selectedTab == 'management' }"
                         ng-click="selectedTab = 'management'">
                        <div class="tab">@Resource.ManagementList</div>
                    </div>
                </div>
            </div>
            <div class="tab_header">
                <div class="survey_order_btn_wrap tab-toggle" ng-show="selectedTab=='management'">
                    <div class="survey_order_btn" ng-click="goToUserCreate()">
                        @Resource.NewUser
                    </div>
                    <div class="survey_order_btn" ng-click="uploadCompanyLogo()">
                        @Resource.UploadCompanyLogo
                    </div>

                    <div class="survey_order_btn">
                        <span>
                            <a href="/Browser_Local/WebFilesRoot/@User.Identity.Name/OrganizationLCADocTemplate.docx" style="color: #a1a2a2;">
                                @Resource.OrganizationLCADocTemplate@Resource.DownloadLink
                            </a>
                        </span>
                    </div>
                    <div class="survey_order_btn" ng-click="uploadCompanyTemplates()">
                        @Resource.UploadTemplates
                    </div>
                </div>
            </div>
        </div>
        <div class="tab_content card content_bg">
            <div style="margin: 20px">
                @*<div ng-include="'../Partials/management-Index'" ng-show="selectedTab == 'management'"></div>
                    Html.Partial("~/Views/Partial/Management/Index.cshtml", Model)
                    {
                        Html.RenderPartial("~/Views/Partial/Management/Index.cshtml", Model.user);
                    }*@

                <div class="body_content receive_tool_menu">
                    @*<div class="header_search">
                            <img class="header_image_button" src="../Browser_Local/img/header_image11_1.png" />
                            <input type="text" class="expand" ng-model="searchText" />
                        </div>*@
                    <form class="form-inline header_search" style="float: right">
                        <input class="form-control mr-sm-2" type="search" ng-model="searchText"
                               placeholder="@Resource.StaticLabelGlobal_Search" aria-label="Search">
                    </form>
                </div>

                <div class="body_content"
                     ng-model="currentPage"
                     ng-init="currentPage = 1">
                    <div class="table-responsive">
                        <div class="table_overflow">
                            <table class="table">
                                <!-- Table header -->
                                <thead>
                                    <tr class="table-active">
                                        <th>@Resource.StaticLabelGlobal_Name</th>
                                        <th>@Resource.StaticLabelUserPhoneNumber</th>
                                        <th>@Resource.StaticLabelUserEmail</th>
                                        <th>@Resource.SurveyJob</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <!-- Table row -->
                                <tbody>
                                    @foreach (var rec in Model.users)
                                    {
                                        <tr>
                                            <td>@rec.Name</td>
                                            <td>@rec.PhoneNumber</td>
                                            <td>@rec.Email</td>
                                            <td>@rec.Job</td>
                                            <td>
                                                <img style="cursor: pointer;"
                                                     ng-init="editIcon = 'edit'"
                                                     ng-src="@ViewBag.baseUrl/Browser_Local/img/{{ editIcon }}.png"
                                                     ng-click="editUser(user)"
                                                     ng-mouseenter="editIcon = 'edit_active'"
                                                     ng-mouseleave="editIcon = 'edit'" />
                                            </td>
                                        </tr>
                                    }
                                    @*<tr ng-repeat="user in userList | filter : searchText | orderBy : predicate : reverse | smarterLimitTo : 10 : (currentPage - 1) * 10">
                                            <td ng-bind="user.Name"></td>
                                            <td ng-bind="user.PhoneNumber"></td>
                                            <td ng-bind="user.Email"></td>
                                            <td ng-bind="user.Job"></td>
                                            <td>
                                                <img style="cursor: pointer;"
                                                     ng-init="editIcon = 'edit'"
                                                     ng-src="../../../Browser_Local/img/{{ editIcon }}.png"
                                                     ng-click="editUser(user)"
                                                     ng-mouseenter="editIcon = 'edit_active'"
                                                     ng-mouseleave="editIcon = 'edit'" />
                                            </td>
                                        </tr>*@
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <page passed-total-page="Math.ceil((userList | filter : searchText).length / 10)" passed-current-page="currentPage"></page>
            </div>
        </div>
    </div>
</div>

@if (false)//todo 暫時隱藏
{
    <table-edit-modal display-option="">
        <div file-import-process import-option="fileImportOption"></div>
    </table-edit-modal>

    <table-edit-modal display-option="logoImportOption">
        <form name="editForm">
            <div class="row">
                <label class="col-sm-2 col-form-label">@Resource.UploadCompanyLogo</label>
                <div class="col col-sm-8">
                    <input type="file" style="margin-top: 7px;" file read-file="logoImportOption.selectFile(file)" />
                </div>
            </div>
            <div class="survey_btn_wrap">
                <div class="survey_content" style="float: right">
                    <div class="row">
                        <button class="header_button" ng-click="uploadLogo()">@Resource.StaticLabelGlobal_Upload</button>
                    </div>
                </div>
            </div>
        </form>
    </table-edit-modal>

    <table-edit-modal display-option="templateImportOption">
        <form name="editForm">
            <div class="row">
                <label class="col-sm-4 col-form-label">
                    @Resource.TemplateUpload
                </label>
                <div class="col col-sm-8">
                    <input type="file" file read-file="templateImportOption.selectFile(file)" />
                </div>
            </div>
            <div class="row">
                <label class="col col-sm-4 prompt-msg" style="color: red">
                    @Resource.TemplateUploadPromptMessage
                </label>
                <div class="col" id="upload-file-result-msg"></div>
            </div>
            <div class="survey_btn_wrap">
                <div class="survey_content" style="float: right">
                    <div class="row">
                        <button class="header_button" ng-click="uploadTemplates()">@Resource.StaticLabelGlobal_Upload</button>
                    </div>
                </div>
            </div>
        </form>
    </table-edit-modal>
}