<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  layout:decorate="~{layout/layout}">
<head>
  <meta charset="UTF-8" th:remove="tag">
</head>
<body>

  <!-- サイドバーの表示 -->
  <div layout:fragment="sidebar"
    th:replace="~{fragments/sidebar :: sidebar}">
  </div>

  <!-- コンテンツの表示 -->
  <main layout:fragment="content" class="offcanvas-outside bg-light">
    <div class="container-fluid">
      <!-- トグルボタン -->
      <div th:replace="~{fragments/sidebar :: toggler}">
      </div>

      <div class="row">
        <div class="col">
          <div class="card shadow">
            <div class="card-header">
              <h6 class="text-navy my-2">地域メッシュコード (都道府県選択)</h6>
            </div>
            
            <div class="card-body">
              <!-- マップ -->
              <div id="wrap">
                <div class="header">
                  <div id='map'>
                  </div>
                </div>
                  
                <!-- ポップアップ -->
                <div id='popup' class='ol-popup'>
                  <a href='#' id='popup-closer' class='ol-popup-closer'></a>
                  <div id='popup-content'>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </main>

</body>
</html>
