{% extends "base.html" %}

{% block head %}
    {% include "datepicker.html" %}
{% endblock head %}
{% block title %}인기검색어 관리{% endblock title %}
{% block subtitle %}인기검색어 관리{% endblock subtitle %}

{% block content %}
    {% set sfl = request.query_params.get("sfl", "") %}
    {% set stx = request.query_params.get("stx", "") %}

    <div class="local_ov01 local_ov">
        <a href="{{ url_for('popular_list') }}" class="ov_listall">전체목록</a>
        <span class="btn_ov01">
            <span class="ov_txt">건수</span>
            <span class="ov_num">{{ total_count|number_format }}개</span>
        </span>
    </div>
    
    <form name="fsearch" id="fsearch" class="local_sch01 local_sch" method="get">
        <div class="sch_last">
            <label for="sfl" class="blind">검색대상</label>
            <select name="sfl" id="sfl">
                <option value="pp_word" {{ get_selected('pp_word', sfl) }}>검색어</option>
                <option value="pp_date" {{ get_selected('pp_date', sfl) }}>등록일</option>
            </select>
            <label for="stx" class="blind">검색어<strong class="blind"> 필수</strong></label>
            <input type="text" name="stx" value="{{ stx }}" id="stx" required="" class="required frm_input" autocomplete="off">
            <button type="submit" class="btn_submit">
              <span class="blind">검색</span>
            </button>
        </div>
    </form>
    
    <form name="fpopularlist" id="fpopularlist" action="{{ url_for('popular_delete') }}" method="post" onsubmit="return fpopularlist_submit(this);">
        <input type="hidden" name="token" value="">
    
        <div class="tbl_head01 tbl_wrap">
            <table>
                <caption>인기검색어관리 목록</caption>
                <thead>
                    <tr>
                        <th scope="col">
                            <label for="chkall" class="blind">현재 페이지 인기검색어 전체</label>
                            <input type="checkbox" name="chkall" value="1" id="chkall" onclick="check_all(this.form)">
                        </th>
                        <th scope="col">
                            {{ subject_sort_link(request, 'pp_word')|safe }}검색어</a>
                        </th>
                        <th scope="col">등록일</th>
                        <th scope="col">등록IP</th>
                    </tr>
                </thead>
                <tbody>
                {% for keyword in keywords %}
                    <tr class="bg{{ loop.cycle('0', '1') }}">
                        <td class="td_chk">
                            <label for="chk_{{ loop.index0 }}" class="blind">{{ keyword.pp_word|safe }}</label>
                            <input type="checkbox" name="chk[]" value="{{ keyword.pp_id }}" id="chk_{{ loop.index0 }}">
                        </td>
                        <td class="td_left">
                            <a href="{{ request.url.include_query_params(sfl='pp_word', stx=keyword.pp_word, page=1) }}">
                                {{ keyword.pp_word|safe }}
                            </a>
                        </td>
                        <td>{{ keyword.pp_date }}</td>
                        <td>{{ keyword.pp_ip }}</td>
                    </tr>
                {% else %}
                    <tr><td colspan="4" class="empty_table">자료가 없습니다.</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    
        <div class=" btn_fixed_top">
            <button type="submit" class="btn btn_02">선택삭제</button>
        </div>
    </form>

    {{ paging|safe }}
    
    <script>
        $(function(){
            $("#sfl").change(function() {
                if ($(this).val() == "pp_date"){
                    $("#stx").datepicker({ 
                        changeMonth: true,
                        changeYear: true,
                        dateFormat: "yy-mm-dd",
                        showButtonPanel: true,
                        yearRange: "c-99:c+99",
                        maxDate: "+0d"
                    });
                } else {
                    $("#stx").datepicker("destroy");
                }
            });

            if ($("#sfl option:selected").val() == "pp_date") {
                $("#stx").datepicker({
                    changeMonth: true,
                    changeYear: true,
                    dateFormat: "yy-mm-dd",
                    showButtonPanel: true,
                    yearRange: "c-99:c+99",
                    maxDate: "+0d"
                });
            }
        });

        function fpopularlist_submit(f) {
            if (!is_checked("chk[]")) {
                alert("선택삭제 하실 항목을 하나 이상 선택하세요.");
                return false;
            }

            if (confirm("한번 삭제한 자료는 복구할 방법이 없습니다.\n\n정말 삭제하시겠습니까?")) {
                f.token.value = generate_token();
                f.action += "?{{ request.query_params|safe }}";
                return true;
            } else {
                return false;
            }
        }
    </script>
{% endblock content %}