{% extends "base.html" %}
{% import "/sideview/macros.html" as sideview %}
{% set query_params=request.query_params %}

{% block title %}전체검색 결과{% endblock title %}
{% block subtitle %}전체검색 결과{% endblock subtitle %}

{% block content %}
<form name="fsearch" onsubmit="return fsearch_submit(this);" method="get">
    <fieldset id="sch_res_detail" class="py-5 text-center mb-3 fs-5">
        <legend>상세검색</legend>
        <label class="blind" for="gr_id">게시판 그룹선택</label>
        <select id="gr_id" name="gr_id" class="select input-bg input-border main-font px-2 rounded-2">
            <option value="">전체 분류</option>
            {% for group in groups %}
                <option value="{{ group.gr_id }}" {{ get_selected(query_params.gr_id, group.gr_id) }}>
                    {{ group.gr_subject }}
                </option>
            {% endfor %}
        </select>

        <label class="blind" for="sfl">검색조건</label>
        <select id="sfl" name="sfl">
            <option value="wr_subject||wr_content" {{ get_selected(query_params.sfl, "wr_subject||wr_content") }})>제목+내용</option>
            <option value="wr_subject" {{ get_selected(query_params.sfl, "wr_subject") }}>제목</option>
            <option value="wr_content" {{ get_selected(query_params.sfl, "wr_content") }}>내용</option>
            <option value="wr_name" {{ get_selected(query_params.sfl, "wr_name") }}>작성자</option>
        </select>

        <label class="blind" for="stx">검색어<strong class="blind"> 필수</strong></label>
        <span class="sch_wr position-relative d-inline-block" style="width: calc(100% -360px);">
            <input type="text" id="stx" name="stx" class="frm_input input-border rounded-2" style="calc(100% - 93px);height: 45px;" value="{{ query_params.stx }}" size="40" required>
            <button type="submit" class="btn_submit fs-5 fw-bold text-white main-bg px-3">
                <i class="fa fa-search" aria-hidden="true"></i> 검색
            </button>
        </span>

        <div class="switch_field">
            <input type="radio" id="sop_and" name="sop" value="and" {{ 'checked' if query_params.sop == "and" or not query_params.sop }}>
            <label for="sop_and">AND</label>
            <input type="radio" id="sop_or" name="sop" value="or" {{ 'checked' if query_params.sop == "or" }}>
            <label for="sop_or">OR</label>
        </div>
    </fieldset>
</form>

<div id="sch_result">
    <section id="sch_res_ov" class="d-flex justify-content-between align-items-center">
        <h2>
            <strong>'{{ query_params.stx }}'</strong> 전체검색 결과
        </h2>
        <ul>
            <li>게시판 {{ boards|length }}개</li>
            <li>게시글 {{ total_search_count }}건</li>
        </ul>
    </section>
    {% if total_search_count > 0 %}
        <ul id="sch_res_board">
            <li><a href="{{ request.url.include_query_params(onetable='') }}" {% if not onetable %}class="sch_on"{% endif %}>통합검색</a></li>
            {% for board in boards %}
                <li>
                    <a href="{{ request.url.include_query_params(onetable=board.bo_table) }}" {% if onetable == board.bo_table %}class="sch_on"{% endif %}>
                        <strong>{{ board.subject }}</strong>
                        <span class="cnt_cmt">{{ board.search_count }}건</span>
                    </a>
                </li>
            {% endfor %}
        </ul>
        <section class="sch_res_list">
            <div class="search_board_result">
            {% for board in boards if not onetable or onetable == board.bo_table %}
                <h2>
                    <a href="/board/{{ board.bo_table }}?{{ query_params }}">
                        {{ board.subject }} 검색결과 ({{ board.search_count }})
                    </a>
                    <a href="/board/{{ board.bo_table }}?{{ query_params }}" class="sch_more" title="더보기"><i class="fa-solid fa-circle-plus"></i></a>
                </h2>
                <ul>
                {% for write in board.writes %}
                    <li>
                        <div class="sch_tit">
                            <a href="{{ write.href }}" class="sch_res_title">
                                {% if write.wr_is_comment %}
                                <span class="cmt_def"><i class="fa fa-regular fa-commenting" aria-hidden="true"></i><span class="blind">댓글</span></span>
                                {% endif %}
                                {{ write.subject|truncate(100, False, '...', 0)|search_font(query_params.stx)|safe }}
                            </a>
                            <a href="{{ write.href }}" target="_blank" class="pop_a">
                                <i class="fa fa-window-restore" aria-hidden="true"></i>
                                <span class="blind">새창</span>
                            </a>
                        </div>
                        <p>{{ write.wr_content|striptags|truncate(100, False, '...', 0)|search_font(query_params.stx)|safe }}</p>
                        <div class="sch_info">
                            {% if board.bo_use_sideview %}
                                {{ sideview.get(request, write.mb_id, write.name, write.email, write.wr_homepage)|safe }}
                            {% else %}
                                <span class="sv_member">{{ write.name }}</span>
                            {% endif %}
                            <span class="sch_datetime"><i class="fa fa-regular fa-clock" aria-hidden="true"></i>
                                {{ write.wr_datetime.strftime("%y-%m-%d %H:%M:%S") }}
                            </span>
                        </div>
                    </li>
                {% else %}
                    <div class="empty_list main-font fs-4">검색된 결과가 없습니다.</div>
                {% endfor %}
                </ul>
            {% endfor %}
            </div>
        </section>
    {% else %}
        <div class="empty_list main-font fs-4">검색된 자료가 하나도 없습니다.</div>
    {% endif %}
</div>
<script>
    function fsearch_submit(f) {
        const stx = f.stx.value.trim();
        if (stx.length < 2) {
            alert("검색어는 두글자 이상 입력하십시오.");
            f.stx.select();
            f.stx.focus();
            return false;
        }

        let cnt = 0;
        for (var i = 0; i < stx.length; i++) {
            if (stx.charAt(i) == ' ')
                cnt++;
        }

        if (cnt > 1) {
            alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
            f.stx.select();
            f.stx.focus();
            return false;
        }
        f.stx.value = stx;
        f.action = "";
        return true;
    }
</script>
{% endblock content %}