ViettechReport/SuperCms/Views/Support/Index.cshtml

@{
    ViewData["Title"] = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@using System.Globalization;
@using SuperCms.Controllers;
@using SuperCms.Models;

@model SupportViewModel;

@{
    String dateNow = DateTime.Now.ToString("yyyy-MM-dd'T'HH:mm", CultureInfo.InvariantCulture);
}

<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-xs-12 mb-1">
                @*<h2 class="content-header-title">Message configuration</h2>*@
            </div>
            <div class="content-header-right breadcrumbs-right breadcrumbs-top col-md-6 col-xs-12">
                <div class="breadcrumb-wrapper col-xs-12">
                    <ol class="breadcrumb">
                        @*<li class="breadcrumb-item">
                        <a href="Index">Admin</a>
                        </li>*@
                        @*<li class="breadcrumb-item">
                        <a href="/Config">Tables</a>
                        </li>*@
                    </ol>
                </div>
            </div>
        </div>
        <div class="content-body">
            <!-- Basic form layout section start -->
            <section id="basic-form-layouts">
                <div class="row service-height">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title" id="basic-layout-form">toolbars</h4>
                                <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
                                <div class="heading-elements">
                                    <ul class="list-inline mb-0">
                                        <li><a data-action="collapse"><i class="icon-minus4"></i></a></li>
                                        <li><a data-action="expand"><i class="icon-expand2"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="card-content collapse show">
                                <div class="card-body ">
                                    <div class="card-block">
                                        <div class="form-body">

                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label for="fromDate">Time</label>
                                                                <input class="model-box-input datetime-box" type="datetime-local" id="timeNow" name="timeNow" value="@dateNow">
                                                            </div>
                                                        </div>

                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label for="serviceCode">File to export</label>
                                                                <select id="typeGetIndex" name="typeGetIndex" class="form-control" onchange="chooseTableTypeClick(this.value)">
                                                                    <option value="@Model.typeTable">@UtilsController.ConvertListType(Model.typeTable)</option>
                                                                    @{
                                                                        for (int i = 0; i < UtilsController.Constant.MAX_FILE; i++)
                                                                        {
                                                                            if (i.ToString() != Model.typeTable)
                                                                            {
                                                                                    <option value="@i">@UtilsController.ConvertListType(i.ToString())</option>
                                                                            }
                                                                        }
                                                                    }
                                                                </select>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>

                                                <div class="col-md-7">
                                                    <div class="form-group" style="padding: 25px; border: 1px solid #eeeeee; margin:auto">
                                                        <div>
                                                            <input type="file" id="fileupload" name="files" class="" style="margin:10px 0;" />
                                                            <button id="uploadButton" type="button" class="btn btn-amber button-style" onclick="uploadData(@Model.typeTable)">
                                                                <i class="icon-search"></i> Upload
                                                            </button>
                                                            <button id="importButton" type="button" class="btn btn-danger button-style" onclick="importData(@Model.typeTable)" disabled>
                                                                <i class="icon-search"></i> Import
                                                            </button>
                                                            @*<button type="button" class="btn btn-blue button-style" onclick="showFileClick(@Model.typeTable)">
                                                            <i class="icon-search"></i> Show file
                                                            </button>*@
                                                            <button id="downloadButton" type="button" class="btn btn-blue button-style" onclick="downloadClick(@Model.typeTable)">
                                                                <i class="icon-search"></i> Download
                                                            </button>
@*                                                            <form action="/Support/DownloadTemplate" method="post" style="text-align: end;">
                                                                @Html.AntiForgeryToken()
                                                                <button type="submit" class="btn btn-blue button-style">
                                                                    <i class="icon-search"></i> Download template
                                                                </button>
                                                            </form>*@
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-5">
                                                    <div class="form-group" style="padding: 25px; border: 1px solid #eeeeee; margin:auto">
                                                        <div>
                                                            <form action="/Support/DownloadTemplate" method="post">
                                                                @Html.AntiForgeryToken()
                                                                <button type="submit" class="btn btn-blue button-style">
                                                                    <i class="icon-search"></i> Download template
                                                                </button>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="card">
                            <div class="row card-content" style="margin:0;">
                                @{

                                        <div class="col-md-12 table-responsive" style="padding:0;">
                                            <div class="row">
                                                <div id="divPrint"></div>
                                            </div>
                                        </div>

                                        <div class="col-md-12 table-responsive" style="padding:0;">

                                            <div id="divShow" class="table-responsive">
                                                <table id="db-table-detail-report" class="table table-hover mb-0 ps-container ps-theme-default">
                                                    <thead>
                                                        <tr>
                                                            <th>no</th>
                                                            <th>name document</th>
                                                            <th>time insert</th>
                                                            <th>status</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>

                                                        @*@{
                                                for (int i = 0; i < Model.staffs.data.Count; i++)
                                                {
                                                Staff staff = Model.staffs.data[i];
                                                Revenue revenue = Model.revenues.data.Find(x => x.staff_id == staff.id);
                                                <tr>
                                                <td class="text-truncate">@(i + 1)</td>
                                                <td class="text-truncate"><a href="/">@staff.staff_code</a></td>
                                                <td class="text-truncate"><a href="/">@staff.username</a></td>
                                                <td class="text-truncate">@staff.msisdn</td>
                                                <td class="text-truncate">@staff.status</td>
                                                <td class="text-truncate" style="max-width:200px;">
                                                <input type="number" class="form-control revenue" staff-id="@staff.id" id="revenue-@staff.id" style="width:70%; display: inline-block;" value="@(revenue != null ? revenue.revenue != null ? int.Parse(revenue.revenue) : 0 : 0)" />
                                                <div style="display:inline-block;">
                                                <span>  VND</span>
                                                </div>
                                                </td>
                                                </tr>
                                                }
                                                }*@


                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>



                                        <style>
                                            .pagination-style {
                                                max-width: 1200px;
                                                margin: auto;
                                                position: relative;
                                                padding: 0;
                                                float: none;
                                                padding-right: 0;
                                                text-align: center;
                                            }

                                            .pagination-active {
                                                background: #337ab7 !important;
                                                color: white !important;
                                            }

                                            .pagination-disable {
                                                pointer-events: none;
                                            }
                                        </style>


                                    //int totalPage = Model.totalPage != null ? int.Parse(Model.totalPage) : 1;

                                        @*<div class="category-post-pagination col-xs-12 pagination-style">
                                @{
                                <ul class="pagination clearfix pagination-ul">
                                <li class="pagination-prev">
                                <a href="/Report?marketID=1&companyID=1&page=1">‹‹</a>
                                </li>
                                <li class="pagination-prev @(pageNow == 1 ? "disabled pagination-disable" : "")">
                                <a href="/Report?marketID=1&companyID=1&page=@(pageNow-1)">‹</a>
                                </li>
                                @{
                                if (totalPage <= 4)
                                {
                                for (int k = 1; k <= totalPage; k++)
                                {
                                <li class="@(pageNow == k ? "current" : "")">
                                <a class="@(pageNow == k ? "pagination-active" : "")" href="/Report?marketID=1&companyID=1&page=@k">@k</a>
                                </li>
                                }
                                }
                                else if (pageNow <= totalPage - 4)
                                {
                                for (int k = pageNow; (k <= pageNow + 4 && k <= totalPage); k++)
                                {
                                <li class="@(pageNow == k ? "current" : "")">
                                <a class="@(pageNow == k ? "pagination-active" : "")" href="/Report?marketID=1&companyID=1&page=@k">@k</a>
                                </li>
                                }
                                }
                                else
                                {
                                for (int k = totalPage - 4; k <= totalPage; k++)
                                {
                                <li class="@(pageNow == k ? "current" : "")">
                                <a class="@(pageNow == k ? "pagination-active" : "")" href="/Report?marketID=1&companyID=1&page=@k">@k</a>

                                </li>
                                }
                                }
                                }
                                <li class="pagination-next @(pageNow == totalPage ? "disabled pagination-disable" : "")">
                                <a href="/Report?marketID=1&companyID=1&page=@(pageNow+1)">›</a>
                                </li>
                                <li class="pagination-next ">
                                <a href="/Report?marketID=1&companyID=1&page=@totalPage">››</a>
                                </li>
                                </ul>
                                }
                                </div>*@

                                }
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- // Basic form layout section end -->
        </div>
    </div>
</div>

<form action="/Support" method="post" id="support-form">
    <input type="hidden" id="actionFile" class="actionFile" name="actionFile" value="" />
    <input type="hidden" id="tableType" class="tableType" name="tableType" value="" />
</form>

<form action="/Support/Download" method="post" id="support-download-form">
    <input type="hidden" id="tableTypeDownload" class="tableType" name="tableType" value="" />
</form>