<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ 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() {
        // Select2
        $(".select2").each(function() {
            $(this).wrap("<div class=\"position-relative\"></div>").select2({
                placeholder : "Select value",
                dropdownParent : $(this).parent()
            });
        })
        // Daterangepicker
        $("input[name=\"daterange\"]").daterangepicker({
            opens : "left"
        });
        $("input[name=\"datetimes\"]").daterangepicker({
            timePicker : true,
            opens : "left",
            startDate : moment().startOf("hour"),
            endDate : moment().startOf("hour").add(32, "hour"),
            locale : {
                format : "M/DD hh:mm A"
            }
        });
        $("input[name=\"datesingle\"]").daterangepicker({
            singleDatePicker : true,
            showDropdowns : true
        });
        // Datetimepicker
        $('#datetimepicker-minimum').datetimepicker();
        $('#datetimepicker-view-mode').datetimepicker({
            viewMode : 'years'
        });
        $('#datetimepicker-time').datetimepicker({
            format : 'LT'
        });
        $('#datetimepicker-date').datetimepicker({
            format : 'L'
        });
        var start = moment().subtract(29, "days");
        var end = moment();

        function cb(start, end) {
            $("#reportrange span").html(
                    start.format("MMMM D, YYYY") + " - "
                            + end.format("MMMM D, YYYY"));
        }
        $("#reportrange").daterangepicker(
                {
                    startDate : start,
                    endDate : end,
                    ranges : {
                        "Today" : [ moment(), moment() ],
                        "Yesterday" : [ moment().subtract(1, "days"),
                                moment().subtract(1, "days") ],
                        "Last 7 Days" : [ moment().subtract(6, "days"),
                                moment() ],
                        "Last 30 Days" : [ moment().subtract(29, "days"),
                                moment() ],
                        "This Month" : [ moment().startOf("month"),
                                moment().endOf("month") ],
                        "Last Month" : [
                                moment().subtract(1, "month").startOf("month"),
                                moment().subtract(1, "month").endOf("month") ]
                    }
                }, cb);
        cb(start, end);
    });
</script>
<script>
    $(function() {
        // Datatables basic
        $("#datatables-basic").DataTable({
            responsive : true
        });
        // Datatables with Buttons
        var datatablesButtons = $("#datatables-buttons").DataTable({
            responsive : true,
            lengthChange : !1,
            buttons : [ "copy", "print" ]
        });
        datatablesButtons.buttons().container().appendTo(
                "#datatables-buttons_wrapper .col-md-6:eq(0)");
        // Datatables with Multiselect
        var datatablesMulti = $("#datatables-multi").DataTable({
            responsive : true,
            select : {
                style : "multi"
            }
        });
    });
</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">환자관리</li>
                                    <li class="breadcrumb-item active">환자정보
                                        등록</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <table class="table mobile-table">
                                        <colgroup>
                                            <col style="width: 15%">
                                            <col style="width: 35%">
                                            <col style="width: 15%">
                                            <col style="width: 35%">
                                        </colgroup>
                                        <tr>
                                            <th>치료센터</th>
                                            <td>레몬종합병원</td>
                                            <th>입소일시</th>
                                            <td colspan="2">
                                                2020-10-10 10:25</td>
                                        </tr>
                                        <tr>
                                            <th>병동 번호</th>
                                            <td>1501</td>
                                            <th>이름</th>
                                            <td>김레몬
                                                <button
                                                    class="btn btn-primary ml-2">진료시작</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>성별</th>
                                            <td>남</td>
                                            <th>생년월일</th>
                                            <td>1975년 8월 8일</td>
                                        </tr>
                                        <tr>
                                            <th>연락처</th>
                                            <td>010-1234-1234</td>
                                            <th>보호자 연락처</th>
                                            <td>010-1234-1234</td>
                                        </tr>
                                        <tr>
                                            <th>증상시작일</th>
                                            <td>2020-10-08</td>
                                            <th>확진일</th>
                                            <td>2020-10-09</td>
                                        </tr>
                                        <tr>
                                            <th>격리해제일</th>
                                            <td colspan="3">
                                                2020-10-25</td>
                                        </tr>
                                        <tr>
                                            <th>기저질환</th>
                                            <td>무</td>
                                            <th>임신</th>
                                            <td>무</td>
                                        </tr>
                                        <tr>
                                            <th rowspan="2">입실당시 증상</th>
                                            <td colspan="3">발열
                                                (37.5℃ 이상, 입실 당시 체온 - 우
                                                : 37.8℃ / - 좌 : 37.9℃ ),
                                                기침, 근육통, 피로, 식욕감소</td>
                                        </tr>
                                        <tr>
                                            <td colspan="3">
                                                <table class="table">
                                                    <colgroup>
                                                        <col
                                                            style="width: 15%">
                                                        <col
                                                            style="width: 18%">
                                                        <col
                                                            style="width: 15%">
                                                        <col
                                                            style="width: 18%">
                                                        <col
                                                            style="width: 15%">
                                                        <col
                                                            style="width: 18%">
                                                    </colgroup>
                                                    <tr>
                                                        <th>중증도분류</th>
                                                        <td>하</td>
                                                        <th>산소포화도</th>
                                                        <td>90%</td>
                                                        <th>흉부 X선
                                                            결과</th>
                                                        <td>정상</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>상태 및 특이사항</th>
                                            <td colspan="3">없음</td>
                                        </tr>
                                    </table>
                                    <div class="row mt-3">
                                        <div class="col-12">
                                            <div class="text-right">
                                                <button
                                                    class="btn btn-warning w150"
                                                    onclick="location.href='./privacy';">비밀번호
                                                    변경</button>
                                                <button
                                                    class="btn btn-secondary w100"
                                                    onclick="location.href='./edit';">정보수정</button>
                                                <button
                                                    class="btn btn-primary w100"
                                                    onclick="location.href='./list';">확인</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 환자관리 : 신규환자 등록 END -->
                </div>
            </main>

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