{% 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>
    
{% endblock %}