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

<div class="modal step" tabindex="-1" role="dialog" id="step5" style="overflow-y: auto;">
  <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 id="patientInfo3"><!-- 19886701 김길동 -->
				<!-- span class="blood">B+</span -->
			</h2>			  
			<p id="patientSexAge3"><!-- 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 class="userInfo">
			  <!-- strong>실시부서</strong> : 중환자실(ICU) <span class="px-1">|</span>  실시자명 (사번) -->
			</p>
		</div>
		<div class="text-center"><span class="date">처리일시 : </span></div>
       <div class="list">
			<h4 class="text-center pt-4">STEP 03 활력징후 측정(수혈종료)</h4>
			<div class="step_process pt-4 pl-5">
				<div class="row w-75 ml-4" >
				   <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="badge">2</span></div>
				   <div class="col-xs-2 text-center w-33"><span class="badge">3</span></div>
				   <!-- div class="col-xs-2 text-center w-25"><span class="badge">4</span></div -->
				   <!-- div class="col-xs-2 text-center w-20"><span class="badge">5</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="heading5">
				  <h2>
					<button class="btn btn-block bt-lg" type="button" data-toggle="collapse" data-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
						<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="collapse5" class="collapse pl-4" aria-labelledby="heading5">
				  <div class="row" >
					   <!-- div class="col-xs-2">번호</div>
					   <div class="col-xs-4"></div>
					   <div class="col-xs-2">제제</div>
					   <div class="col-xs-4"></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="inputPulse3" 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="afPulseDel"><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="inputRespiration3" 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="afRespirationDel"><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="inputTemperature3" maxlength="2" oninput="maxLengthCheck(this)" placeholder="" value="" style="display:inline-block">
							.
							<input class="form-control text-center w-38 blood" type="number" id="inputTemperatureSub3" 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="afTempDel"><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="inputSbp3" 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="afSbpDel"><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="inputDbp3" 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="afDbpDel"><span aria-hidden="true">×</span></button>
              </div>
						</div>	
					</li>
				</ul>
			</div>
			<div class="sub_title pl-2">
			  <span class="pl-2 pr-2">부작용</span>
			</div>
			<div class="btn-group btn-group-toggle mt-3 btn-block" data-toggle="buttons">
			  <input id="sideEffetcValue" type="hidden" value="" />
			  <label id="sideEffectInputN" class="btn btn-dark active w-50">
				<input type="radio" name="options" /> 없음
			  </label>
			  <label id="sideEffectInputY" class="btn btn-outline-check w-50 sideEffect" >
				<input type="radio" name="options" checked /> 있음
			  </label>
      </div>
      <div class="mt-3">
        <div>
          <div class="col-xs-4">수혈중단여부</div>
          <div class="col-xs-8 radio mt-0">
            <input type="radio" name="radio1" id="raY2" >
            <label for="raY2">Y</label>
            <input type="radio" name="radio1" id="raN2" class="ml-5" checked>
            <label for="raN2">N</label>
          </div>
        </div>

        <div class="col-xs-4">수혈중단사유</div>
        <div class="col-xs-8">
          <select class="form-control" id="reasonBox2">
          </select>
        </div>

        <div id="reasonEtcDiv2" style="display: none;">
          <div class="col-xs-4 mt-2">기타사유</div>
          <div class="col-xs-8 mt-2">
            <input type="text"  class="form-control" id="reasonEtc2">
          </div>
        </div>
      </div>
		 </div>
      </div>
	  <div class="modal-footer text-center row p-0">
			<button id="saveEndNext" type="button" class="btn btn-secondary btn-block btn-lg">저장 후 수혈 종료</button>
      </div>
    </div>
  </div>
</div>



<div class="modal basic" tabindex="-1" role="dialog" id="step4_alert">
  <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="sideEffect_pop2">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div id="sideEffectFinish" class="modal-body pt-4 pb-4">
      </div>
       <div class="modal-footer text-center row" id="sideEffectPop">
        <div class="col-xs-13">
			<!-- button type="button" class="btn btn-ok btn-block btn-lg" data-dismiss="modal" aria-label="Close">확인</button -->
			    <button id="sideEffectButton2" type="button" class="btn btn-ok btn-block btn-lg">확인</button>
		    </div>
		    <!-- <div class="col-xs-6">
			button id="transfusionStop" type="button" class="btn btn-check btn-block btn-lg" data-dismiss="modal" aria-label="Close">수혈중단</button
			    <button id="transfusionStop2" type="button" class="btn btn-check btn-block btn-lg">수혈중단</button>
		    </div> -->
      </div>
    </div>
  </div>
</div>

