<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@page import="itn.let.solr.search.service.SearchService.SOLR_CORE"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>

<c:set var="solrCores" value="<%=SOLR_CORE.values()%>"/>
<c:set var="FILE" value="<%=SOLR_CORE.FILE%>"/>
<c:set var="WEBPAGE" value="<%=SOLR_CORE.WEBPAGE%>"/>
<c:set var="BOARD" value="<%=SOLR_CORE.BOARD%>"/>
<jsp:useBean id="now" class="java.util.Date" />
<script type="text/javascript">

	$(function() {
		var coreName = '';
		<c:forEach var="core" items="${solrCores}" varStatus="status">
			<c:if test="${core.value eq param.rangeView}">
				coreName = '${core.name}';
			</c:if>
		</c:forEach>
		var title = '통합검색('+coreName+'목록) | 통합검색 ';
		document.title = title;

	});

	var rangeView = '${param.rangeView}';
	function initForm(core){
		var frmNm = core+'Frm';
		console.log(frmNm);
	    $('#'+frmNm)[0].reset();
		$('#'+frmNm+' :radio').each(function(){
			this.checked = false;
		});
		$('#'+frmNm+' :checkbox').each(function(){
			this.checked = false;
		});
		$('#'+frmNm+' :text').each(function(){
			this.value = '';
		});
	}

	function detail(range){
		$(":input[name=range]").each(function(){
			if( $(this).val() == range ){
				$(this).attr("checked", true);
			}
			else{
				$(this).attr("checked", false);
			}
		});
		document.frmSearch2.submit();
	}

	function detailView(core){
		if( !checkForm(document.frmSearch2) ){
			return;
		}
		var frmNm = core+'Frm';
		$('#'+core+'Q').val($('#q').val());
	    $('#'+frmNm)[0].submit();
	}

	function search(q){
		$("#q").val(q);
		$("#q2").val(q);
		$("#rangeView").val('');
		document.frmSearch2.submit();
	}

	function searchTab(q, rv){
		$("#q").val(q);
		$("#q2").val(q);
		$("#rangeView").val(rv);
		$('#pageIndex').val("1");
		document.frmSearch2.submit();
	}

	function paging(pageIndex){
		if (rangeView) {
			$('#'+rangeView+'PageIndex').val(pageIndex);
		}
		else {
			$('#pageIndex').val(pageIndex);
		}
		var frmNm = rangeView == '' ? frmSearch2 : rangeView+'Frm';
	    $('#'+frmNm)[0].submit();
	}

	function checkForm(form){
		$('#pageIndex').val("1");
		if(!form.q.value){
			alert("검색어를 입력하세요.");
			$("#q1").focus();
			return false;
		}
		return true;
	}

</script>

