<%@ 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><select
                                                class="custom-select">
                                                    <option selected="">레몬종합병원</option>
                                                    <option>1</option>
                                                    <option>2</option>
                                                    <option>3</option>
                                                    <option>4</option>
                                                    <option>5</option>
                                                    <option>6</option>
                                                    <option>7</option>
                                            </select></td>
                                            <th>입소일시</th>
                                            <td colspan="2">
                                                2020-10-10 10:25</td>
                                        </tr>
                                        <tr>
                                            <th>병동 번호</th>
                                            <td><input type="text"
                                                class="form-control"
                                                placeholder="1501">
                                            </td>
                                            <th>이름</th>
                                            <td>김레몬</td>
                                        </tr>
                                        <tr>
                                            <th>성별</th>
                                            <td>남</td>
                                            <th>생년월일</th>
                                            <td>
                                                <div class="form-row">
                                                    <div class="col-4">
                                                        <select
                                                            class="custom-select">
                                                            <option
                                                                selected="">년</option>
                                                            <option>1999</option>
                                                            <option>1998</option>
                                                            <option>1997</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-4">
                                                        <select
                                                            class="custom-select">
                                                            <option
                                                                selected="">월</option>
                                                            <option>1</option>
                                                            <option>2</option>
                                                            <option>3</option>
                                                            <option>4</option>
                                                            <option>5</option>
                                                            <option>6</option>
                                                            <option>7</option>
                                                            <option>8</option>
                                                            <option>9</option>
                                                            <option>10</option>
                                                            <option>11</option>
                                                            <option>12</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-4">
                                                        <select
                                                            class="custom-select">
                                                            <option
                                                                selected="">일</option>
                                                            <option>1</option>
                                                            <option>2</option>
                                                            <option>3</option>
                                                            <option>4</option>
                                                            <option>5</option>
                                                            <option>6</option>
                                                            <option>7</option>
                                                            <option>8</option>
                                                            <option>9</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>연락처</th>
                                            <td><input type="text"
                                                class="form-control"
                                                placeholder="010-1234-1234">
                                            </td>
                                            <th>보호자 연락처</th>
                                            <td><input type="text"
                                                class="form-control"
                                                placeholder="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">
                                                <div
                                                    class="form-group mb-xl-0">
                                                    <input
                                                        class="form-control"
                                                        type="text"
                                                        name="datesingle">
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>기저질환</th>
                                            <td><label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="radio"
                                                    name="inline-radios-example"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        무 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="radio"
                                                    name="inline-radios-example"
                                                    value="option2">
                                                    <span
                                                    class="form-check-label">
                                                        유 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input type="text"
                                                    class="form-control"
                                                    name="inline-radios-example">
                                            </label></td>
                                            <th>임신</th>
                                            <td><label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="radio"
                                                    name="inline-radios-example"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        무 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="radio"
                                                    name="inline-radios-example"
                                                    value="option2">
                                                    <span
                                                    class="form-check-label">
                                                        유 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <select
                                                    class="custom-select">
                                                        <option
                                                            selected="">주</option>
                                                        <option>1주</option>
                                                        <option>2주</option>
                                                        <option>3주</option>
                                                        <option>4주</option>
                                                        <option>5주</option>
                                                </select>
                                            </label></td>
                                        </tr>
                                        <tr>
                                            <th rowspan="5"><span
                                                class="fix">*</span>입실당시
                                                증상</th>
                                            <td colspan="3"><label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1"
                                                    checked="">
                                                    <span
                                                    class="form-check-label">
                                                        발열 (37.5℃ 이상, 입실
                                                        당시 체온 - 우 <input
                                                        type="text"
                                                        class="form-control form-control-sm w50"
                                                        name="">℃
                                                        / - 좌 <input
                                                        type="text"
                                                        class="form-control form-control-sm w50"
                                                        name="">℃
                                                </span>
                                            </label></td>
                                        </tr>
                                        <tr>
                                            <td colspan="3"><label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1"
                                                    checked="">
                                                    <span
                                                    class="form-check-label">
                                                        기침 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        호흡곤란 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        오한 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1"
                                                    checked="">
                                                    <span
                                                    class="form-check-label">
                                                        근육통 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        두통 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        인후통 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        후각/미각손실 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1"
                                                    checked="">
                                                    <span
                                                    class="form-check-label">
                                                        피로 </span>
                                            </label></td>
                                        </tr>
                                        <tr>
                                            <td colspan="3"><label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1"
                                                    checked="">
                                                    <span
                                                    class="form-check-label">
                                                        식욕감소 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        가래 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        오신 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        구토 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        설사 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        어지러움 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        콧물/코막힘 </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        기타 (<input
                                                        type="text"
                                                        class="form-control form-control-sm w150"
                                                        name="">)
                                                </span>
                                            </label></td>
                                        </tr>
                                        <tr>
                                            <td colspan="3"><label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        맥박 ( <input
                                                        type="text"
                                                        class="form-control form-control-sm w150"
                                                        name="">
                                                        )
                                                </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        호흡 ( <input
                                                        type="text"
                                                        class="form-control form-control-sm w150"
                                                        name="">
                                                        )
                                                </span>
                                            </label> <label
                                                class="form-check form-check-inline">
                                                    <input
                                                    class="form-check-input"
                                                    type="checkbox"
                                                    value="option1">
                                                    <span
                                                    class="form-check-label">
                                                        혈압mmHg ( <input
                                                        type="text"
                                                        class="form-control form-control-sm w150"
                                                        name="">
                                                        )
                                                </span>
                                            </label></td>
                                        </tr>
                                        <tr>
                                            <td colspan="3">
                                                <table class="table">
                                                    <colgroup>
                                                        <col
                                                            style="width: 15%">
                                                        <col
                                                            style="width: 35%">
                                                        <col
                                                            style="width: 15%">
                                                        <col
                                                            style="width: 35%">
                                                    </colgroup>
                                                    <tr>
                                                        <th>중증도분류</th>
                                                        <td><input
                                                            type="text"
                                                            class="form-control form-control-sm"
                                                            name=""
                                                            placeholder="하">
                                                        </td>
                                                        <th>산소포화도</th>
                                                        <td><input
                                                            type="text"
                                                            class="form-control form-control-sm"
                                                            name=""
                                                            placeholder="90%">
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th>흉부 X선
                                                            결과</th>
                                                        <td colspan="3">
                                                            <label
                                                            class="form-check form-check-inline">
                                                                <input
                                                                class="form-check-input"
                                                                type="checkbox"
                                                                value="option1"
                                                                checked="">
                                                                <span
                                                                class="form-check-label">
                                                                    정상 </span>
                                                        </label> <label
                                                            class="form-check form-check-inline">
                                                                <input
                                                                class="form-check-input"
                                                                type="checkbox"
                                                                value="option1">
                                                                <span
                                                                class="form-check-label">
                                                                    폐렴 </span>
                                                        </label> <label
                                                            class="form-check form-check-inline">
                                                                <input
                                                                class="form-check-input"
                                                                type="checkbox"
                                                                value="option1">
                                                                <span
                                                                class="form-check-label">
                                                                    기타 (
                                                                    <input
                                                                    type="text"
                                                                    class="form-control form-control-sm w150"
                                                                    name="">
                                                                    )
                                                            </span>
                                                        </label>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>상태 및 특이사항</th>
                                            <td colspan="3">
                                                <div class="form-row">
                                                    <div class="col-10">
                                                        <textarea
                                                            name=""
                                                            class="form-control"></textarea>
                                                    </div>
                                                    <div class="col-2">
                                                        000/1000 byte</div>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                    <div class="row mt-3">
                                        <div class="col-12">
                                            <div class="text-right">
                                                <button
                                                    class="btn btn-outline-primary w100"
                                                    onclick="history.go(-1);">취소</button>
                                                <button
                                                    class="btn btn-primary w100"
                                                    onclic="location.href='./info';">저장</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 환자관리 : 신규환자 등록 END -->
                </div>
            </main>

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