<!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="atrd_nm" name="atrd_nm">
                        <option th:each="item : ${road}" th:value="${item.getAtrdNm()}" th:text="${item.getAtrdNm()}"></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>
            </div>
            <div class="button comm">
                <div>조회</div>
                <img width="20" height="20" src="/images/icon/search.png">
            </div>
        </div>
        <div class="search-content">
            <div class="table-toggle">
                <div class="active">속도통계</div>
                <div>지/정체통계</div>
            </div>
            <div class="table-box comm">
                <table class="comm">
                    <colgroup>
                        <col width="25%">
                    </colgroup>
                    <thead class="thead">
                    <th>구간</th>
                    <th th:each="m : ${#numbers.sequence(0, 23)}" th:text="${m}"></th>
                    </thead>
                    <tbody class="table-content">
                    <tr>
                        <td><span>조회 된 항목이 없습니다.</span></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<th:block th:include="/include/footer.html"></th:block>
</body>
</html>