<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags"%>
<script type="text/javascript" src="<c:url value="/resources/js/mobile/medical/consult.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="consultTab">
	    <li role="presentation" class="active"><a href="#tabReply" aria-controls="tabReply" role="tab" data-toggle="tab">회신</a></li>
	    <li role="presentation"><a href="#tabDeptReply" aria-controls="tabDeptReply" role="tab" data-toggle="tab">과회신</a></li>
	    <li role="presentation"><a href="#tabRequest" aria-controls="tabRequest" role="tab" data-toggle="tab">의뢰</a></li>
	  </ul>
	
	  <!-- Tab panes -->
	  <div class="tab-content">
	  	<!-- 회신탭 -->
	    <div role="tabpanel" class="tab-pane active" id="tabReply">
	    	<div class="row1 container">
				<div class="col-xs-5 pdr5">
					<input type="date" class="form-control" id="replyDtpStartSrchdd" required="required">
				</div>
				<div class="col-xs-5 pdl5">
					<input type="date" class="form-control" id="replyDtpEndSrchdd" required="required">
				</div>
				<div class="col-xs-2 col-sm-2 text-right pdl0">
					<button class="btn btn-style-1 btn-sm" id="replyRefreshBtn">조회</button>
				</div>
			</div>
			<!-- .wrap 종료 -->
			<div class="row2 container">
				<div class="container">
					<div class="col-xs-3 col-sm-3 pdl15">
						<img src="<c:url value='/resources/css/images/mobile/member.png' />" class="total-num-icon">
						<span class="total-num letter-control" id="replyTotalNumSpan">0</span>
					</div>
					<div class="col-xs-7 col-sm-7 text-center pdl0">
						<div class="col-xs-6 col-sm-6 pdl0 pdr5">
							<select class="form-control" id="replySltStatus">
								<option value="N">대상</option>
								<option value="Y">완료</option>
								<option value="A">전체</option>
							</select>
						</div>
						<div class="col-xs-6 col-sm-6 pdr0 pdl5">
							<select class="form-control" id="replySltTreatType">
								<option value="I">재원</option>
								<option value="O">외래</option>
							</select>
						</div>
					</div>
					<div class="col-xs-2 col-sm-2 text-right pdl0">
						<button class="btn btn-icon sort" id="replyBtnSortOpen">
						</button>
					</div>
				</div>
				<!-- .row2 end -->
			</div>
			<div class="row3">
				<div id="reply_consultList">
					<div class="list-header">
						<div class="list-row container">
							<span class="header col-xs-3 col-sm-2 sort_ward pdr0">병동/병실
								<span class="sort-icon-down">▼</span>
								<span class="sort-icon-up">▲</span>
							</span>
							<span class="header col-xs-6 col-sm-4 sort_patientNm">환자명
								<span class="sort-icon-down">▼</span>
								<span class="sort-icon-up">▲</span>
							</span> 
							<span class="header col-xs-3 col-sm-2 sort_age pdr0">성별/나이
								<span class="sort-icon-down">▼</span>
								<span class="sort-icon-up">▲</span>
							</span> 
							
							<span class="header col-xs-3 hidden-sm hidden-md hidden-lg"></span>
							<span class="header col-xs-6 col-sm-2">주치의</span>
							<span class="header col-xs-3 col-sm-2 pdr0 visit-dt">입원일</span>
						</div>
					</div>
					<!-- 리스트 헤더 종료 -->
					<ul class="list-group consult" id="replyUlConsultList">
	
					</ul>
				</div>
				<!-- consultList 종료 -->
			</div>
			<!-- .row3 end -->
	    </div>
	    <!-- 회신탭  종료   -->
	    <!-- 과회신탭-->
	    <div role="tabpanel" class="tab-pane" id="tabDeptReply">
	    	<div class="row1 container">
				<div class="col-xs-5 pdr5">
					<input type="date" class="form-control" id="deptReplyDtpStartSrchdd" required="required">
				</div>
				<div class="col-xs-5 pdl5">
					<input type="date" class="form-control" id="deptReplyDtpEndSrchdd" required="required">
				</div>
				<div class="col-xs-2 col-sm-2 text-right pdl0">
					<button class="btn btn-style-1 btn-sm" id="deptReplyRefreshBtn">조회</button>
				</div>
			</div>
			<!-- .wrap 종료 -->
			<div class="row2 container">
				<div class="container">
					<div class="col-xs-3 col-sm-3 pdl15">
						<img src="<c:url value='/resources/css/images/mobile/member.png' />" class="total-num-icon">
						<span class="total-num letter-control" id="deptReplyTotalNumSpan">0</span>
					</div>
					<div class="col-xs-7 col-sm-7 text-center pdl0">
						<div class="col-xs-6 col-sm-6 pdl0 pdr5">
							<select class="form-control" id="deptReplySltStatus">
								<option value="N">대상</option>
								<option value="Y">완료</option>
								<option value="A">전체</option>
							</select>
						</div>
						<div class="col-xs-6 col-sm-6 pdr0 pdl5">
							<select class="form-control" id="deptReplySltTreatType">
								<option value="I">재원</option>
								<option value="O">외래</option>
							</select>
						</div>
					</div>
					<div class="col-xs-2 col-sm-2 text-right pdl0">
						<button class="btn btn-icon sort" id="deptReplyBtnSortOpen">
						</button>
					</div>
				</div>
				<!-- .row2 end -->
			</div>
			<div class="row3">
				<div id="deptReply_consultList">
					<div class="list-header">
						<div class="list-row container">
							<span class="header col-xs-3 col-sm-2 sort_ward pdr0">병동/병실
								<span class="sort-icon-down">▼</span>
								<span class="sort-icon-up">▲</span>
							</span>
							<span class="header col-xs-6 col-sm-4 sort_patientNm">환자명
								<span class="sort-icon-down">▼</span>
								<span class="sort-icon-up">▲</span>
							</span>
							<span class="header col-xs-3 col-sm-2 sort_age pdr0">성별/나이
								<span class="sort-icon-down">▼</span>
								<span class="sort-icon-up">▲</span>
							</span>
														
							<span class="header col-xs-3 hidden-sm hidden-md hidden-lg"></span>
							<span class="header col-xs-6 col-sm-2">주치의</span> 
							<span class="header col-xs-3 col-sm-2 pdr0 visit-dt">입원일</span>
						</div>
					</div>
					<!-- 리스트 헤더 종료 -->
					<ul class="list-group consult" id="deptReplyUlConsultList">
	
					</ul>
				</div>
				<!-- consultList 종료 -->
			</div>
			<!-- .row3 end -->
	    </div>
	    <!-- 과회신탭  종료   -->
	    <!-- 의뢰탭  -->
	    <div role="tabpanel" class="tab-pane" id="tabRequest">
	    	<div class="row1 container">
				<div class="col-xs-5 pdr5">
					<input type="date" class="form-control" id="requestDtpStartSrchdd" required="required">
				</div>
				<div class="col-xs-5 pdl5">
					<input type="date" class="form-control" id="requestDtpEndSrchdd" required="required">
				</div>
				<div class="col-xs-2 col-sm-2 text-right pdl0">
					<button class="btn btn-style-1 btn-sm" id="requestRefreshBtn">조회</button>
				</div>
			</div>
			<!-- .wrap 종료 -->
			<div class="row2 container">
				<div class="container">
					<div class="col-xs-3 col-sm-3 pdl15">
						<img src="<c:url value='/resources/css/images/mobile/member.png' />" class="total-num-icon">
						<span class="total-num letter-control" id="requestTotalNumSpan">0</span>
					</div>
					<div class="col-xs-7 col-sm-7">
					</div>
					<div class="col-xs-2 col-sm-2 text-right pdl0">
						<button class="btn btn-icon sort" id="requestBtnSortOpen">
						</button>
					</div>
				</div>
				<!-- .row2 end -->
			</div>
			<div class="row3">
				<div id="request_consultList">
					<div class="list-header">
						<div class="list-row container">
							<span class="header col-xs-3 col-sm-2 sort_ward pdr0">병동/병실
								<span class="sort-icon-down">▼</span>
								<span class="sort-icon-up">▲</span>
							</span>
							<span class="header col-xs-6 col-sm-4 sort_patientNm">환자명
								<span class="sort-icon-down">▼</span>
								<span class="sort-icon-up">▲</span>
							</span>
							<span class="header col-xs-3 col-sm-2 sort_age pdr0">성별/나이
								<span class="sort-icon-down">▼</span>
								<span class="sort-icon-up">▲</span>
							</span>
							
							<span class="header col-xs-3 hidden-sm hidden-md hidden-lg"></span>
							<span class="header col-xs-6 col-sm-2">주치의</span> 
							<span class="header col-xs-3 col-sm-2 pdr0">진료일</span>
						</div>
					</div>
					<!-- 리스트 헤더 종료 -->
					<ul class="list-group consult" id="requestUlConsultList">
	
					</ul>
				</div>
				<!-- consultList 종료 -->
			</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 mplusConsult = new mplus_mobile_consult();
		mplusConsult.init();
	}); 
</script>