<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags"%>
<script type="text/javascript" src="<c:url value="/resources/js/mobile/schedule/operation.js?version=" /><s:message code="mp.version"/>"></script>

<div id="page" class="main-content">
	<div>
	  <!-- Nav tabs -->
	  <ul class="nav nav-tabs" role="tablist" id="operatingTab">
	    <li role="presentation" class="active"><a href="#tabOperating" aria-controls="tabOperating" role="tab" data-toggle="tab">수술</a></li>
	    <li role="presentation"><a href="#tabAnesthesia" aria-controls="tabAnesthesia" role="tab" data-toggle="tab">마취</a></li>
	    <li role="presentation"><a href="#tabTreatment" aria-controls="tabTreatment" role="tab" data-toggle="tab">시술</a></li>
	  </ul>
	
	  <!-- Tab panes -->
	  <div class="tab-content">
	  	<!-- 수술탭 -->
	    <div role="tabpanel" class="tab-pane active" id="tabOperating">
	    	<div class="row1 container">
				<div class="col-xs-5 pdr5 pdl5">
					<input type="date" class="form-control" id="opViewFmDt" required="required">
				</div>
				<div class="col-xs-5 pdr5 pdl5">
					<input type="date" class="form-control" id="opViewToDt" required="required">
				</div>
				<div class="col-xs-2 col-sm-2 text-right pdl0">
					<button class="btn btn-style-1 btn-sm" id="opSearchBtn">조회</button>
				</div>
			</div>
			<div class="row2 container">
				<div class="col-xs-5 pdr5 pdl5">
					<select class="form-control" id="opDepartmentCd">
						<option value="%">전체</option>
					</select>
				</div>
				<div class="col-xs-7 pd0">
					<div class="col-xs-6 pdr5 pdl5">
						<select class="form-control" id="opOperatingCntr">
							<option value="MOR">MOR</option>
						</select>
					</div>
					<div class="col-xs-6 pdl5 pdr5">
						<select class="form-control" id="opOperatingRoom">
							<option value="%">전체</option>
						</select>
					</div>
				</div>
				<!-- .row2 end -->
			</div>
			<div class="row2 container">
				<div class="col-xs-2 col-sm-2 pdr5 pdl5">
					<img src="<c:url value='/resources/css/images/mobile/member.png' />" class="total-num-icon">
					<span class="total-num letter-control" id="opTotalNumSpan">0</span>
				</div>
				<div class="col-xs-8 col-sm-8 pd0 text-center">
					<div class="checkbox3  checkbox-check checkbox-light checkbox-inline">
                        <input type="checkbox" id="opOperatingTyp1" value="1">
                        <label for="opOperatingTyp1">예정
                        </label>
                   </div>
                   <div class="checkbox3  checkbox-check checkbox-light checkbox-inline">
                        <input type="checkbox" id="opOperatingTyp2" value="2" >
                        <label for="opOperatingTyp2">진행
                        </label>
                   </div>
                   <div class="checkbox3  checkbox-check checkbox-light checkbox-inline">
                        <input type="checkbox" id="opOperatingTyp3" value="3" >
                        <label for="opOperatingTyp3">종료
                        </label>
                   </div>
                   <div class="checkbox3  checkbox-check checkbox-light checkbox-inline">
                        <input type="checkbox" id="opOperatingTypAll" value="ALL" checked>
                        <label for="opOperatingTypAll">전체
                        </label>
                   </div>
				</div>
				
				<div class="col-xs-2 col-sm-2 text-right pdl0">
					<button class="btn btn-icon sort" id="opSortOpenBtn">
					</button>
				</div>
	
			</div>
			<!-- .row2 end -->
			<div class="row3">
				<div id="operationList">
					<div class="list-header">
						<div class="list-row container">
							<span class="header col-xs-4 col-sm-2 pdr0">병동/병실/병상</span>
							<span class="header col-xs-5 col-sm-2 sort_patientNm">환자명
								<span class="sort-icon-down">▼</span>
								<span class="sort-icon-up">▲</span>
							</span>
							<span class="header col-xs-3 col-sm-2 tablet-header-ctrl">성별/나이</span>
													
							<span class="header col-xs-4 col-sm-2 pdr0">수술일</span>
							<span class="header col-xs-5 col-sm-2 sort_departmentNm">집도과
								<span class="sort-icon-down">▼</span>
								<span class="sort-icon-up">▲</span>
							</span>
							<span class="header col-xs-3 col-sm-2 tablet-header-ctrl">상태
							</span>
														
						</div>
					</div>
					<!-- 리스트 헤더 종료 -->
					<ul class="list-group" id="ulOperationList">
					</ul>
				</div>
				<!-- patientList 종료 -->
			</div>
			<!-- .row3 end -->
	    </div>
	    <!-- 수술탭  종료   -->
	    <!-- 마취탭-->
	    <div role="tabpanel" class="tab-pane" id="tabAnesthesia">
	    	<div class="row1 container">
				<div class="col-xs-5 pdr5 pdl5">
					<input type="date" class="form-control" id="anesViewFmDt" required="required">
				</div>
				<div class="col-xs-5 pdr5 pdl5">
					<input type="date" class="form-control" id="anesViewToDt" required="required">
				</div>
				<div class="col-xs-2 col-sm-2 text-right pdl0">
					<button class="btn btn-style-1 btn-sm" id="anesSearchBtn">조회</button>
				</div>
			</div>
			<div class="row2 container">
				<div class="col-xs-5 pdr5 pdl5">
					<select class="form-control" id="anesDepartmentCd">
							<option value="%">전체</option>
						</select>
				</div>
				<div class="col-xs-7 pd0">
					<div class="col-xs-6 pdr5 pdl5">
						<select class="form-control" id="anesOperatingCntr">
							<option value="MOR">MOR</option>
						</select>
					</div>
					<div class="col-xs-6 pdl5 pdr5">
						<select class="form-control" id="anesOperatingRoom">
							<option value="%">전체</option>
						</select>
					</div>
				</div>
				<!-- .row2 end -->
			</div>
			<div class="row2 container">
				<div class="col-xs-2 col-sm-2 pdr5 pdl5">
					<img src="<c:url value='/resources/css/images/mobile/member.png' />" class="total-num-icon">
					<span class="total-num letter-control" id="anesTotalNumSpan">0</span>
				</div>
				<div class="col-xs-8 col-sm-8 pd0 text-center">
					<div class="checkbox3  checkbox-check checkbox-light checkbox-inline">
                        <input type="checkbox" id="anesOperatingTyp1" value="1">
                        <label for="anesOperatingTyp1">예정
                        </label>
                   </div>
                   <div class="checkbox3  checkbox-check checkbox-light checkbox-inline">
                        <input type="checkbox" id="anesOperatingTyp2" value="2" >
                        <label for="anesOperatingTyp2">진행
                        </label>
                   </div>
                   <div class="checkbox3  checkbox-check checkbox-light checkbox-inline">
                        <input type="checkbox" id="anesOperatingTyp3" value="3" >
                        <label for="anesOperatingTyp3">종료
                        </label>
                   </div>
                   <div class="checkbox3  checkbox-check checkbox-light checkbox-inline">
                        <input type="checkbox" id="anesOperatingTypAll" value="ALL" checked>
                        <label for="anesOperatingTypAll">전체
                        </label>
                   </div>
				</div>
				<div class="col-xs-2 col-sm-2 text-right pdl0">
					<button class="btn btn-icon sort" id="anesSortOpenBtn">
					</button>
				</div>
	
			</div>
			<!-- .row2 end -->
			<div class="row3">
				<div id="operationList">
					<div class="list-header">
						<div class="list-row container">
							<span class="header col-xs-4 col-sm-2 pdr0">병동/병실/병상</span>
							<span class="header col-xs-5 col-sm-2 sort_patientNm">환자명
								<span class="sort-icon-down">▼</span>
								<span class="sort-icon-up">▲</span>
							</span>
							<span class="header col-xs-3 col-sm-2 tablet-header-ctrl">성별/나이</span>
							
							<span class="header col-xs-4 col-sm-2 pdr0">수술일</span>
							<span class="header col-xs-5 col-sm-2 sort_departmentNm">집도과
								<span class="sort-icon-down">▼</span>
								<span class="sort-icon-up">▲</span>
							</span>							
							<span class="header col-xs-3 col-sm-2 tablet-header-ctrl sort_operatingTyp">상태</span>
						</div>
					</div>
					<!-- 리스트 헤더 종료 -->
					<ul class="list-group" id="ulAnesthesiaList">
					</ul>
				</div>
				<!-- patientList 종료 -->
			</div>
			<!-- .row3 end -->		
	    </div>
	    <!-- 마취탭  종료   -->
	    <!-- 시술탭 -->
	    <div role="tabpanel" class="tab-pane" id="tabTreatment">
	    	<div class="row1 container">
				<div class="col-xs-5 pdr5 pdl5">
					<input type="date" class="form-control" id="trViewFmDt" required="required">
				</div>
				<div class="col-xs-5 pdr5 pdl5">
					<input type="date" class="form-control" id="trViewToDt" required="required">
				</div>
				<div class="col-xs-2 col-sm-2 text-right pdl0">
					<button class="btn btn-style-1 btn-sm" id="trSearchBtn">조회</button>
				</div>
			</div>
			<div class="row2 container">
				<div class="col-xs-5 pdr5 pdl5">
					<select class="form-control" id="trDepartmentCd">
						<option value="%">전체</option>
					</select>
				</div>
				<div class="col-xs-7 pd0">
					<div class="col-xs-7 pdr5 pdl5">
						<select class="form-control" id="trTreatmentCntr">
							<option value="T01">CAP방</option>
							<option value="T02">내시경실</option>
							<option value="T03">인터벤션</option>
						</select>
					</div>
					<div class="col-xs-5 pdl5 pdr5">
						<select class="form-control" id="trTreatTyp">
							<option value="I">재원</option>
							<option value="O">외래</option>
						</select>
					</div>
				</div>
				<!-- .row2 end -->
			</div>
			<div class="row2 container">
				<div class="col-xs-2 col-sm-2 pdr5 pdl5">
					<img src="<c:url value='/resources/css/images/mobile/member.png' />" class="total-num-icon">
					<span class="total-num letter-control" id="trTotalNumSpan">0</span>
				</div>
				<div class="col-xs-8 col-sm-8 pd0 text-center">
					<div class="checkbox3  checkbox-check checkbox-light checkbox-inline">
                        <input type="checkbox" id="trTreatmentTyp1" value="1">
                        <label for="trTreatmentTyp1">예정
                        </label>
                   </div>
                   <div class="checkbox3  checkbox-check checkbox-light checkbox-inline">
                        <input type="checkbox" id="trTreatmentTyp2" value="2" >
                        <label for="trTreatmentTyp2">진행
                        </label>
                   </div>
                   <div class="checkbox3  checkbox-check checkbox-light checkbox-inline">
                        <input type="checkbox" id="trTreatmentTyp3" value="3" >
                        <label for="trTreatmentTyp3">종료
                        </label>
                   </div>
