<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<jsp:include page="${data._INCLUDE}/header.jsp"></jsp:include>
<script>
    $(function() {
        $("input[name=\"startDate\"]").daterangepicker({
            singleDatePicker : true,
            showDropdowns : true,
            startDate : "<c:out value='${startDate}'/>",
            locale : {
                //format : "M/DD hh:mm A"
                format : "YYYY-MM-DD"
            }
        });
        $("input[name=\"endDate\"]").daterangepicker({
            singleDatePicker : true,
            showDropdowns : true,
            startDate : "<c:out value='${endDate}'/>",
            locale : {
                //format : "M/DD hh:mm A"
                format : "YYYY-MM-DD"
            }
        });
    });
</script>
</head>
<body>
    <div class="wrapper">
        <jsp:include page="${data._INCLUDE}/sidebar.jsp"></jsp:include>

        <div class="main">
            <jsp:include page="${data._INCLUDE}/top.jsp"></jsp:include>

            <main class="content">
                <div class="container-fluid p-0">
                    <!-- 환지관리 START -->
                    <div class="row">
                        <div class="col-12 col-lg-6">
                            <h1 class="h3 mb-3">환자관리</h1>
                        </div>
                        <div class="col-12 col-lg-6  text-right">
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a
                                        href="javscript:;">Home</a></li>
                                    <li class="breadcrumb-item active">환자관리</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <form action="?" method="get">
                                    <div class="card-body">
                                        <table class="table mobile-table">
                                            <colgroup>
                                                <col style="width: 10%">
                                                <col style="width: 40%">
                                                <col style="width: 10%">
                                                <col style="width: 40%">
                                            </colgroup>
                                            <tr>
                                                <th>환자상태</th>
                                                <td>
                                                    <select class="custom-select form-control" id="inputState" name="inputState">
                                                        <option value="ALL">전체</option>
                                                        <option value="Y" <c:if test="${inputState eq 'Y'}"> selected="selected"</c:if>>입소</option>
                                                        <option value="N" <c:if test="${inputState eq 'N'}"> selected="selected"</c:if>>퇴소</option>
                                                    </select></td>
                                                <th>환자명</th>
                                                <td>
                                                    <input type="text" class="form-control" id="inputPassword4" name="patientName" placeholder="환자명" value="<c:out value="${patientName}" />">
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>진료일</th>
                                                <td>
                                                    <div class="row">
                                                        <div class="col-5">
                                                            <div class="form-group mb-xl-0">
                                                                <input class="form-control" type="text" name="startDate" value="">
                                                            </div>
                                                        </div>
                                                        <div
                                                            class="col-2 text-center">
                                                            ~</div>
                                                        <div class="col-5">
                                                            <div class="form-group mb-xl-0">
                                                                <input class="form-control" type="text" name="endDate">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td colspan="2">
                                                    <button
                                                        class="btn btn-primary">검색</button>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row mb-3">
                                        <div class="col-6">전체 :
                                            <fmt:formatNumber value="${total}" pattern="#,###" />
                                        </div>
                                        <div class="col-6 text-right">
                                            <button class="btn btn-primary" onclick="location.href='./new';">신규환자등록</button>
                                        </div>
                                    </div>
                                    <div class="table-responsive">
                                        <table class="table table-striped text-center">
                                            <colgroup>
                                                <col style=" width: 11.1%; ">
                                                <col style=" width: 11.1%; ">
                                                <col style=" width: 11.1%; ">
                                                <col style=" width: 11.1%; ">
                                                <col style=" width: 11.1%; ">
                                                <col style=" width: 11.1%; ">
                                                <col style=" width: 11.1%; ">
                                                <col style=" width: 11.1%; ">
                                                <col style=" width: 11.1%; ">
                                            </colgroup>
                                            <thead>
                                                <tr>
                                                    <th>번호</th>
                                                    <th>환자명</th>
                                                    <th>성별</th>
                                                    <th>나이</th>
                                                    <th>병동번호</th>
                                                    <th>최종진료일시</th>
                                                    <th>입소일자</th>
                                                    <th>격지해제 예정일</th>
                                                    <th>상태</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <c:choose>
                                                    <c:when test="${total > 0}">
                                                        <c:forEach var="l" items="${item}" varStatus="lStatus">
                                                            <c:set var="viewLink" value="./info?patientIdx=${l.patientIdx}" />
                                                            <c:set var="pageNum" value="${ ( total - lStatus.index ) - ( (page - 1) * pageSize ) }" />
                                                            
                                                            <tr>
                                                                <td><fmt:formatNumber value="${pageNum}" pattern="#,###" /></td>
                                                                <td>
                                                                    <a href="${viewLink}"><c:out value="${l.patientName}" /></a>
                                                                </td>
                                                                <td><c:out value="${l.gender}" /></td>
                                                                <td><c:out value="${l.age}" /></td>
                                                                <td><c:out value="${l.wardNumber}${l.roomNumber}" /></td>
                                                                <td><c:out value="${l.finamClinicDate}" /></td>
                                                                <td><c:out value="${l.hospitalizationDate}" /></td>
                                                                <td>
                                                                    <c:if test="${l.disisolationDate eq null or l.disisolationDate eq ''}">
                                                                        -
                                                                    </c:if>
                                                                    <c:if test="${l.disisolationDate ne ''}">
                                                                        <c:out value="${l.disisolationDate}" />
                                                                    </c:if>
                                                                </td>
                                                                <td><c:out value="${l.state}" /></td>
                                                            </tr>
                                                        </c:forEach>
                                                    </c:when>
                                                    <c:otherwise>
                                                        <tr>
                                                            <td colspan="9">등록된 환자가 없습니다.</td>
                                                        </tr>
                                                    </c:otherwise>
                                                </c:choose>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="row mt-5">
                                         <div class="col-12 col-lg-6 mb-2">
                                            <!-- <select
                                                class="custom-select form-control col-md-2"
                                                id="inputState"
                                                name="inputState">
                                                <option value="success"
                                                    selected="">전체</option>
                                                <option value="info">입소</option>
                                                <option value="warning">퇴소</option>
                                            </select> -->
                                        </div>
                                        <div class="col-12 col-lg-6 mb-2">
                                            <jsp:include page="${data._INCLUDE}/paging.jsp" flush="true">
                                                <jsp:param name="firstPageNo" value="${paging.firstPageNo}" />
                                                <jsp:param name="prevPageNo"  value="${paging.prevPageNo}" />
                                                <jsp:param name="startPageNo" value="${paging.startPageNo}" />
                                                <jsp:param name="pageNo"      value="${paging.pageNo}" />
                                                <jsp:param name="endPageNo"   value="${paging.endPageNo}" />
                                                <jsp:param name="nextPageNo"  value="${paging.nextPageNo}" />
                                                <jsp:param name="finalPageNo" value="${paging.finalPageNo}" />
                                                <jsp:param name="preFix"      value="${paging.preFix}" />
                                                <jsp:param name="url"         value="${paging.url}" />
                                                <jsp:param name="total"       value="${paging.totalCount}" />
                                            </jsp:include>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 환자관리 END -->
                </div>
            </main>

            <jsp:include page="${data._INCLUDE}/footer.jsp"></jsp:include>
        </div>
    </div>
</body>
</html>