<%@ 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">
			<div class="panel info_box">
				<div class="panel-heading">
				
					<div class="row">
					  <div class="col-xs-5">
						<input class="form-control" type="text" id="name" placeholder="환자번호" value="19886701">
					  </div>
					  <div class="col-xs-7">
						<h2>김길동
						<button type="button" class="btn btn-blood">B+</button></h2>
					  </div>
					</div>
				</div>
				 <div class="panel-body">
					<p class="align-middle">M/50 1969-12-15 
					<span class="glyphicon ico ico_m align-middle" aria-hidden="true"></span>
					<span class="glyphicon ico ico_a align-middle" aria-hidden="true"></span>
					</p>
					<div class="in_date"><strong>투약일자</strong>  
						<a href="#" class="btn"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span></a> 
						2020-01-08 
						<a href="#" class="btn"><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span></a>
						<span class="text-muted px-1">|</span> <strong>시간변경</strong> 
						 <div class="in_time">
							<select class="form-control ">
								  <option>8시</option>
								  <option>9시</option>
							</select>
						</div></div>
					<p><strong>실시부서</strong> : 중환자실(ICU) <span class="text-muted px-1">|</span>  실시자명 (사번)</p>
				 </div>
			</div>
			<div class="row">
			  <div class="col-xs-6 px-1">
				<button type="button" class="btn btn-primary btn-block btn-lg" data-toggle="modal" data-target="#Modal01">조회</button>
			  </div>
			  <div class="col-xs-6 px-1">
				<button type="button" class="btn btn-councel btn-block btn-lg" data-toggle="modal" data-target="#Modal02">실시</button>
			  </div>
			</div>
		</div>		
	</div>	
	<div class="line medi"></div>
	<div id="con">
		<ul class="list-group">
		  <li class="list-group-item">
			<div class="row">
			  <div class="col-xs-3">
				<p><span class="glyphicon glyphicon-time" aria-hidden="true"></span>
				07:00</p>
				<p><strong class="text-color1">DFNSC</strong></p>
				<p>주사</p>
			  </div>
			  <div class="col-xs-7">
				<p>Peniramin inj(항히스타민제,고주의약물) [4 mg/A]</p>
				<p><strong class="text-color1">8mg</strong> <span class="text-muted px-1">|</span> #2 <span class="text-muted px-1">|</span> IV</p>
			  </div>
			  <div class="col-xs-2 text-color1">
				<strong>2V</strong>
			  </div>		
			</div>
		   </li>
		   <li class="list-group-item">
			<div class="row">
			  <div class="col-xs-3">
				<p><span class="glyphicon glyphicon-time" aria-hidden="true"></span>
				12:00</p>
				<p><strong class="text-color1">DFNSC</strong></p>
				<p>주사</p>
			  </div>
			  <div class="col-xs-7">
				<p>Peniramin inj(항히스타민제,고주의약물) [4 mg/A]</p>
				<p><strong class="text-color1">8mg</strong> <span class="text-muted px-1">|</span> #2 <span class="text-muted px-1">|</span> IV</p>
			  </div>
			  <div class="col-xs-2 text-color1">
				<strong>2V</strong>
			  </div>		
			</div>
		   </li>
		   <li class="list-group-item">
			<div class="row">
			  <div class="col-xs-3">
				<p><span class="glyphicon glyphicon-time" aria-hidden="true"></span>
				09:00</p>
				<p><strong class="text-color1">ABCDE</strong></p>
				<p>경구</p>
			  </div>
			  <div class="col-xs-7">
				<p>Nopin Inj  [4 mg/A]</p>
				<p><strong class="text-color1">8mg</strong> <span class="text-muted px-1">|</span> #1 <span class="text-muted px-1">|</span> IV</p>
			  </div>
			  <div class="col-xs-2 text-color1">
				<strong>2V</strong>
			  </div>		
			</div>
		   </li>
		   <li class="list-group-item">
			<div class="row">
			  <div class="col-xs-3">
				<p><span class="glyphicon glyphicon-time" aria-hidden="true"></span>
				13:00</p>
				<p><strong class="text-color1">QWERT</strong></p>
				<p>수액</p>
			  </div>
			  <div class="col-xs-7">
				<p>NS 중외 inj [100 ml/Bag]</p>
				<p><strong class="text-color1">100ml</strong> <span class="text-muted px-1">|</span> #1 <span class="text-muted px-1">|</span> IV</p>
			  </div>
			  <div class="col-xs-2 text-color1">
				<strong>1Bag</strong>
			  </div>		
			</div>
		   </li>
		</ul>
	</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>
      </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>

<div class="modal basic" tabindex="-1" role="dialog" id="Modal02">
  <div class="modal-dialog" role="document">
    <div class="modal-content">      
      <div class="modal-body text-center align-middle">
         <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">
 $(document).ready(function () {
	 $('.list-group .list-group-item').on('click', function () {
		$(this).toggleClass('active');
	});
 });
 </script>

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