<!DOCTYPE html>
<html xmlns:th="https://www.thymeleaf.org"
    th:replace="~{modules/layouts/layout :: layout(_head = null,_content = ~{::content},_title = ${title + ' - ' + site.title})}">

<th:block th:fragment="content">

    <div class="page_main uk-width-2-3@m">

        <th:block th:replace="~{modules/header}" />

        <div id="pjax-container">

            <main id="primary" class="site-main">

                <div class="page_content" uk-height-viewport="offset-top: true">

                    <article class="post-276 page type-page status-publish hentry">
                        <header class="entry-header">
                            <div class="left">
                                <i class="ri-focus-2-line"></i>
                                <h1 class="entry-title" th:text="${title}"></h1>
                            </div>
                        </header>


                        <div class="entry-content single-content">
                            <section class="db--container">
                                <nav class="db--nav">
                                    <div th:each="type : ${types}" class="db--navItem JiEun"
                                         th:classappend="${type.key == 'movie' ? 'current' : ''}"
                                         th:data-type="${type.key}" th:text="${type.key}"></div>
                                </nav>
                                <div class="db--genres"></div>
                                <div class="db--type">
                                    <div class="db--typeItem" data-status="mark">想看</div>
                                    <div class="db--typeItem" data-status="doing">在看</div>
                                    <div class="db--typeItem is-active" data-status="done">看过</div>
                                </div>
                                <div class="db--list db--list__card" data-type="movie">

                                </div>
                                <div class="block-more block-more__centered">
                                    <div class="lds-ripple u-hide">
                                    </div>
                                </div>
                            </section>
                        </div>
                    </article>

                </div>

            </main>

        </div>

        <th:block th:replace="~{modules/footer-main}" />

    </div>
</th:block>

</html>