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

<div class="modal step" tabindex="-1" role="dialog" id="step3">
  <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" -->
        <div class="btn_close float-right"><button type="button" class="p-0 btn-lg">
          <span aria-hidden="true">&times;</span>
        </button></div>
      </div>
      <div class="modal-body p-0">
		<div class="info_box">			
			<h2 class="h2PatientInfo">
				<span class="blood">B+</span>
			</h2>			  
			<p class="align-middle patientSexNAge"> 
			<!-- 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 -->
			<p class="userInfo"></p>
		</div>
		<div class="text-center"><span class="date">처리일시 : </span></div>
       <div class="list">
			<h4 class="text-center pt-4">STEP 01 활력징후 측정(수혈전)</h4>
			<div class="step_process pt-4 pl-5">
				<div class="row w-75 ml-4" >
				   <!-- div class="col-xs-2 text-center w-25"><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-33"><span class="badge">1</span></div>
				   <div class="col-xs-2 text-center w-33"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></div>
				   <div class="col-xs-2 text-center w-33"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></div>
				</div>
			</div>
			<div class="sub_title pl-2">
			  <span class="pl-2 pr-2">의료진</span>
			</div>
			
			
			<div id="inputDoctor" class="info_box2 mt-4">
			    <div class="row">
			    <div class="col-xs-5" style="margin-bottom: 8px;">
			        <input class="form-control" type="number" id="nfcDoctorId1" max="999999" maxlength="6" oninput="maxLengthCheck(this)" placeholder="시작 간호사">
			    </div>
			    <div id="nfcDoctorName1" style="float: left; margin-right: 10px"></div>
			    <div>
			        <button type="button" class="s-close" id="delFirstDoctor"><span aria-hidden="true">×</span></button>
			    </div>
			    </div>
			    <div class="row">
			    <div class="col-xs-5">
			        <input class="form-control" type="number" id="nfcDoctorId2" max="999999" maxlength="6" oninput="maxLengthCheck(this)" placeholder="확인 간호사">
			    </div>
			    <div id="nfcDoctorName2" style="float: left; margin-right: 10px"></div>
			    <div>
			        <button type="button" class="s-close" id="delSecondDoctor"><span aria-hidden="true">×</span></button>
			    </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="heading2">
				  <h2>
					<button class="btn btn-block bt-lg" type="button" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
						<div class="row" >
						   <!-- <div class="col-xs-1">번호</div> -->
						   <div class="col-xs-4"></div>
						   <!-- <div class="col-xs-1">제제</div> -->
						   <div class="col-xs-8"><span class="badge"></span></div>
						</div>
					</button>
				  </h2>
				</div>
				<div id="collapse2" class="collapse pl-4" aria-labelledby="heading2">
				  <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="sub_title pt-4 pl-2">
			  <span class="pl-2 pr-2">활력징후 (수혈전)</span>
			</div>

			<div class="pre-scrollable pt-4 info_box2">
				<ul class="list-group">
				  <li class="list-group-item ">
					<div class="row">
					  <div class="col-xs-3 pt-1"><img src="../../resources/css/images/mobile_poc/ico_trans1.png" class="img2 pt-2"> 맥박</div>
					  <div class="col-xs-5  text-right">
						<input class="form-control text-right blood" type="number" id="inputPulse" placeholder="맥박" value="">
					  </div>
					  <div class="col-xs-3 text-right text-muted pt-1">
						회/min
            </div>
            <div class="col-xs-1">
              <button type="button" class="s-close" id="bfPulseDel"><span aria-hidden="true">×</span></button>
            </div>
					</div>	
					</li>
					<li class="list-group-item ">
						<div class="row">
						  <div class="col-xs-3 pt-1"><img src="../../resources/css/images/mobile_poc/ico_trans2.png" class="img2 pt-2"> 호흡</div>
						  <div class="col-xs-5  text-right">
							<input class="form-control text-right blood" type="number" id="inputRespiration" placeholder="호흡" value="">
						  </div>
						  <div class="col-xs-3 text-right text-muted pt-1">
							회/min
              </div>
              <div class="col-xs-1">
                <button type="button" class="s-close" id="bfRespirationDel"><span aria-hidden="true">×</span></button>
              </div>
						</div>	
					</li>
					<li class="list-group-item ">
						<div class="row">
						  <div class="col-xs-3 pt-1"><img src="../../resources/css/images/mobile_poc/ico_trans3.png" class="img2 pt-2"> 체온</div>
						  <div class="col-xs-5  text-right">
							<input class="form-control text-center w-52 blood" type="number" id="inputTemperature" maxlength="2" oninput="maxLengthCheck(this)" placeholder="" value="" style="display:inline-block">
							.
							<input class="form-control text-center w-38 blood" type="number" id="inputTemperatureSub" maxlength="1" oninput="maxLengthCheck(this)" placeholder="" value="" style="display:inline-block">
						  </div>
						  <div class="col-xs-3 text-right text-muted pt-1">
							˚C
              </div>
              <div class="col-xs-1">
                <button type="button" class="s-close" id="bfTempDel"><span aria-hidden="true">×</span></button>
              </div>
						</div>	
					</li>
					<li class="list-group-item ">
						<div class="row">
						  <div class="col-xs-3 pt-1"><img src="../../resources/css/images/mobile_poc/ico_trans4.png" class="img2 pt-2"> SBP</div>
						  <div class="col-xs-5  text-right">
							<input class="form-control text-right blood" type="number" id="inputSbp" placeholder="" value="">
						  </div>
						  <div class="col-xs-3 text-right text-muted pt-1">
							mmHg
              </div>
              <div class="col-xs-1">
                <button type="button" class="s-close" id="bfSbpDel"><span aria-hidden="true">×</span></button>
              </div>
						</div>	
					</li>
					<li class="list-group-item ">
						<div class="row">
						  <div class="col-xs-3 pt-1"><img src="../../resources/css/images/mobile_poc/ico_trans5.png" class="img2 pt-2"> DBP</div>
						  <div class="col-xs-5  text-right">
							<input class="form-control text-right blood" type="number" id="inputDbp" placeholder="" value="">
						  </div>
						  <div class="col-xs-3 text-right text-muted pt-1">
							mmHg
              </div>
              <div class="col-xs-1">
                <button type="button" class="s-close" id="bfDbpDel"><span aria-hidden="true">×</span></button>
              </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="save3" data-role="step4">저장</button>
      </div>
    </div>
  </div>
</div>

