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

<div class="modal step" tabindex="-1" role="dialog" id="step4" 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="patientInfo2">19886701 김길동
				<span class="blood">B+</span>
			</h2>			  
			<p class="align-middle" id="patientSexAge2">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 02 활력징후 측정(15분후)</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-25"><span class="badge">3</span></div -->
				   <!-- div class="col-xs-2 text-center w-20"><span class="badge">4</span></div -->
				   <div class="col-xs-2 text-center w-25"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></div>
				</div>
			</div>
			<div class="info_box2 time_box">
			  <p id="executionDtTm">시작 : 2019-10-22 13:00</p>
			  <p id= "executionDtTm2" class="blood">15분 : 2019-10-22 13:00</p>
			</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="heading4">
				  <h2>
					<button class="btn btn-block bt-lg" type="button" data-toggle="collapse" data-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
						<div class="row" >
						   <!-- <div class="col-xs-1">번호</div> -->
						   <div class="col-xs-4">2019902704</div>
						   <!-- <div class="col-xs-1">제제</div> -->
						   <div class="col-xs-8">04064 <span class="badge">+1</span></div>
						</div>
					</button>
				  </h2>
				</div>
				<div id="collapse4" class="collapse pl-4" aria-labelledby="heading4">
				  <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">활력징후 (수혈15분 후)</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="inputPulse2" 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="15PulseDel"><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="inputRespiration2" 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="15RespirationDel"><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="inputTemperature2" maxlength="2" oninput="maxLengthCheck(this)" placeholder="" value="" style="display:inline-block">
							.
							<input class="form-control text-center w-38 blood" type="number" id="inputTemperatureSub2" 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="15TempDel"><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="inputSbp2" 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="15SbpDel"><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="inputDbp2" 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="15DbpDel"><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="sideEffectYn" type="hidden" value="" / -->
			  <label id="sideEffectEmpty" class="btn btn-dark active w-50">
				<input type="radio" name="options" id="option1" checked> 없음
			  </label>
			  <label class="btn btn-outline-check w-50 sideEffect">
				<input type="radio" name="options" id="option2"> 있음
			  </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="raY1" >
            <label for="raY1">Y</label>
            <input type="radio" name="radio1" id="raN1" class="ml-5" checked>
            <label for="raN1">N</label>
          </div>
        </div>

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

        <div id="reasonEtcDiv" 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="reasonEtc">
          </div>
        </div>
      </div>
		 </div>
      </div>
	   <div class="modal-footer text-center p-0">
        <button type="button" class="btn btn-ok btn-block btn-lg" id="save4" data-role="step5">저장</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_pop">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div id="sideEffectPop" class="modal-body pt-4 pb-4">
        <!-- div class="select_ico row mb-1">
			<div class="col-xs-2 text-right">
				<input type="checkbox" autocomplete="off" id="p1">
				<div class="group ">
				  <label class="btn btn-check icon mt-0" for="p1">
					<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
				  </label>
				  <label class="btn btn-outline-check icon mt-0" for="p1">
					 <span class="glyphicon " aria-hidden="true"></span>
				  </label>
				</div>
			</div>
			<div class="col-xs-10">				
			Fever/chill
			</div>
		 </div>
		 <div class="select_ico row mb-1">
			<div class="col-xs-2 text-right">
				<input type="checkbox" autocomplete="off" id="p2">
				<div class="group ">
				  <label class="btn btn-check icon mt-0" for="p2">
					<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
				  </label>
				  <label class="btn btn-outline-check icon mt-0" for="p2">
					 <span class="glyphicon " aria-hidden="true"></span>
				  </label>
				</div>
			</div>
			<div class="col-xs-10">				
			Dyspnea
			</div>
		 </div>
		 <div class="select_ico row mb-1">
			<div class="col-xs-2 text-right">
				<input type="checkbox" autocomplete="off" id="p3">
				<div class="group ">
				  <label class="btn btn-check icon mt-0" for="p3">
					<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
				  </label>
				  <label class="btn btn-outline-check icon mt-0" for="p3">
					 <span class="glyphicon " aria-hidden="true"></span>
				  </label>
				</div>
			</div>
			<div class="col-xs-10">				
			Nausea & vomiting

			</div>
		 </div>
		 <div class="select_ico row mb-1">
			<div class="col-xs-2 text-right">
				<input type="checkbox" autocomplete="off" id="p4">
				<div class="group ">
				  <label class="btn btn-check icon mt-0" for="p4">
					<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
				  </label>
				  <label class="btn btn-outline-check icon mt-0" for="p4">
					 <span class="glyphicon " aria-hidden="true"></span>
				  </label>
				</div>
			</div>
			<div class="col-xs-10">				
			shock
			</div>
		 </div>
		 <div class="select_ico row mb-1">
			<div class="col-xs-2 text-right">
				<input type="checkbox" autocomplete="off" id="p5">
				<div class="group ">
				  <label class="btn btn-check icon mt-0 etc" for="p5">
					<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
				  </label>
				  <label class="btn btn-outline-check icon mt-0" for="p5">
					 <span class="glyphicon " aria-hidden="true"></span>
				  </label>
				</div>
			</div>
			<div class="col-xs-10">				
				 기타
				 <input id="inputEtc" type="text" class="form-control w-75 etc_text" disabled>
			</div>
		 </div -->
      </div>
       <div class="modal-footer text-center row">
        <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="sideEffectButton" type="button" class="btn btn-ok btn-block btn-lg" data-dismiss="modal">확인</button>
		</div>
		<!-- <div class="col-xs-6">
			<button id="transfusionStop" type="button" class="btn btn-check btn-block btn-lg">수혈중단</button>
		</div> -->
      </div>
    </div>
  </div>
</div>