<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:fragment="commHead">
        <meta charset="UTF-8">
        <meta name="viewport"
              content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <meta http-equiv="Content-Language" content="en"/>
        <meta name="msapplication-TileColor" content="#2d89ef">
        <meta name="theme-color" content="#4188c9">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="HandheldFriendly" content="True">
        <meta name="MobileOptimized" content="320">
        <meta name="ctx" th:content="${#httpServletRequest.getContextPath()}"/>
        <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
        <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico"/>
        <!-- Generated: 2019-04-04 16:55:45 +0200 -->
        <title>딥러닝 페이지</title >
        <link th:href="${#httpServletRequest.getContextPath()}+'/dist/css/tabler.min.css'" rel="stylesheet"/>
        <link th:href="${#httpServletRequest.getContextPath()}+'/dist/css/tabler-buttons.min.css'" rel="stylesheet"/>
        <link th:href="${#httpServletRequest.getContextPath()}+'/dist/css/tabler-flags.min.css'" rel="stylesheet"/>
        <link th:href="${#httpServletRequest.getContextPath()}+'/dist/css/tabler-payments.min.css'" rel="stylesheet"/>
        <link th:href="${#httpServletRequest.getContextPath()}+'/fonts/font-awesome/css/all.min.css'" rel="stylesheet"/>
        <link th:href="${#httpServletRequest.getContextPath()}+'/plugins/ax5ui/css/ax5ui.all.css'" rel="stylesheet"/>

<!--        <link th:href="${#httpServletRequest.getContextPath()}+'/plugins/tabulator/css/bootstrap/tabulator_bootstrap4.min.css'" rel="stylesheet"/>-->
    </th:block>
</head>

<body class="">
    <div class="page">
        <div class="flex-fill">
            <div class="header py-4" th:fragment="commHeader">
                <div class="container">
                    <div class="d-flex">
                        <a class="header-brand" href="./">
                        </a>
                        <div class="d-flex order-lg-2 ml-auto">
                        </div>
                        <a href="#" class="header-toggler d-lg-none ml-3 ml-lg-0" data-toggle="collapse"
                           data-target="#headerMenuCollapse">
                            <span class="header-toggler-icon"></span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="header collapse d-lg-flex p-0" id="headerMenuCollapse" th:fragment="commMenu">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-3 ml-auto">
                        </div>
                        <div class="col-lg order-lg-first">
                            <ul class="nav nav-tabs border-0 flex-column flex-lg-row">
                                <li class="nav-item">
                                    <a href="/" class="nav-link"><i class="fe fe-home"></i> Home</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="my-3 my-md-5">
            </div>
        </div>

        <footer class="footer" th:fragment="commFooter">
            <div class="container">
                <div class="row align-items-center flex-row-reverse">
                    <div class="col-auto ml-lg-auto">
                    </div>
                    <div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
                    </div>
                </div>
            </div>
        </footer>
    </div>
</body>

<th:block th:fragment="commScript">
    <script th:src="${#httpServletRequest.getContextPath()}+'/js/vendors/jquery-3.2.1.min.js'"></script>
    <script th:src="${#httpServletRequest.getContextPath()}+'/js/vendors/jquery.flot.js'"></script>
    <script>
        function getContextPath() {
            if($("meta[name='ctx']").attr("content") === undefined ) return "";
            else return $("meta[name='ctx']").attr("content");
        };
        const contextPath =  getContextPath();
    </script>
    <script th:src="${#httpServletRequest.getContextPath()}+'/js/require.min.js'"></script>
    <script>
        requirejs.config({
            baseUrl:  contextPath
        });
    </script>
    <!-- Dashboard Core -->
    <link th:href="${#httpServletRequest.getContextPath()}+'/css/dashboard.css'" rel="stylesheet"/>
    <script th:src="${#httpServletRequest.getContextPath()}+'/js/dashboard.js'"></script>

    <!-- c3.js Charts Plugin -->
    <link th:href="${#httpServletRequest.getContextPath()}+'/plugins/charts-c3/plugin.css'" rel="stylesheet"/>
    <script th:src="${#httpServletRequest.getContextPath()}+'/plugins/charts-c3/plugin.js'"></script>
    <!-- Input Mask Plugin -->
    <script th:src="${#httpServletRequest.getContextPath()}+'/plugins/input-mask/plugin.js'"></script>
    <!-- Datatables Plugin -->
    <script th:src="${#httpServletRequest.getContextPath()}+'/plugins/datatables/plugin.js'"></script>
    <!-- d3.js Plugin -->
    <script th:src="${#httpServletRequest.getContextPath()}+'/plugins/d3/d3.v3.min.js'"></script>

    <script th:src="${#httpServletRequest.getContextPath()}+'/plugins/ax5ui/js/ax5ui.all.min.js'"></script>


</th:block>
</html>