<%@ 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/consent/consent.js' />"></script>
<%-- <script type="text/javascript" src="<c:url value='/resources/js/mobile/consent/consentTestData.js' />"></script> --%>
<script type="text/javascript" src="<c:url value='/resources/js/mobile/consent/consentSearch.js' />"></script>

<div class="fat-container clearfix">
	<!-- 페이지 메인 컨텐츠 영역 -->
	<div id="maincontent" class="col-sm-12">
		<div class="container mb10">
			<div class="col-sm-6">
				<div class="form-group">
					<div class="input-group dateControl datepicker" id="divDtpSrchdd">
						<input type="text" class="form-control" id="dtpSrchdd" readonly />
						<span class="input-group-addon add-on"> <span
							class="fa fa-calendar"></span>
						</span>
					</div>
				</div>
			</div>

			<div class="col-sm-6 pr0 selectDumy">
			</div>
		</div>

		<div class="container mb10">
			<div class="col-sm-6 selectDumy">
				<select class="form-control selectpicker dropdown" id="sltTreament">
					<option value=""><s:message code="mobile.view.consent012" /></option>
				</select>
			</div>

			<div class="col-sm-6 pr0 selectDumy">
				<select class="form-control selectpicker dropdown" id="sltDoctor">
					<option value=""><s:message code="mobile.view.consent047" /></option>
				</select>
			</div>
		</div>
		<div class="container text-center mb10">
			<div class="radio3 radio-check  radio-inline">
				<input type="radio" id="radio1" name="searchRadio" value="I" checked>
				<label for="radio1"><s:message code="mobile.view.consent040" /></label>
			</div>
			<div class="radio3 radio-check  radio-inline">
				<input type="radio" id="radio2" name="searchRadio" value="O">
				<label for="radio2"><s:message code="mobile.view.consent041" /></label>
			</div>
			<div class="radio3 radio-check  radio-inline">
				<input type="radio" id="radio3" name="searchRadio" value="ER">
				<label for="radio3"><s:message code="mobile.view.consent042" /></label>
			</div>
		</div>

		<div class="input-group stylish-input-group mb10">
			<input type="text" class="form-control" id="txtSearchPatient" placeholder="<s:message code="mobile.view.consent026"/>"> 
				<span class="input-group-addon" id="btnSearchPatient">
					<button type="submit">
						<i class="fa fa-search"></i>&nbsp;
						<s:message code="mobile.view.common003" />
					</button>
				</span>
		</div>
		<div class="patientHeader">
			<div class="headerGroup">
				<div class="list-row">
					<span class="num" name="sort_pid_number_num" sortType="">
						<s:message code="mobile.view.consent006" />
						<span class="sortUpIcon">▼</span>
						<span class="sortDownIcon">▲</span>
					</span>
					<span class="name" name="sort_hngnm_string_name" sortType="">
						<s:message code="mobile.view.consent012" />
					</span>
					<span class="period">
						<s:message code="mobile.view.consent011" />
					</span>
				</div>
				<div class="list-row">
					<span class="num" name="sort_pid_number_num" sortType="">
						<s:message code="mobile.view.consent008" />/
						<s:message code="mobile.view.consent009" />
					</span>
					<span class="name" name="sort_hngnm_string_name" sortType="">
						<s:message code="mobile.view.consent007"/>
						<span class="sortUpIcon">▼</span>
						<span class="sortDownIcon">▲</span>
					</span>
					<span class="treat">
						<s:message code="mobile.view.consent043" />
					</span>
				</div>
			</div>
		</div>
		<div class="container patientList">
			<ul class="" id="ulPatientList">

			</ul>
		</div>
	</div>
	<!-- #maincontent 종료 -->

	<!-- 우측 컨텐츠 시작. -->
	<div id="rside" class="col">
		<!-- Nav tabs -->
		<div class="tabDepth1">
			<ul class="nav nav-tabs" role="tablist">
				<li role="presentation" class="active">
					<a href="#sub1" aria-controls="sub1" role="tab" data-toggle="tab">
						<s:message code="mobile.view.consent013" />
					</a>
				</li>
			</ul>

			<div class="tab-content">
				<!-- 동의서 탭컨텐츠 -->
				<div role="tabpanel" class="tab-pane active" id="sub1">
					<div class="clearfix" id="consentTap1">
						<div class="left">
							<h3 class="page-title info">
								<i class="fa fa-user"></i>
								<s:message code="mobile.view.consent014" />
							</h3>
							<div class="sub-title"></div>
							<div class="fat-ov-container patient-info-1 fat-ovys"
								id="tbPatientInfo"></div>
							<h3 class="page-title info mt">
								<i class="fa fa-file-text"></i>
								<s:message code="mobile.view.consent015"/> & <s:message code="mobile.view.consent020"/>
							</h3>
							<div class="fat-ov-container patient-info-2 fat-ovys">
								<ul class="unfinishedList" id="ulAgreementCheck">
								</ul>
							</div>
						</div>

						<div class="right">
							<!-- Nav tabs 2차 탭메뉴 -->
							<div class="tabDepth2">
								<ul class="nav nav-tabs" role="tablist">
									<li role="presentation">
										<a href="#fa_tab_All" aria-controls="fa_tab_All" role="tab" data-toggle="tab">
											<s:message code="mobile.view.consent044" />
										</a>
									</li>
									<li role="presentation" id="tabSet" class="active">
										<a href="#fa_tab_Set" aria-controls="fa_tab_Set" role="tab" data-toggle="tab">
											<s:message code="mobile.view.consent045" />
										</a>
									</li>
									<li role="presentation">
										<a href="#fa_tab_Search" aria-controls="fa_tab_Search" role="tab" data-toggle="tab">
											<s:message code="mobile.view.consent046" />
										</a>
									</li>
								</ul>

								<!-- Tab panes -->
								<div class="tab-content">
									<!-- 전체 탭 컨텐츠 -->
									<div role="tabpanel" class="tab-pane" id="fa_tab_All">
										<!-- ****** 환자별, 주치의별 버튼 추가 수정 ******* -->
										<%-- <div class="btn-group mb10" >
								  <button type="button" class="btn btn-round active" id="btnPatientConsent">
								  <span class="btn-label"><i class="fa fa-wheelchair"></i></span><s:message code="mobile.view.consent017"/></button>

								  <button type="button" class="btn  btn-round" id="btnDoctorConsent">
								  <span class="btn-label"><i class="fa fa-user-md"></i></span><s:message code="mobile.view.consent018"/></button>
								</div>
                               	 --%>
										<h4 class="m-b-20">
											<s:message code="mobile.view.consent019" />
										</h4>
										<div class="container">
											<div class="col-sm-6 ">
												<div class="input-group dateControl datepicker" id="divDtpConsentStartDt">
													<input type="text" class="form-control" id="dtpConsentStartDt" readonly /> 
													<span class="input-group-addon add-on"> 
														<span class="fa fa-calendar"></span>
													</span>
												</div>
												<!-- input-group -->
											</div>
											<div class="col-sm-6 m-b-20">
												<div class="input-group dateControl datepicker" id="divDtpConsentEndDt">
													<input type="text" class="form-control" id="dtpConsentEndDt" readonly /> 
													<span class="input-group-addon add-on"> 
														<span class="fa fa-calendar"></span>
													</span>
												</div>
												<!-- input-group -->
											</div>
										</div>
										<!-- container -->

										<div class="container">
											<div class="col-sm-12 m-b-20">
												<div class="text-center">
													<button class="btn btn-default btn-lg max" id="btnTotalSearchConsent">
														<s:message code="mobile.view.common003" />
													</button>
												</div>
											</div>
										</div>
										<div class="container consentSearchBox">
											<div class="col-sm-3">
												<div class="checkbox3  checkbox-check checkbox-light">
													<input type="checkbox" id="checkbox1" value="ALL" checked>
													<label for="checkbox1">
														<s:message code="mobile.view.consent001" />
													</label>
												</div>
											</div>
											<div class="col-sm-3">
												<div class="checkbox3  checkbox-check checkbox-light">
													<input type="checkbox" id="checkbox2" value="'UNFINISHED'">
													<label for="checkbox2"> 
														<s:message code="mobile.view.consent015" />
													</label>
												</div>
											</div>
											<div class="col-sm-3">
												<div class="checkbox3  checkbox-check checkbox-light">
													<input type="checkbox" id="checkbox3" value="'TEMP'">
													<label for="checkbox3">
														<s:message code="mobile.view.consent020" />
													</label>
												</div>
											</div>
											<div class="col-sm-3">
												<div class="checkbox3  checkbox-check checkbox-light">
													<input type="checkbox" id="checkbox4" value="'VERBAL'">
													<label for="checkbox4">
														<s:message code="mobile.view.consent024" />
													</label>
												</div>
											</div>
											<div class="col-sm-3">
												<div class="checkbox3  checkbox-check checkbox-light">
													<input type="checkbox" id="checkbox5" value="'ELECTR_CMP'">
													<label for="checkbox5">
														<s:message code="mobile.view.consent021" />
													</label>
												</div>
											</div>
											<div class="col-sm-3">
												<div class="checkbox3  checkbox-check checkbox-light">
													<input type="checkbox" id="checkbox6" value="'CERTIFY_CMP'">
													<label for="checkbox6">
														<s:message code="mobile.view.consent022" />
													</label>
												</div>
											</div>
											<div class="col-sm-3">
												<div class="checkbox3  checkbox-check checkbox-light">
													<input type="checkbox" id="checkbox7" value="'PAPER_OUT'">
													<label for="checkbox7">
														<s:message code="mobile.view.consent023" />
													</label>
												</div>
											</div>
										</div>

										<div class="patientHeader checkHeader" id="agreeListHeader"
											style="display: none">
											<div class="consentHeader">
												<div class="list-row">
													<span class="detail">
														<s:message code="mobile.view.consent007" />
													</span>
												</div>
												<div class="list-row">
													<span>
														<s:message code="mobile.view.consent012" />
													</span>
													<span class="consentName">
														<s:message code="mobile.view.consent013" />
													</span>
												</div>
											</div>
										</div>
										<div class="fat-ov-container fat-ov-container-1 fat-ovys">
											<ul id="ulAgreementList">
											</ul>
										</div>
									</div>

									<!-- SET 컨텐츠 -->
									<div role="tabpanel" class="tab-pane active" id="fa_tab_Set">
										<div class="fat-ov-container fat-ov-container-2 fat-ovys setList" style="clear: both">
											<ul class="list-group" id="ulSetList">

											</ul>
										</div>
									</div>
									<!-- SET 탭 컨텐츠 종료 -->

									<!-- 검색 탭 컨텐츠 -->
									<div role="tabpanel" class="tab-pane" id="fa_tab_Search">
										<div class="container mb10 bottomLine">
											<div class="col-sm-6 mb10 selectDumy">
												<select class="form-control selectpicker dropdown" id="sltCategory">
													<option value="">
														<s:message code="mobile.view.consent001" />
													</option>
												</select>
											</div>
											<div class="col-sm-6 selectDumy">
												<select class="form-control selectpicker dropdown" id="sltCategoryLower">
													<option value="">
														<s:message code="mobile.view.consent001" />
													</option>
												</select>
											</div>
											<div class="col-sm-12">
												<div class="input-group stylish-input-group mb10">
													<input type="text" class="form-control" id="txtConsentSrch" placeholder="<s:message code="mobile.view.consent025"/>">
													<span class="input-group-addon">
														<button type="submit" id="btnSearchConsent">
															<i class="fa fa-search"></i>&nbsp;
															<s:message code="mobile.view.common003" />
														</button>
													</span>
												</div>
											</div>
										</div>
										<div class="fat-ov-container fat-ov-container-3 fat-ovys" style="clear: both">
											<ul class="agreementCheck" id="ulConsentList">
											</ul>
										</div>
									</div>
									<!-- 검색 탭 컨텐츠 종료 -->
								</div>
							</div>
							<!-- 2차 탭 종료 -->
						</div>
						<!-- .right 종료 -->
					</div>
				</div>
				<!-- 1페이지 동의서 탭 컨텐츠 종료 -->
			</div>
			<!-- tab-content 종료 -->
		</div>
		<!-- 1차 탭 종료 -->
	</div>
	<!-- #rside  종료 -->
</div>
<!-- .container 종료 -->

<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() {
		$('#sidebar a').removeClass('active');
		$('#sidebar #menuSearch').addClass('active');
		var consentSearch = new mcare_mobile_consentSearch();
		consentSearch.setGlobal(consentSearch);
		consentSearch.init();
	});
</script>
