{% extends "index.html" %}
{% block title %}歷史資料{% endblock %}
{% block head %}
{{ super() }}
{% endblock %}


{% block body %}
    <!-- <div id="select_histories">
        <div id="select_histories_1">
            <select>
                <option>選擇設備</option>
            </select>
            <select>
                <option>選擇通道</option>
            </select>
            <select>
                <option>選擇欄位</option>
            </select>
            <select>
                <option>選擇項目</option>
            </select>
            <button id="search">搜尋</button>
        </div>
        <div id="select_histories_2">
            <select>
                <option>開始日期</option>
            </select>
            <select>
                <option>開始時間</option>
            </select>
            <select>
                <option>結束日期</option>
            </select>
            <select>
                <option>結束時間</option>
            </select>
        </div>
    </div>
    <div id="download_options">
        <div id="download_options_1">
            <button>今日</button>
            <button>最近3日</button>
            <button>最近一週</button>
            <button>最近一週</button>
        </div>  
        <div id="download_options_2">
            <button>報表匯出</button>
            <button>上傳檔案</button>
        </div>
    </div>
    <div id="history_health_indicator">
        <img src="static/img/history.png" alt="歷史健康指標(CV)" />
    </div>
    <div id="history_events_list">
    </div> -->
    
    <script type="text/javascript" src="/static/history.js"></script>
    <div id='select_boxes'>
        <select class="select-item" id="company-list" onChange="onChangeColumn1();">
            <option value=0>公司A</option>
        </select>
        <select class="select-item" id="factory-list" onChange="onChangeColumn2();">
            <option value=0>工廠A</option>
        </select>
        <select class="select-item" id="department-list" onChange="onChangeColumn3();">
            <option value=0>廠區A</option>
        </select>
        <select class="select-item" id="towerGroup-list">
            <option value=0>機組1</option>
        </select>
        <button id="tower_btn" onclick="click_button_history();"><i class="fas fa-search me-2"></i>搜尋</button>
    </div>
    <div id='vibration_info'></div>
{% endblock %}