<%@page session="false" taglibs="c,cms,fmt,fn"%>
<%@ taglib prefix="wcm" uri="http://cat.vass.wcm.lib.core/taglib"%>
<%@ taglib uri="wcmfmt" prefix="wcmfmt" %>

<fmt:setLocale value="${cms.locale}" />
<fmt:bundle basename="cat/salut/wcmResponsive/formatters/cerca_laboratori/messages">
    <!-- cerca_malaltia ver. 1.0 -->
    <div class="fpca_cerca_malaltia pd-15" style="float:left;margin-top:20px;width:100%;">

        <c:set var="MM" value="${pageContext.request.getParameter('MM')}" />
        <c:set var="nomMal" value="${pageContext.request.getParameter('nomMal')}" />
        <c:set var="codiSnomed" value="${pageContext.request.getParameter('codiSnomed')}" />
        <c:set var="icd10" value="${pageContext.request.getParameter('icd10')}" />
        <c:set var="icd9" value="${pageContext.request.getParameter('icd9')}" />
        <c:set var="codiOrp" value="${pageContext.request.getParameter('codiOrp')}" />
        <c:set var="omim" value="${pageContext.request.getParameter('omim')}" />
        <c:set var="icd11" value="${pageContext.request.getParameter('icd11')}" />

        <div class="llistat_enllacos_filet">
            <div class="cn_parametres_cerca pd-xs-0">
                <div clas="col-xs-12 col-sm-6" style="padding-left:0px !important">
                <fmt:message key="cerca_malaltia.resultats"/>
                </div>
                <div class ="col-xs-12 col-sm-6" style="padding-left:0px !important">
                 '${nomMal}${codiSnomed}${icd11}${icd10}${icd9}${codiOrp}${omim}'
                </div>
                <div id="numResultats" class="col-12 pd-xs-0"><fmt:message key="cercador.result1"/> <b class="panell-result">${fn:length(xmlBean.value.MALALTIA)}</b> <fmt:message key="cercador.result2"/></div>
            </div>
            <ul class="llistat_enllacos_filet_cont list-group one-column pd-xs-0">
                <c:set var="pages" value="${fn:length(xmlBean.value.MALALTIA) / 50}"/>

                <c:forEach begin="0" end="${pages}" varStatus="page">
                    <div id="malalties-page${page.count}" class="col-xs-12 pd-xs-0" style="display:none;">

                        <div class="llistat_enllacos_filet col-xs-12 col-md-6 col-sm-6 pd-xs-0">
                            <ul id="malalties-list" class="llistat_enllacos_filet_cont list-group" style="padding:0;">
                                <c:forEach var="malaltia" items="${xmlBean.value.MALALTIA}" begin="${page.index * 50}" end="${(page.index * 50) + 24}">
                                    <c:set var="cod_malaltia" value="${malaltia.value.COD_MALALTIA[0].textValue}" />
                                    <c:set var="nom_malaltia" value="${malaltia.value.NOM_MALALTIA[0].textValue}" />

                                    <li class="list-group-item col-sm-12 ico_"><a href="./detall/index.html?idCons=3&amp;codiMal=${cod_malaltia}" style="color:#C00000 !important">${nom_malaltia}</a></li>
                                </c:forEach>
                            </ul>
                        </div>

                        <div class="llistat_enllacos_filet col-xs-12 col-md-6 col-sm-6 pd-xs-0">
                            <ul id="malalties-list" class="llistat_enllacos_filet_cont list-group" style="padding:0;">
                                <c:forEach var="malaltia" items="${xmlBean.value.MALALTIA}" begin="${(page.index * 50)+25}" end="${(page.index * 50)+49}">
                                    <c:set var="cod_malaltia" value="${malaltia.value.COD_MALALTIA[0].textValue}" />
                                    <c:set var="nom_malaltia" value="${malaltia.value.NOM_MALALTIA[0].textValue}" />
                                    <li class="list-group-item col-sm-12 ico_"><a href="./detall/index.html?idCons=3&amp;codiMal=${cod_malaltia}" style="color:#C00000 !important">${nom_malaltia}</a></li>
                                </c:forEach>
                            </ul>
                        </div>
                    </div>
                </c:forEach>

                <c:if test="${pages > 1}">
                    <div class="column paginacio pd-15">
                        <ul class="pagination hidden-xs" style="border:0;">
                            <li class="first">
                                <a id="paginationFirst" rel="nofollow" class="desactivat" title="Vés a la primera pàgina" onclick="goTo(1)" style="cursor:pointer">&nbsp;</a>
                            </li>
                            <li>
                                <a id="paginationBack" rel="nofollow" class="anterior desactivat" title="Vés a la pàgina anterior" onclick="backPage()" style="cursor:pointer"><fmt:message key="paginacio.anterior"/></a>
                            </li>
                            <c:forEach begin="0" end="${fn:length(xmlBean.value.MALALTIA) / 50}" varStatus="pagination">
                                <li id="p${pagination.count}"><a id="pagination${pagination.count}" rel="nofollow" title="Vés a la pàgina ${pagination.count}" onclick="goTo(${pagination.count})" style="cursor:pointer">${pagination.count}</a></li>
                            </c:forEach>
                            <li>
                                <a id="paginationNext" rel="nofollow" class="seguent" title="Vés a la pàgina següent" onclick="nextPage()" style="cursor:pointer"><fmt:message key="paginacio.anterior"/></a>
                            </li>
                            <li class="last">
                                <a id="paginationLast" rel="nofollow" class="" title="Vés a l'última pàgina" onclick="goTo(${pages})" style="cursor:pointer">&nbsp;</a>
                            </li>
                        </ul>
                        <ul class="pagination visible-xs" style="border:0;">
                            <li class="first pd-xs-0" style="float:none;">
                                <a id="paginationFirst-xs" rel="nofollow" class="desactivat" title="Vés a la primera pàgina" onclick="goTo(1)" style="cursor:pointer">&nbsp;</a>
                            </li>
                            <li class="pd-xs-0" style="vertical-align: top;float: none;">
                                <a id="paginationBack-xs" rel="nofollow" class="anterior desactivat" title="Vés a la pàgina anterior" onclick="backPage()" style="cursor:pointer">&nbsp;</a>
                            </li>
                            <li class="pd-xs-0" style="float:none;vertical-align: top;float: none;">
                                <span id="currentPage" class="actiu" ></span>
                            </li>
                            <li class="pd-xs-0" style="vertical-align: top;float: none;">
                                <a id="paginationNext-xs" rel="nofollow" class="seguent" title="Vés a la pàgina següent" onclick="nextPage()" style="cursor:pointer">&nbsp;</a>
                            </li>
                            <li class="last pd-xs-0" style="vertical-align: top;float: none;">
                                <a id="paginationLast-xs" rel="nofollow" class="" title="Vés a l'última pàgina" onclick="goTo(${pages})" style="cursor:pointer">&nbsp;</a>
                            </li>
                        </ul>
                        <p class="hidden-xs"><fmt:message key="paginacio.total_pagines"/> <fmt:formatNumber value="${pages + (pages % 1 == 0 ? 0 : 0.5)}" type="number" pattern="#" /></p>
                    </div>
                </c:if>
            </ul>
        </div>
    </div>
</fmt:bundle>
<script>
$( document ).ready(function() {
    $('.titulo-capcalera').after("<a class='tornar-tramits pull-right' href='javascript:history.back(1);'>Torna</a>");
    if (${pages} > 1) init(${pages});
    else document.getElementById('malalties-page1').style.display="block";
});
</script>