<!DOCTYPE html>
<html lang="en" xmlns:th=http://www.thymeleaf.org>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <meta name="theme-color" content="#000000"/>
    <meta name="description" content="포항시 교통정보센터입니다"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>포항시 교통정보센터</title>
    <th:block th:include="/include/head.html"></th:block>
    <th:block th:include="/include/statistics-head.html"></th:block>
</head>
<body id="body">
<th:block th:include="/include/header.html"></th:block>
<div class="statisticWrap">
    <div class="container">
        <div class="search-bar">
            <div>
                <div>
                    <div class="label">구분</div>
                    <select class="type" name="type">
                        <option value="1">1개월</option>
                        <option value="3">3개월</option>
                        <option value="6">6개월</option>
                    </select>
                    <div class="label">요일</div>
                    <select class="day" name="day">
                        <option th:if="${list != null && list.size() > 0}" th:each="item : ${list}" th:value="${item.getCode()}" th:text="${item.getName()}"></option>
                    </select>
                </div>
                <div></div>
                <img title="정체 통계 엑셀 파일 다운로드" alt="엑셀 다운로드" class="download" onclick="excelDown()" src="/images/icon/excel.png" width="30" height="30">
            </div>
            <div class="button congest">
                <div>조회</div>
                <img width="20" height="20" src="/images/icon/search.png">
            </div>
        </div>
        <div class="search-content congest">
            <div class="table-box">
                <table id="table">
                    <colgroup>
                        <col width="25%">
                    </colgroup>
                    <thead class="thead">
                        <tr>
                            <th>도로명</th>
                            <th>진입지점</th>
                            <th>끝지점</th>
                            <th>생성일</th>
                            <th>시작</th>
                            <th>종료</th>
                            <th>속도</th>
                        </tr>
                    </thead>
                    <tbody class="table-content">
                    <tr>
                        <td><span class="empty-content">조회 된 항목이 없습니다.</span></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<th:block th:include="/include/footer.html"></th:block>
</body>
</html>