<!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="road_nmbr" name="road_nmbr">
                        <option th:value="ALL" th:text="전체"></option>
                        <option th:each="item : ${road}" th:value="${item.getNmbr()}" th:text="${item.getDaeroNm()}"></option>
                    </select>
                    <div class="label">구분</div>
                    <select class="type" name="type">
                        <option value="dd">일간</option>
                        <option value="mn">월간</option>
                    </select>
                </div>
                <div>
                    <div class="label">검색일</div>
                    <select class="year" name="year"></select>
                    <select class="month" name="month"></select>
                    <select class="date" name="date"></select>
                </div>
                <img title="교통량 통계 엑셀 파일 다운로드" alt="엑셀 다운로드" class="download" onclick="excelDown()" src="/images/icon/excel.png" width="30" height="30">
            </div>
            <div class="button amount">
                <div>조회</div>
                <img width="20" height="20" src="/images/icon/search.png">
            </div>
        </div>
        <div class="search-content">
            <div class="table-box">
                <table id="table">
                    <colgroup>
                        <col width="25%">
                    </colgroup>
                    <thead class="thead">
                        <tr>
                            <th>구간</th>
                            <th th:each="m : ${#numbers.sequence(0, 23)}" th:text="${m}"></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>