SearchResults_ResearchOutputs.cshtml

@model RmcScholar.ViewModel.SearchScholarExpert
@{ViewData["Title"] = "Search on UTM Scholars - Research Outputs";}
<div class="row">
    <div class="col-xl-12">
        <div class="card m-b-20">
            <div class="card-body">
                <h4 class="mt-0 header-title"><i class="fa fa-search"></i> Find Scholars</h4>
                <form asp-controller="Scholar" asp-action="SearchInfo" method="post">
                    <div class="row m-t-20">
                        <div class="col-md-4">
                            <div class="form-group">
                                <select class="form-control select2" id="SearchType" name="SearchType">
                                    <option value="0">Everything</option>
                                    <option value="1">Research Grant</option>
                                    <option value="2">Research Output</option>
                                    <option value="3">Scholars/expert</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="form-group">
                                <div class="input-group  input-group">
                                    <input type="text" class="form-control" id="ItemSearch" name="ItemSearch">
                                    <button type="submit" class="btn btn-info waves-effect waves-light " style="margin-left: 2px;">Search</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- Untuk everything -->
<div class="row">
    <div class="col-12">
        <div class="card m-b-20">
            <div class="card-body">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs nav-tabs-custom" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" href="#SearchResearchOutputTab" role="tab" aria-selected="true">
                            <span class="d-block d-sm-none"><i class="fas fa-home"></i></span>
                            <span class="d-none d-sm-block">Research Output</span>
                        </a>
                    </li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                    <!-- Tab panes research grants -->
                    <div class="tab-pane p-3 active" id="SearchResearchOutputTab" role="tabpanel">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card m-b-20">
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table id="SearchResearchOutput_Table" class="table table-vertical" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                                <thead>
                                                    <tr>
                                                        <th>Publication List</th>
                                                        <th>Year</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach (var itemSrch_Rs_Evg in Model.ScholarSearch_ResearchOutputs)
                                                    {
                                                        <tr>
                                                            <td>
                                                                <h6 class="mt-0 mb-1 text-limit header-title-featured-dashboard">@itemSrch_Rs_Evg.Title</h6>
                                                                <p class="inbox-item-text text-muted m-b-30 text-limit">
                                                                    <strong>Journal Title</strong> @itemSrch_Rs_Evg.JournalTitle<br />
                                                                    <strong>Author</strong> <br />
                                                                    <span class="badge badge-pill badge-warning">@itemSrch_Rs_Evg.TypeofPublications</span>
                                                                </p>
                                                            </td>
                                                            <td>@itemSrch_Rs_Evg.PublishedYear</td>
                                                        </tr>
                                                    }
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    @section Scripts{
        <script>

        $(document).ready(function () {
            SearchResearchOutput_Datatable = $('#SearchResearchOutput_Table').DataTable({
                processing: true,
                searching: true,
                sorting: false,
                paging: true,
                pageLength: 10,
                lengthChange: false,
                info: false,
                responsive: true
            });
        });
        </script>
    }