<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags"%>

<!-- Page Content  -->
<div id="divContent" style="display: block;">
    <div class="container-fluid container">
        <div class="fixed_navi_wrap main">
            <div class="navigation">
                <h1>IVF</h1>
                <div class="navi_menu_wrap">
                    <button type="button" name="leftMenuOpen" class="left_menu_btn main">
                        <i>기본메뉴</i>
                    </button>
                    <button type="button" name="rightMenuOpen" class="right_menu_btn main poc-demo">
                        <i>닥터메뉴</i>
                    </button>
                </div>
                <!--end::class::navi_menu_wrap-->
            </div>
            <!--end::class::navigation-->
        </div>

        <div id="divCondition" class="main_fixed_wrap">
            <div class="collapse2 show" style="height: 205px;">
                <div class="select_toggle" style="padding: 8px 16px 4px 16px;">
                    <div class="row">
                        <div class="col-xs-6">
                            <input type="text" id="txtInfusionPatientSearchTxt" placeholder="환자번호">
                        </div>
                        <div class="col-xs-3">
                            <button type="button" name="button" class="btn btn-primary" id="btnBarcodeSearch" style="color: #ffffff;background: #0067a1;text-align: center;">
                                <span style="color:white;">바코드</span>
                            </button>
                        </div>
                        <div class="col-xs-3">
                            <button type="button" name="button" class="btn btn-primary" id="btnInfusionSearch" style="color: #ffffff;background: #0067a1;text-align: center;">
                                <span style="color:white;">검색</span>
                            </button>
                        </div>
                        <!--
                        <div class="col-xs-3 col-sm-3">
                            <select id="sltOppatientOperationRoomCd">
                                <option value="">수술방</option>
                            </select>
                        </div>
                         -->
                    </div>
                    <div class="row">
                        <div class="col-xs-6">
                            <input type="text" id="txtInfusionNumberSearchTxt" placeholder="투약번호">
                        </div>
                        <div class="col-xs-3">
                            <button type="button" name="button" class="btn btn-primary" id="btnBarcodeSearchSelect" style="color: #ffffff;background: #0067a1;text-align: center;">
                                <span style="color:white;">선택</span>
                            </button>
                        </div>
                        <div class="col-xs-3">
                            <button type="button" name="button" class="btn btn-primary" id="btnInfusionBarcodeSearch" style="color: #ffffff;background: #0067a1;text-align: center;">
                                <span style="color:white;">바코드</span>
                            </button>
                        </div>
                    </div>
                    <!--
					<div class="row">
						<div class="col-xs-6 col-sm-6">
							<select id="sltOppatientOperationStatCd">
								<option value="">진행상태</option>
							</select>
						</div>
						<div class="col-xs-6 col-sm-6">
							<div class="custom-control custom-checkbox shinhan">
								<input type="checkbox" id="chkOpatientIsLocalAnesthesia" name="chkOpatientIsLocalAnesthesia" class="custom-control-input"> <label class="cst-control-label" for="chkOpatientIsLocalAnesthesia"> 로컬마취제외<span></span></label>
							</div>
						</div>
					</div>
					-->

                    <div class="chart-view-top" style="margin: 10px 0px 10px 0px; padding: 5px 15px 10px 15px;">
                        <div class="row">
                            <div class="col-xs-12">
                                <p class="patient-name">
                                    <span class="modal-patient-name">김길동01</span>
                                    (<span class="modal-patient-id">patientId01</span>)
                                </p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12">
                                <div class="col-xs-6">
                                    <p class="patient-info"  style="padding-top: 5px;">
                                        <span>나이/성별</span> <span class="modal-patient-age-gender" style="padding-top: 10px;">20 / M</span>
                                    </p>
                                </div>
                                <div class="col-xs-6">
                                    <p class="patient-info" style="padding-top: 5px;">
                                        <span>진료</span> <span class="modal-patient-treat-cls" style="padding-top: 10px;">입원</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--
			<div class="dropdown">
				<button type="button" name="button" class="reset" id="btnOppatientReset">초기화</button>
				<button type="button" name="button" class="dropdown_btn">
					<strong>접기</strong>
				</button>
				<button type="button" name="button" class="submit" id="btnOppatientSearch">조회</button>
			</div>
			-->

            <div id="divResultHeader" class="chart-info">
                <div class="chart-title well">
                    <div class="row">
                        <div class="col-xs-12">
                            <div id="divResultHeaderColumn1" class="col-xs-2 text-center">처방일자<span id="spanSortColumn1"></span></div>
                            <div id="divResultHeaderColumn2" class="col-xs-1 text-center">분류<span id="spanSortColumn2"></span></div>
                            <div id="divResultHeaderColumn3" class="col-xs-1 text-center">번호<span id="spanSortColumn3"></span></div>
                            <div id="divResultHeaderColumn4" class="col-xs-1 text-center">차수<span id="spanSortColumn4"></span></div>
                            <div id="divResultHeaderColumn5" class="col-xs-7 text-center">처방내역<span id="spanSortColumn5"></span></div>
                            <!--<div id="divResultHeaderColumn6" class="col-xs-6 text-center"><span id="spanSortColumn6"></span></div>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="divResultRows" class="chart-info2 list" style="padding: 310px 16px 16px 16px;">
            <div class="row text-center" style="line-height: 60px; vertical-align: middle;font-size: 20px;font-weight: bold;"> 환자 바코드를 스캔해주세요. </div>
            <div style="height: 55vh;"></div>

            <%-- <div class="chart-content well same-name">
                <div class="row patient-row" patientno="0" patientid="patientId01" patientnm="김길동01" age="20" gender="M" treatcls="I" receiptNo="0000">
                    <div class="col-xs-12 col-sm-6 col-lg-6">
                        <div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">patientId01</div>
                        <div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">김길동01</div>
                        <div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">병동1/01/01</div>
                        <div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">20/M</div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-lg-6">
                        <div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">진료과1/홍길동</div>
                        <div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">홍길동01</div>
                        <div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">2018-07-01</div>
                        <div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">2001-01-01</div>
                    </div>
                </div>
            </div>
            <div class="chart-content well same-name">
                <div class="row patient-row" patientno="0" patientid="patientId01" patientnm="김길동01" age="20" gender="M" treatcls="I" receiptNo="0000">
                    <div class="col-xs-12 col-sm-6 col-lg-6">
                        <div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">patientId01</div>
                        <div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">김길동01</div>
                        <div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">병동1/01/01</div>
                        <div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">20/M</div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-lg-6">
                        <div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">진료과1/홍길동</div>
                        <div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">홍길동01</div>
                        <div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">2018-07-01</div>
                        <div class="col-xs-3 col-sm-3 col-lg-3 text-center" style="padding:0px;">2001-01-01</div>
                    </div>
                </div>
            </div>
            <div class="chart-content well same-name">
                <a href="#">
                    <div class="row">
                        <div class="col-xs-3 text-center p-info-01">
                            <p>M20181119</p>
                            <p>이지은</p>
                        </div>
                        <div class="col-xs-3  text-center p-info-02">
                            <p class="text-truncate">소아청소년(PS)</p>
                            <p>김유겸</p>
                        </div>
                        <div class="col-xs-3  text-center p-info-03">
                            <p class="restart">재진</p>
                            <p>10.03 17:00</p>
                        </div>
                        <div class="col-xs-3  text-center p-info-04">
                            <p>
                                <span>36</span> / <span>여</span>
                            </p>
                            <p>871015</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="chart-content well same-name">
                <a href="#">
                    <div class="row">
                        <div class="col-xs-3 text-center p-info-01">
                            <p>M20181119</p>
                            <p>이지은</p>
                        </div>
                        <div class="col-xs-3  text-center p-info-02">
                            <p class="text-truncate">소아기내과(PS)</p>
                            <p>전덕우</p>
                        </div>
                        <div class="col-xs-3  text-center p-info-03">
                            <p class="start">초진</p>
                            <p>10.04 11:00</p>
                        </div>
                        <div class="col  text-center p-info-04">
                            <p>
                                <span>23</span> / <span>여</span>
                            </p>
                            <p>930123</p>
                        </div>
                    </div>
                </a>
            </div> --%>

        </div>

    </div>
    <!--
    <div class="col-xs-12" style="height:50px;width:100%;position:fixed;left:0;bottom:0;">
        <div class="col-xs-10">
        </div>
        <div class="col-xs-2" style="padding:0px 0px 0px 0px;">
            <button type="button" name="button" class="btn btn-primary" id="btnInputInfusionAct" style="width:100%; color: #ffffff;background: #0067a1;text-align: center;">
                <span style="color:white;">실시</span>
            </button>
        </div>
    </div>
    -->