<!--                    <div class="checkbox3  checkbox-check checkbox-light checkbox-inline">
                        <input type="checkbox" id="trTreatmentTypAll" value="ALL" checked>
                        <label for="trTreatmentTypAll">전체
                        </label>
                   </div> -->
				</div>
				
				<div class="col-xs-2 col-sm-2 text-right pdl0">
					<button class="btn btn-icon sort" id="trSortOpenBtn">
					</button>
				</div>
	
			</div>
			<!-- .row2 end -->
			<div class="row3">
				<div id="operationList">
					<div class="list-header">
						<div class="list-row container">
							<span class="header col-xs-4 col-sm-2 pdr0">병동/병실/병상</span>
							<span class="header col-xs-5 col-sm-2 sort_patientNm">환자명
								<span class="sort-icon-down">▼</span>
								<span class="sort-icon-up">▲</span>
							</span>
							<span class="header col-xs-3 col-sm-2 tablet-header-ctrl">성별/나이</span>
							
							<span class="header col-xs-4 col-sm-2 pdr0">시술일</span>
							<span class="header col-xs-5 col-sm-2 sort_departmentNm">시술과
								<span class="sort-icon-down">▼</span>
								<span class="sort-icon-up">▲</span>
							</span>							
							<span class="header col-xs-3 col-sm-2 tablet-header-ctrl sort_operatingTyp">상태</span>
						</div>
					</div>
					<!-- 리스트 헤더 종료 -->
					<ul class="list-group" id="ulTreatmentList">
					</ul>
				</div>
				<!-- patientList 종료 -->
			</div>
			<!-- .row3 end -->
	    </div>
	    <!-- 시술탭  종료   -->
	  </div>
	
	</div>
</div>
<!-- #page 종료 -->
<script type="text/javascript">
	//다국어 사용
	/* var i18n = function(){
	 var message = {
	 "common006" : "<s:message code='mobile.message.common006'/>"
	 };
	
	 this.getMessage = function( code ){
	 return message[code];
	 };
	 };
	 */
	$(document).ready(function() {
		headerTitle.text("수술 / 마취 / 시술 일정");
		var mplusOperation = new mplus_mobile_operation();
		mplusOperation.init();
	});
</script>