<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<div class="modal step" tabindex="-1" role="dialog" id="step2">
  <div class="modal-dialog" role="document">
    <div class="modal-content">      
	  <div class="modal-header">
		<h3 class="modal-title text-center">수혈확인처리</h3>
        <div class="btn_close float-right"><button type="button" class="p-0 btn-lg" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button></div>
      </div>
      <div class="modal-body p-0">
		<div class="info_box">			
			<h2><!-- 19886701 김길동 -->
				<span class="blood"><!-- B+ --></span>
			</h2>			  
			<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>
			<!-- p><strong>실시부서</strong> : 중환자실(ICU) <span class="px-1">|</span>  실시자명 (사번)</p> -->
		</div>
		<div class="text-center"><span class="date">처리일시 : <!-- span>2019-10-22 13:00</span --></span></div>
       <div class="list">
			<h4 class="text-center pt-4">STEP 02 수혈안내동의</h4>
			<div class="step_process pt-4 pl-5">
				<div class="row w-75 ml-4" >
				   <div class="col-xs-2 text-center w-20"><span class="badge">1</span></div>
				   <div class="col-xs-2 text-center w-20"><span class="badge">2</span></div>
				   <div class="col-xs-2 text-center w-20"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></div>
				   <div class="col-xs-2 text-center w-20"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></div>
				   <div class="col-xs-2 text-center w-20"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></div>
				</div>
			</div>
			<div class="sub_title pt-4 pl-2">
			  <span class="pl-2 pr-2">혈액정보</span>
			</div>
			<div class="info_box2 mt-4">
			   <div class="card-header" id="headingOne">
				  <h2>
					<button class="btn btn-block bt-lg" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
						<div class="row" >
						   <div class="col-xs-2">번호</div>
						   <div class="col-xs-4">2019902704</div>
						   <div class="col-xs-2">제제</div>
						   <div class="col-xs-4">04064 <span class="badge">+1</span></div>
						</div>
					</button>
				  </h2>
				</div>
				<div id="collapseOne" class="collapse pl-4" aria-labelledby="headingOne">
				  <div class="row" >
					   <div class="col-xs-2">번호</div>
					   <div class="col-xs-4">2019902704</div>
					   <div class="col-xs-2">제제</div>
					   <div class="col-xs-4">04064 </div>
					</div>
				</div>
			</div>
		</div>			     
		 <div class="line mt-0"></div>
		 <div class="list pt-0 br-0">
			<div class="pre-scrollable pt-4">
				<ul class="list-group">
				  <li class="list-group-item ">
					<div class="row">
					  <div class="col-xs-10">학습 장애 요인 안내</div>
					  <div class="col-xs-2  text-right select_ico">
						<input type="checkbox" autocomplete="off" checked id="aa">
						<div class="group ">
						  <label class="btn btn-check icon mt-0" for="aa"> 
							<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
						  </label>
						  <label class="btn btn-outline-check icon mt-0" for="aa">
							 <span class="glyphicon " aria-hidden="true"></span>
						  </label>
						</div>
					  </div>

					</div>	
					</li>
					<li class="list-group-item ">
						<div class="row">
						  <div class="col-xs-10">교육 내용 (수혈) 안내
							 <p>부작용 (두통, 발열, 오한, 두드러기, 소양감, 가슴답답함, 호흡곤란 등)</p></div>
						  <div class="col-xs-2   text-right select_ico">
							<input type="checkbox" autocomplete="off" checked id="bb">
							<div class="group ">
							  <label class="btn btn-check icon mt-0" for="bb">
								<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
							  </label>
							  <label class="btn btn-outline-check icon mt-0" for="bb">
								 <span class="glyphicon " aria-hidden="true"></span>
							  </label>
							</div>
						  </div>
						</div>	
					</li>
					<li class="list-group-item ">
						<div class="row">
						  <div class="col-xs-10">교육 내용 (수혈) 안내
							 <p>수혈목적 (혈소판 보충 등)</p></div>
						  <div class="col-xs-2   text-right select_ico">
							<input type="checkbox" autocomplete="off" id="cc">
							<div class="group ">
							  <label class="btn btn-check icon mt-0" for="cc">
								<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
							  </label>
							  <label class="btn btn-outline-check icon mt-0" for="cc">
								 <span class="glyphicon " aria-hidden="true"></span>
							  </label>
							</div>
						  </div>
						</div>	
					</li>
					<li class="list-group-item ">
						<div class="row">
						  <div class="col-xs-10">교육 방법 설명</div>
						  <div class="col-xs-2   text-right select_ico">
							<input type="checkbox" autocomplete="off" id="dd">
							<div class="group ">
							  <label class="btn btn-check icon mt-0" for="dd">
								<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
							  </label>
							  <label class="btn btn-outline-check icon mt-0" for="dd">
								 <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 pt-2">대상확인</div>
						  <div class="col-xs-4 text-right pt-2">환자 본인</div>
						  <div class="col-xs-2  text-right select_ico">
							<input type="checkbox" autocomplete="off" id="ee">
							<div class="group ">
							  <label class="btn btn-check icon mt-0" for="ee">
								<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
							  </label>
							  <label class="btn btn-outline-check icon mt-0" for="ee">
								 <span class="glyphicon " aria-hidden="true"></span>
							  </label>
							</div>
						  </div>
						</div>	
						<div class="row">
						  <div class="col-xs-6"></div>
						  <div class="col-xs-4 text-right pt-2">보호자</div>
						  <div class="col-xs-2  text-right select_ico">
							<input type="checkbox" autocomplete="off" id="cc">
							<div class="group ">
							  <label class="btn btn-check icon mt-1" for="cc">
								<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
							  </label>
							  <label class="btn btn-outline-check icon mt-1" for="cc">
								 <span class="glyphicon " aria-hidden="true"></span>
							  </label>
							</div>
						  </div>
						</div>	
					</li>
					<li class="list-group-item ">
						<div class="row">
						  <div class="col-xs-10">교육안내 확인(이해함)</div>
						  <div class="col-xs-2   text-right select_ico">
							<input type="checkbox" autocomplete="off" id="cc">
							<div class="group ">
							  <label class="btn btn-check icon mt-0" for="cc">
								<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
							  </label>
							  <label class="btn btn-outline-check icon mt-0" for="cc">
								 <span class="glyphicon " aria-hidden="true"></span>
							  </label>
							</div>
						  </div>
						</div>	
					</li>
				</ul>
			</div>
		 </div>
      </div>
	   <div class="modal-footer text-center p-0">
        <button type="button" class="btn btn-ok btn-block btn-lg"  id="save2" data-role="step3">저장 후 다음단계</button>
      </div>
    </div>
  </div>
</div>