</div>


<!-- 투약실시 -->
<div class="modal fade-scale" id="mplusAlertInfusionAction" tabindex="-1" role="dialog" style="display: none; z-index: 1051;">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="firstViewCheckModalLabel">IVF실시</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div>
                <div class="chart-title well">
                    <table style="width: 100%; margin: 5px; border: 1px solid #444444;">
                        <thead>
                        <tr class="exam-header">
                            <th class="text-center" style="width:30%; border: 1px solid #444444;padding: 5px;">수액처리</th>
                            <th class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <label class="radio-inline"><input type="radio" id="radioInfusionAct1" class="custom-control custom-radio" name="radioInfusion" checked>수액처리</label>
                                <label class="radio-inline"><input type="radio" id="radioInfusionAct2" class="custom-control custom-radio" name="radioInfusion">수액미처리</label>
                            </th>
                        </tr>
                        </thead>
                    </table>
                    <table style="width: 100%;  margin: 5px; border: 1px solid #444444;">
                        <thead>
                        <tr class="exam-header">
                            <th class="text-center" style="width:30%; border: 1px solid #444444;padding: 5px;">수액번호</th>
                            <th class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <div id="infusionActionNum">
                                </div>
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">투약일</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <input type="date" id="dateInfusionActionDate" class="form-control">
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">투약시간</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <input type="time" id="dateInfusionActionTime" class="form-control">
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">투약용량</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <input id="sliderCapacity" data-slider-id="sliderCapacity" type="text" data-slider-min="0" data-slider-max="200" data-slider-step="1" data-slider-tooltip="hide" style="width:70%;"/>
                                <input type="text" id="txtInfusionSize" maxlength="3" style="width:20%;"/>
                                <label>cc</label>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <table style="width: 100%; margin: 5px; border: 1px solid #444444;">
                        <tbody>
                        <tr>
                            <td class="text-center" style="width:30%;border: 1px solid #444444;padding: 5px;">종료일</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <input type="date" id="dateInfusionEndDate" class="form-control">
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">종료시간</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <input type="time" id="dateInfusionEndTime" class="form-control">
                            </td>
                        </tr>
                        <tr>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">폐기량</td>
                            <td class="text-center" style="border: 1px solid #444444;padding: 5px;">
                                <input id="sliderDisCapacity" data-slider-id="sliderDisCapacity" type="text" data-slider-min="0" data-slider-max="200" data-slider-step="1" data-slider-tooltip="hide" style="width:70%;"/>
                                <input type="text" id="txtInfusionDisSize" maxlength="3" style="width:20%;"/>
                                <label>cc</label>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <div class="col-xs-4">
                    <button type="button" name="button" class="btn btn-primary" id="btnInfusionAct" style="width:100%; color: #ffffff;background: #0067a1;text-align: center;">
                        <span style="color:white;">시작</span>
                    </btton>
                </div>
                <div class="col-xs-4">
                    <button type="button" name="button" class="btn btn-primary" id="btnInfusionEnd" style="width:100%; color: #ffffff;background: #0067a1;text-align: center;">
                        <span style="color:white;">종료</span>
                        </btton>
                </div>
                <div class="col-xs-4">
                    <button type="button" name="button" class="btn btn-primary" id="btnInfusionCancel" style="width:100%; color: #ffffff;background: #FE642E;text-align: center;">
                        <span style="color:white;">취소</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript" src="<c:url value="/resources/js/mobile/safety/infusion.js?version=" /><s:message code="mp.version"/>"></script>

<script type="text/javascript">
    $(document).ready(function () {

        //==== 페이지 기본 설정 { ====

        //==== 페이지 기본 설정 } ====

        //==== 서비스 객체 { ====
        var mplusSafetyInfusion = new mplus_safety_infusion();
        mplusSafetyInfusion.setGlobal(mplusSafetyInfusion);
        mplusSafetyInfusion.init();
        //==== 서비스 객체 } ====
    });
</script>
