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

<div class="modal step" tabindex="-1" role="dialog" id="step1">
  <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="patientIdName" class="h2PatientInfo"><!-- 19886701 김길동 -->
                <!-- span class="blood">B+</span -->
            </h2>             
            <p class="align-middle patientSexNAge"><!-- 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>
              <span id="deptCd"> : 중환자실(ICU)</span>
              <span class="px-1">|</span>
              <span id="userNameId"> 실시자명 (사번)</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-25"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></div>
                   <div class="col-xs-2 text-center w-25"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></div>
                   <div class="col-xs-2 text-center w-25"><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">
                <h4> 
                  <span id="patientIdName2"><!-- 19886701 김길동 --></span>
                  <span class="text-muted px-1">|</span>
                  <span id="patientSexNAge2"><!-- M/40 --></span>
                  <span class="text-muted px-1">|</span>
                  <span id="blood2" class="blood"><!-- O+ --></span>
                </h4>
                <p> 
                  <span id="wardInfo"><!-- 22병동/2201/01 --></span>
                  <span class="text-muted px-1">|</span>
                  <span id="inDd"><!--2019-10-22 --></span>
                </p>
                <p id="doctorInfo"><!-- 내분비내과/김닥터 (진료의) --></p>

            </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">
                <ul id="bloodListInfo" class="list-group">
                  <!-- li class="list-group-item ">
                    <div class="row">
                      <div class="col-xs-4 text-muted">혈액번호</div>
                      <div class="col-xs-8">2019902704</div>
                    </div>                  
                    <div class="row">
                      <div class="col-xs-4 text-muted">혈액제제</div>
                      <div class="col-xs-8">04064</div>
                    </div>
                    <div class="row">
                      <div class="col-xs-4 text-muted">혈액형</div>
                      <div class="col-xs-8">B+</div>
                    </div>
                    <div class="row">
                      <div class="col-xs-4 text-muted">적합검사자 </div>
                      <div class="col-xs-8">박형철</div>
                    </div>
                    </li>
                    <li class="list-group-item ">
                    <div class="row">
                      <div class="col-xs-4 text-muted">혈액번호</div>
                      <div class="col-xs-8">2019902704</div>
                    </div>                  
                    <div class="row">
                      <div class="col-xs-4 text-muted">혈액제제</div>
                      <div class="col-xs-8">04064</div>
                    </div>
                    <div class="row">
                      <div class="col-xs-4 text-muted">혈액형</div>
                      <div class="col-xs-8">B+</div>
                    </div>
                    <div class="row">
                      <div class="col-xs-4 text-muted">적합검사자 </div>
                      <div class="col-xs-8">박형철</div>
                    </div>
                    </li -->
                </ul>
            </div>
            <div class="sub_title pl-2">
              <span class="pl-2 pr-2">의료진</span>
            </div>
            <div id="inputDoctor" class="info_box2 mt-4">
                <!-- p>박간호사(12345) <button type="button" class="s-close"><span aria-hidden="true">&times;</span></button></p>
                <p>김닥터(12345) <button type="button" class="s-close"><span aria-hidden="true">&times;</span></button></p -->
              <div class="row">
                
                <div class="col-xs-5">
                  <input class="form-control" type="text" id="nfcDoctorId1" placeholder="의료진 아이디" />
                </div>
                <div id="nfcDoctorName1" style="float: left; margin-right: 10px"></div>
                <div>
                  <button type="button" class="s-close"><span aria-hidden="true">×</span></button>
                </div>
              </div>
              <div class="row">
                <div class="col-xs-5">
                  <input class="form-control" type="text" id="nfcDoctorId2" placeholder="의료진 아이디" />
                </div>
                <div id="nfcDoctorName2" style="float: left; margin-right: 10px"></div>
                <div>
                  <button type="button" class="s-close"><span aria-hidden="true">×</span></button>
                </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="save" data-role="step3">저장 후 다음단계</button>
      </div>
    </div>
  </div>
</div>

<div class="modal basic" tabindex="-1" role="dialog" id="step1_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 row">
        <div class="col-xs-6">
            <button id="step1_alert_confirm" type="button" class="btn btn-secondary btn-block btn-lg" data-dismiss="modal" aria-label="Close">취소</button>
        </div>
        <div class="col-xs-6">
            <button id="step1_alert_close" type="button" class="btn btn-ok btn-block btn-lg" data-dismiss="modal" aria-label="Close">확인</button>
        </div>
      </div>
    </div>
  </div>
</div>