<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
    layout:decorate="~{imprimelibros/layout}">

<head>
    <th:block layout:fragment="pagetitle" />
    <th:block th:replace="~{imprimelibros/partials/head-css :: head-css}" />
    <th:block layout:fragment="pagecss">
        <link th:href="@{/assets/css/presupuestador.css}" rel="stylesheet"
            th:unless="${#authorization.expression('isAuthenticated()')}" />
    </th:block>

</head>

<body>

    <div th:replace="~{imprimelibros/partials/topbar   :: topbar}" />
    <div th:if="${#authorization.expression('isAuthenticated()')}">
        <div th:replace="~{imprimelibros/partials/sidebar :: sidebar}" />
    </div>

    <th:block layout:fragment="content">
        <div th:if="${#authorization.expression('isAuthenticated()')}">
            <div class="container-fluid">
                <!-- contenido para usuario logueado -->
            </div>
        </div>
        <div th:unless="${#authorization.expression('isAuthenticated()')}">
            <div th:insert="~{imprimelibros/presupuestos/presupuestador :: presupuestador}"></div>
        </div>
    </th:block>

    <th:block layout:fragment="modal" />
    <th:block th:replace="~{theme/partials/vendor-scripts :: scripts}" />
    <th:block layout:fragment="pagejs">
        <div th:unless="${#authorization.expression('isAuthenticated()')}">
            <script th:src="@{/assets/js/pages/imprimelibros/presupuestador/imagen-selector.js}"></script>
            <script type="module" th:src="@{/assets/js/pages/imprimelibros/presupuestador/presupuestador.js}"></script>
            <script type="module" th:src="@{/assets/js/pages/imprimelibros/presupuestador/presupuesto-maquetacion.js}"></script>
            <script type="module" th:src="@{/assets/js/pages/imprimelibros/presupuestador/presupuesto-marcapaginas.js}"></script>
        </div>
        <script th:inline="javascript">
            window.languageBundle = /*[[${languageBundle}]]*/ {};
        </script>
    </th:block>
</body>

</html>