<%@ 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="wrapper">
	<div class="bg"></div>
	<header id="header" class="fixed-top">
		<div class="page-header">
		  <div class="pull-left back_btn">
        <a href="#">
          <span class="glyphicon glyphicon-menu-left" aria-hidden="true">
            <button type="button" name="leftMenuOpen" class="left_menu_btn main">
              <i>기본메뉴</i>
            </button>
          </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="txtBleedingPatientSearch" placeholder="환자번호">
					  </div>
					  <div class="col-xs-7">
						<h2 class="patient-name">환자명</h2>
					  </div>
					</div>
				</div>
				 <div class="panel-body">
					<p><span class="patient-gender" >성별</span><span class="text-muted px-1">/</span><span class="patient-age" >나이</span><span class="patient-birthDt" > 생년월일</span></p>
					<p><strong>실시부서</strong> <span class="dept-name">: 중환자실(ICU)</span> <span class="text-muted px-1">|</span> <span class="user-name">오재은</span> <span class="user-code"> (194999)</span></p>
				 </div>
			</div>
			<div class="row">
			  <div class="col-xs-4 px-1">
				<button type="button" class="btn btn-secondary btn-block " id="btnBleedingList" >실시조회</button>
			  </div>
			  <div class="col-xs-4 px-1">
				<button type="button" class="btn btn-secondary btn-block " id="btnCancleList" data-toggle="modal" data-target="#Modal01" >취소조회</button>
			  </div>
			  <div class="col-xs-4 px-1 ">
				<button type="button" class="btn btn-secondary btn-block " id="btnBleedingAct" >실시/취소</button>
			  </div>
			</div>
		</div>
		
	</div>	
	<div class="line"></div>
	<div id="con">
		<div class="default text-center" style="display: none;">
			<button type="button" class="btn btn-default btn-lg"><h3><span class="glyphicon glyphicon-barcode" aria-hidden="true"></span></h3></button>
			<p><h4>환자 바코드를 스캔해주세요.</h4></p>
    </div>
    <ul class="list-group">
		  <li class="list-group-item active">
			<div class="row">
			  <div class="col-xs-6">
				CBC[Whole blood]
			  </div>
			  <div class="col-xs-4 text-center">
				2019-11-21 10:21:22
			  </div>
			  <div class="col-xs-2 text-center select_ico">
				<input type="checkbox" checked autocomplete="off" id="a">
				<!--바코드선택아이콘-->
				<div class="group ">
				  <label class="btn btn-outline-barcode icon " for="a">
					<span class="glyphicon glyphicon-barcode" aria-hidden="true"></span>
				  </label>
				  <label class="btn btn-outline-barcode icon" for="a">
					 <span class="glyphicon " aria-hidden="true"></span>
				  </label>
				</div>
			  </div>
			</div></li>
		  <li class="list-group-item active">
			<div class="row">
			  <div class="col-xs-6">
				PLT Count[Whole blood]
			  </div>
			  <div class="col-xs-4 text-center">
				2019-11-21 10:21:21
			  </div>
			  <div class="col-xs-2 text-center select_ico">
				<input type="checkbox" checked autocomplete="off" id="b">
				<!--바코드선택아이콘-->
				<div class="group ">
				  <label class="btn btn-outline-barcode icon" for="b">
					<span class="glyphicon glyphicon-barcode" aria-hidden="true"></span>
				  </label>
				  <label class="btn btn-outline-barcode icon" for="b">
					 <span class="glyphicon " aria-hidden="true"></span>
				  </label>
				</div>
			  </div>
			</div></li>
		  <li class="list-group-item active">
			<div class="row">
			  <div class="col-xs-6">
				WBC Differential Count[Whole blood]
			  </div>
			  <div class="col-xs-4 text-center">
				2019-11-21 10:21:20
			  </div>
			   <div class="col-xs-2 text-center select_ico">
					<!--수동 선택아이콘-->
					<input type="checkbox" checked autocomplete="off" id="c">
					<div class="group ">
					  <label class="btn btn-check icon" for="c">
						<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
					  </label>
					  <label class="btn btn-outline-check icon" for="c">
						 <span class="glyphicon " aria-hidden="true"></span>
					  </label>
					</div>
				  </div>
			</div></li>
		  <li class="list-group-item">
			  <div class="row">
				  <div class="col-xs-6">
					CBC[Whole blood]
				  </div>
				  <div class="col-xs-4 text-center">
					2019-11-21 10:21:22
				  </div>
				  <div class="col-xs-2 text-center select_ico">
					<!--수동 선택아이콘-->
			
					<input type="checkbox" checked autocomplete="off" id="d">
					<div class="group ">
					  <label class="btn btn-check icon" for="d">
						<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
					  </label>
					  <label class="btn btn-outline-check icon" for="d">
						 <span class="glyphicon " aria-hidden="true"></span>
					  </label>
					</div>
				  </div>
				</div>
		  </li>
		  <li class="list-group-item">
        <div class="row">
          <div class="col-xs-6">
          CBC[Whole blood]
          </div>
          <div class="col-xs-4 text-center">
          2019-11-21 10:21:22
          </div>
          <div class="col-xs-2 text-center select_ico">
            <!--수동 선택아이콘-->
        
          <input type="checkbox" autocomplete="off" id="e">
          <div class="group ">
            <label class="btn btn-check icon" for="e">
            <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
            </label>
            <label class="btn btn-outline-check icon" for="e">
             <span class="glyphicon " aria-hidden="true"></span>
            </label>
          </div>
          </div>
        </div>
        </li>

        <li class="list-group-item">
          <div class="row">
            <div class="col-xs-6">
            CBC[Whole blood]
            </div>
            <div class="col-xs-4 text-center">
            2019-11-21 10:21:22
            </div>
            <div class="col-xs-2 text-center select_ico">
              <!--수동 선택아이콘-->
          
            <input type="checkbox" autocomplete="off" id="e">
            <div class="group ">
              <label class="btn btn-check icon" for="e">
              <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
              </label>
              <label class="btn btn-outline-check icon" for="e">
               <span class="glyphicon " aria-hidden="true"></span>
              </label>
            </div>
            </div>
          </div>
          </li>

          <li class="list-group-item">
            <div class="row">
              <div class="col-xs-6">
              CBC[Whole blood]
              </div>
              <div class="col-xs-4 text-center">
              2019-11-21 10:21:22
              </div>
              <div class="col-xs-2 text-center select_ico">
                <!--수동 선택아이콘-->
            
              <input type="checkbox" autocomplete="off" id="e">
              <div class="group ">
                <label class="btn btn-check icon" for="e">
                <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
                </label>
                <label class="btn btn-outline-check icon" for="e">
                 <span class="glyphicon " aria-hidden="true"></span>
                </label>
              </div>
              </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>
		<!-- 환자번호에 대한 환자정보가 없음
		<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/safety/bleeding.js?version=" /><s:message code="mp.version"/>"></script>

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

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

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

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