<body>
	<section class="sub">
		<div class="s_visual s_visual_img06">
			<div class="textbar">
				<p class="s_tit">통합검색</p>
				<p class="s_text">우체국물류지원단의 통합검색을 보여드립니다</p>
			</div>
		</div>

		<!--내용s-->
		<div id="container">

			<div class="all_search">
				<div class="all_search_input">
					<input type="text" class="search_box" size="45" maxlength="200" placeholder="검색어를 입력해주세요" value=""><button class="sch_btn2" type="submit" value="검색"><i class="fa fa-search" aria-hidden="true"></i></button> <button id=a1 style="cursor:hand" onclick="style.display='none';b1.style.display='';c1.style.display=''" class="btn_more" onclick="" value="상세검색">상세검색 <i class="fa fa-caret-square-o-down" aria-hidden="true"></i> </button>
					<p class="check"><input type="checkbox"> 결과 내 재검색</p>
				</div>
				<div class="search_more_wrap">
					<div class="close_btn" id=b1 style="cursor:hand;display:none" onclick="style.display='none';a1.style.display='';c1.style.display='none'">
						<img src="img/us_close.png" alt="닫기">
					</div>
					<div class="content" id=c1 style="display:none">
						<table class="more_search_table">
						  <tr>
							<th>검색어</th>
							<td colspan="3"><input type="text" class="width_100" maxlength="200" placeholder="검색어를 입력해주세요" value=""></td>
						  </tr>
						  <tr>
							<th>검색대상</th>
							<td colspan="3">
								<ul>
									<li><input type="checkbox"> 전체</li>
									<li><input type="checkbox"> 주요사업</li>
									<li><input type="checkbox"> 참여마당</li>
									<li><input type="checkbox"> 알림마당</li>
									<li><input type="checkbox"> 열린경영</li>
									<li><input type="checkbox"> 기관소개</li>
								</ul>
							</td>
						  </tr>
						  <tr>
							<th>검색기간</th>
							<td>
								<ul>
									<li><input type="checkbox"> 전체</li>
									<li><input type="checkbox"> 1일</li>
									<li><input type="checkbox"> 1주</li>
									<li><input type="checkbox"> 1개월</li>
									<li><input type="checkbox"> 3개월</li>
									<li><input type="checkbox"> 6개월</li>
								</ul>
							</td>
							<th>기간설정</th>
							<td class="set_period">
								<input type="text" id="start_date" name="start_date" value=" "><button name="달력" onClick="calendar(event, 'start_date')"><i class="fa fa-calendar" aria-hidden="true"></i></button>
							 ~ <input type="text" id="start_date2" name="start_date2" value=" "><button name="달력" onClick="calendar(event, 'start_date2')"><i class="fa fa-calendar" aria-hidden="true"></i></button>
						  </tr>
						</table>
						<ul class="all_search_btn">
							<li><button class="btn btn_b02" onclick="" value="상세검색"><i class="fa fa-search" aria-hidden="true"></i> 상세검색</button></li>
							<li><button class="btn" onclick="location.href='board_write.html'" value="초기화"><i class="fa fa-undo" aria-hidden="true"></i> 초기화</button></li>
						</ul>
					</div>
				</div>
			</div>

			<ul class="tab tab_wid4">
				<li class="current" data-tab="tab1">전체<span>(9,399건)</span></li>
				<li data-tab="tab2">게시물<span>(1,239건)</span></li>
				<li data-tab="tab3">정보화면<span>(2,399건)</span></li>
				<li data-tab="tab4">첨부파일<span>(535건)</span></li>
			</ul>

			<div class="tabcontent current" id="tab1">
				<div class="search_all_list">"<span>취재</span>" 에 대한 검색결과가 총 9,399건이 있습니다.</div>

				<div class="search_all_wrap">
					<div class="search_all_tt_box">
						<div class="search_all_title">게시판(2건)</div>
						<div class="search_all_more"><a href="">결과 더보기</a></div>
					</div>
					<ul class="search_all_board" onclick="location.href='#'">
						<li class="tt">취재요청서 양식</li>
						<li class="content">120다산콜재단에 대한 취재, 인터뷰 섭외, 촬영 협조 등을 원하시는 언론 관계자는 취재요청서를 1장 이내로 작성하여 담당자에게 발송하시기 바랍니다.</li>
						<li class="navi">재단소개 > 홍보관 > 자료실</li>
						<li class="date">2018-03-19</li>
					</ul>
					<ul class="search_all_board" onclick="location.href='#'">
						<li class="tt">취재요청서 양식</li>
						<li class="content">120다산콜재단에 대한 취재, 인터뷰 섭외, 촬영 협조 등을 원하시는 언론 관계자는 취재요청서를 1장 이내로 작성하여 담당자에게 발송하시기 바랍니다. </li>
						<li class="navi">재단소개 > 홍보관 > 자료실</li>
						<li class="date">2018-03-19</li>
					</ul>
				</div>

				<div class="search_all_wrap">
					<div class="search_all_tt_box">
						<div class="search_all_title">정보화면 (0건)</div>
					</div>
					<ul class="search_all_board">
						<li class="no">검색결과가 없습니다.</li>
					</ul>
				</div>

				<div class="search_all_wrap">
					<div class="search_all_tt_box">
						<div class="search_all_title">첨부파일 (0건)</div>
					</div>
					<ul class="search_all_board">
						<li class="no">검색결과가 없습니다.</li>
					</ul>
				</div>

			</div>

			<div class="tabcontent" id="tab2">
				<div class="search_all_wrap">
					<div class="search_all_tt_box">
						<div class="search_all_title">게시판(2건)</div>
						<div class="search_all_more"><a href="">결과 더보기</a></div>
					</div>
					<ul class="search_all_board" onclick="location.href='#'">
						<li class="tt">취재요청서 양식</li>
						<li class="content">120다산콜재단에 대한 취재, 인터뷰 섭외, 촬영 협조 등을 원하시는 언론 관계자는 취재요청서를 1장 이내로 작성하여 담당자에게 발송하시기 바랍니다.</li>
						<li class="navi">재단소개 > 홍보관 > 자료실</li>
						<li class="date">2018-03-19</li>
					</ul>
					<ul class="search_all_board" onclick="location.href='#'">
						<li class="tt">취재요청서 양식</li>
						<li class="content">120다산콜재단에 대한 취재, 인터뷰 섭외, 촬영 협조 등을 원하시는 언론 관계자는 취재요청서를 1장 이내로 작성하여 담당자에게 발송하시기 바랍니다. </li>
						<li class="navi">재단소개 > 홍보관 > 자료실</li>
						<li class="date">2018-03-19</li>
					</ul>
				</div>
			</div>

			<div class="tabcontent" id="tab3">
				<div class="search_all_wrap">
					<div class="search_all_tt_box">
						<div class="search_all_title">정보화면(0건)</div>
					</div>
					<ul class="search_all_board">
						<li class="no">검색결과가 없습니다.</li>
					</ul>
				</div>
			</div>

			<div class="tabcontent" id="tab4">
				<div class="search_all_wrap">
					<div class="search_all_tt_box">
						<div class="search_all_title">첨부파일(0건)</div>
					</div>
					<ul class="search_all_board">
						<li class="no">검색결과가 없습니다.</li>
					</ul>
				</div>
			</div>

			<script>
				$(function() {
					$('ul.tab li').click(function() {
						var activeTab = $(this).attr('data-tab');
						$('ul.tab li').removeClass('current');
						$('.tabcontent').removeClass('current');
						$(this).addClass('current');
						$('#' + activeTab).addClass('current');
					})
				});
			</script>
		</div>
		<!--내용e-->

	</section>
	