<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{% block title %}Spookie{% endblock %}</title>
    <link rel="icon"
          href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">

    {% block stylesheets %}
        {{ encore_entry_link_tags('app') }}
    {% endblock %}

    {% block javascripts %}
        {{ encore_entry_script_tags('app') }}

        <!-- Matomo -->
        <script>
			let _paq = window._paq = window._paq || []
			/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
			_paq.push(["trackPageView"])
			_paq.push(["enableLinkTracking"]);
			(function () {
				const u = "https://analytics.24unix.net/"
				_paq.push(["setTrackerUrl", u + "matomo.php"])
				_paq.push(["setSiteId", "1"])
				const d = document, g = d.createElement("script"), s = d.getElementsByTagName("script")[0]
				g.async = true
				g.src = u + "matomo.js"
				s.parentNode.insertBefore(g, s)
			})()
        </script>
        <!-- End Matomo Code -->
    {% endblock %}

</head>
<body data-turbo="false">

{% include '@default/_header.html.twig' %}

<!-- sidebar -->
<nav id="sidebar" class="m-3">
    <ul class="list-group ml1" id="main-menu">
        <li class="list-group-item list-group-item-action">
            <a href="{{ path('app_projects') }}" class="text-decoration-none">
                <span class="fa fa-lg fa-fw fa-file-code-o" aria-hidden="true" title="Projects"></span>
                <span class="menuText">&nbsp;Projects</span>
            </a>
        </li>
        <li class="list-group-item list-group-item-action">
            <a href="//git.24unix.net" class="text-decoration-none" target="_blank">
                <span class="fa fa-lg fa-fw fa-gitea" aria-hidden="true" title="Gitea"></span>
                <span class="menuText">&nbsp;Gitea</span>
            </a>
            <span class="menuText"><span class="fa fa-external-link" aria-hidden="true"></span></span>
        </li>
        <li class="list-group-item list-group-item-action">
            <a href="//cloud.24unix.net" class="text-decoration-none" target="_blank">
                <span class="fa fa-lg fa-fw fa-nextcloud" aria-hidden="true" title="NextCloud"></span>
                <span class="menuText">&nbsp;NextCloud</span>
            </a>
            <span class="menuText"><span class="fa fa-external-link" aria-hidden="true"></span></span>
        </li>
        <li class="list-group-item list-group-item-action">
            <a href="#" id="toggleSidebar">
                <span id="toggleIcon" class="fa fa-lg fa-caret-square-o-left"></span>
            </a>
        </li>
        <!--                <a href="//pastebin.24unix.net">pastebin.24unix.net</a>-->
    </ul>
</nav>

<div class="container-fluid" id="content">


    <div class="col m-3" id="main_content">

        {#
        <div data-turbo="false">
            {% for message in app.flashes('success') %}
                <div id="react"></div>
                <div
                        {{ stimulus_controller('toastify', {
                            flash: message
                        }) }}
                >
                </div>
                dump(app)
            {% endfor %}
        </div>
        #}

        {% for message in app.flashes('error') %}
            <div class="alert alert-danger">
                {{ message }}
            </div>
        {% endfor %}

        {% block body %}
            <div class="m-5">
                <h1 class="title-show">Quote of the Moment</h1>
                <div class="quote-box p-3">
                    <span class="fa fa-quote-left"></span><br>
                    {{ quote | raw | nl2br }}
                </div>
            </div>
        {% endblock %}
    </div>

</div>

{% include '@default/_footer.html.twig' %}



</body>
</html>