<%--
    Document   : SearchTable
    Created on : Feb 11, 2020, 11:30:31 AM
    Author     : marco
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<div id="mainTable">
    <table id="searchTable" border="0" style="table-layout: fixed; width:100%;" cellspacing='0'>

        <tr style='color: white;' class='search_header' align="center">
            <th>
                ID
            </th>
            <th>
                Nome
            </th>
            <th>
                Remover
            </th>
        </tr>

        <c:forEach var="garpAccountModel" items="${garpAccountList}">
            <c:import url="/XPTO2/SearchRow.jsp">
                <c:param name="garpAccountId" value="${garpAccountModel.id}" />
                <c:param name="garpAccountName" value="${garpAccountModel.name}" />
                <c:param name="garpAccountRemoved" value="${garpAccountModel.removed}" />
            </c:import>
        </c:forEach>

    </table>

    <div class="search_controller_btn_holder" align="center">
        <div id="firstPage" title="Primeira Página" onclick="reloadTable(1)" class="search_controller_btn bg_main icon_white_first_arrow"></div>
        <div id="previousPage" title="Página Anterior" onclick="previous()" class="search_controller_btn bg_main icon_white_previous_arrow"></div>
        <div title="Escoleh pagina"><input id="currentPage" onChange="choosePage()" type="textbox" style="width:30px; height:30px;" value="${currentPage}"> de <span id="maxPage">${maxPages}</span></div>
        <div id="nextPage" title="Página Anterior" onclick="next()" class="search_controller_btn bg_main icon_white_next_arrow"></div>
        <div id="lastPage" title="Úlagina" onclick="reloadTable(${maxPages});" class="search_controller_btn  bg_main icon_white_last_arrow"></div>
    </div>

</div>


<script>
    var maxPage = parseInt(${maxPages});
    var currentPage = parseInt('${currentPage}');

    var firstPage = $("#firstPage");
    var previousPage = $("#previousPage");
    var nextPage = $("#nextPage");
    var lastPage = $("#lastPage");

    //Previous and first

    if(currentPage == 1){
        firstPage.addClass("disabled");
        previousPage.addClass("disabled");
    }

    if(currentPage == maxPage){
        lastPage.addClass("disabled");
        nextPage.addClass("disabled");
    }
</script>