<%@ 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"%>

<%-- <jsp:include page="../../../template/header.jsp" flush="false" /> --%>

<div id="wrapper">
	<div class="bg"></div>
	<header id="header" class="fixed-top">
		<div class="page-header">
		  <div class="pull-left back_btn"><a href="#" id="all_menu"><span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span></a></div>
		  <h2 class="text-center">투약정보</h2>
		</div>
	</header>
	<div class="container">
		<div class="s_box" style="width: 97% !important">
			<div class="panel info_box">
				<div class="panel-heading">
					<div class="row">
					  <div class="col-xs-4 w-30">
						<input class="form-control" type="number" id="txtPatientId" max="9999999" placeholder="환자번호">
					  </div>
					  <div class="col-xs-8 pl-0 pr-0">
						<span class="name" id="patientName">
						   환자명
						</span>
						  <!-- <button type="button" class="btn btn-blood">B+</button> -->
					  </div>
					</div>
				</div>
				 <div class="panel-body">
					<p id="patient-gender-age" style="font-size: 14px !important;" class="align-middle">환자번호</p>
					<div class="in_date"><strong style="font-size: 14px !important;">적용일자</strong>  
						<button id="dateMinus" class="btn"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span></button>
						  <span id="spanDate" style="font-size: 14px !important;">2020-01-08 </span>
						<button id="datePlus" class="btn"><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span></button>
            <!-- <span class="text-muted" style="font-size: 14px !important;">|</span>  -->
            <!-- <strong style="font-size: 13px !important;">시간변경</strong>  -->
						<!-- <div class="float-right in_time">
						  <select id="actionHour" class="form-control2 ">
                <option>8시</option>
                <option>9시</option>
              </select>
              <select id="actionMinute" class="form-control2 ">
                <option>8시</option>
                <option>9시</option>
              </select>
            </div> -->
          </div>
          <div class="in_date"><strong style="font-size: 14px !important;">투약일시</strong>  
            <span id="todayDate" style="font-size: 14px !important;">2020-01-08 </span>
            <span class="text-muted" style="font-size: 14px !important;">|</span>
              <div class="in_time">
              <select id="actionHour" class="form-control2 ">
                <option>8시</option>
                <option>9시</option>
              </select>
              <select id="actionMinute" class="form-control2 ">
                <option>8시</option>
                <option>9시</option>
              </select>
            </div>
          </div>
					<p>
					  <strong style="font-size: 14px !important;">실시부서 : </strong>
					  <span id="spanWard" style="font-size: 14px !important;">실시부서</span>
					  <span class="text-muted px-1" style="font-size: 14px !important;">|</span>
					  <span id="spanAcrionUserName" style="font-size: 14px !important;">실시자명(사번)</span>
					</p>
				 </div>
			</div>
		</div>
	</div>
	<div class="line row" style="margin-top: 3.5em !important;">
		<div class="col-xs-6 px-1">
			<button id="medicineSearchBtn" type="button" class="btn btn-primary btn-block btn-lg">조회</button>
		</div>
		<div class="col-xs-6 px-1">
			<button id="medicineActionBtn" type="button" class="btn btn-councel btn-block btn-lg">실시</button>
		</div>
	</div>
	<div id="con">
		<div id="divScanMsg" class="default text-center mt-5">
			<button type="button" class="btn btn-default btn-lg"  data-toggle="modal" data-target="#Modal01" >
			  <h3>
			    <span class="glyphicon glyphicon-barcode" aria-hidden="true">
			    </span>
			  </h3>
			</button>
			<p><h4>환자 바코드를 스캔해주세요.</h4></p>
		</div>
	</div>
</div>


<!--모달창--->
<div class="modal basic" tabindex="-1" role="dialog" id="Modal01">
  <div class="modal-dialog" role="document">
    <div class="modal-content">      
      <div class="modal-body text-center align-middle">
        <h4>투약실시 바코드가 아닙니다.</h4>
		<p>바코드를 다시 확인해주세요.</p>
		<!-- 환자번호에 대한 환자정보가 없음
		<h4>환자정보가 존재하지 않습니다.</h4>
		<p>환자정보를 다시 확인해주세요.</p>
		-->
		<!-- 환자정보 조회 전 검체코드 스캔
		<h4>환자정보가 조회되지 않았습니다.</h4>
		<p>환자번호를 조회하여 주세요.</p>
		-->
      </div>
      <div class="modal-footer text-center">
        <button type="button" class="btn btn-ok btn-block btn-lg" data-dismiss="modal" aria-label="Close">확인</button>
      </div>
    </div>
  </div>
</div>

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

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

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

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

	//==== 서비스 객체 { ====
	var mplusMedicine = new mplus_medicine();
	mplusMedicine.setGlobal(mplusMedicine);
	mplusMedicine.init();
	//==== 서비스 객체 } ====
	curPage = mplusMedicine;
});

this.barcodeCallback = function(data){
  curPage.barcodeCallback(data);
};

var curPage;
</script>

<%-- <jsp:include page="../../../template/tail.jsp" flush="false" /> --%>