<%@ 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/schedule/treatment.js?version=" /><s:message code="mp.version"/>"></script>

<div id="page"> 
	<div class="detail-main-content schedule-page"> 
		<div class="row1 container" style="-webkit-transform: translate3d(0, 0, 0);">
			<div class="col-xs-2 col-sm-2 text-right pdl5 pdr0 mt5 schedule-title">
				진료과
			</div>
			<div class="col-xs-10 col-sm-10 text-center">
				<select class="form-control slt-my-department" id="sltDept">
				</select>
			</div>
		</div>
<!-- 		<div class="container mb5" style="-webkit-transform: translate3d(0, 0, 0);">
				<div class="schedule-list-info">
					<div class="circle"></div> : 일반진료&nbsp;&nbsp;
					<div class="diamond"></div> : 암병원진료 
				</div>
		</div> -->
		<div class="row3">
			<div class="col-xs-12 col-sm-12 pd0">
				<div id="treatmentList">
					<table class="table table-condensed">
					  <thead>
					  	<tr>
					  		<th rowspan="2" class="td-doctor">의사명</th>
					  		<th colspan="2">월</th>
					  		<th colspan="2" class="td-shade">화</th>
					  		<th colspan="2">수</th>
					  		<th colspan="2" class="td-shade">목</th>
					  		<th colspan="2">금</th>
					  		<th colspan="2" class="td-shade">토</th>
					  	</tr>
					  	<tr>
					  		<th>오전</th>
					  		<th>오후</th>
					  		<th class="td-shade">오전</th>
					  		<th class="td-shade">오후</th>
					  		<th>오전</th>
					  		<th>오후</th>
					  		<th class="td-shade">오전</th>
					  		<th class="td-shade">오후</th>
					  		<th>오전</th>
					  		<th>오후</th>
					  		<th class="td-shade">오전</th>
					  		<th class="td-shade">오후</th>
					  	</tr>
					  </thead>
					  <tbody id="scheduleList">
					  </tbody>
					</table>
				</div>
			</div>
			<!-- patientList 종료 -->
		</div>
		<!-- .row3 end -->
	</div>
	<!-- .mainContent 종료 -->
	
	<!-- 의사정보 모달-->
	<div class="modal fade" tabindex="-1" role="dialog" id="modalDoctorInfo" style="display: none">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title">의사정보</h4>
	      </div>
	      <div class="modal-body row">
	      	<div class="">
		      	<div class="col-xs-12 col-sm-12 pd0">
		        	<div class="col-xs-4 col-sm-4 text-right">
		        		<span>주치의 : </span>
		        	</div>
		        	<div class="col-xs-8 col-sm-8 pdl0">
		        		<label id="doctorNm"></label>
		        	</div>
		        </div>
		        <div class="col-xs-12 col-sm-12 pd0">
		        	<div class="col-xs-4 col-sm-4 text-right">
		        		<span>전문분야 : </span>
		        	</div>
		        	<div class="col-xs-8 col-sm-8 pdl0">
		        		<div id="doctorSpecialArea" class="doctor-special-area"></div>
		        	</div>
		        </div>
		        <div class="col-xs-12 col-sm-12 pd0">
		        	<div class="col-xs-4 col-sm-4 text-right" style="margin-top: 3px">
		        		<span>전화번호 : </span>
		        	</div>
		        	<div class="col-xs-8 col-sm-8 pdl0">
		        		<label id="doctorTel"></label>
			        	<button type="button" class="btn btn-danger btn-sm" id="doctorTelBtn">
							<i class="fa fa-phone"></i><span class="hidden">전화걸기</span>
						</button>
		        	</div>
		        </div>
	        </div>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-style-1 btn-sm" data-dismiss="modal">확인</button>
	      </div>
	    </div><!-- /.modal-content -->
	  </div><!-- /.modal-dialog -->
	</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 mplusTreatment = new mplus_mobile_treatment();
		mplusTreatment.init();
	});
</script>