<!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>

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

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

        <!-- Matomo -->
        <script>
			const _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>

{% include '_header.html.twig' %}

<div class="container-fluid text-center">
    <div class="row content d-flex justify-content-md-start">
        <div class="col-sm-2 sidenav-left box text-start" id="main-menu">
            <i class="fa fa-lg fa-fw fa-file-code-o" aria-hidden="true"></i>&nbsp<a href="{{ path('app_projects') }}">Projects</a><br>
            <i class="fa fa-lg fa-fw fa-gitea" aria-hidden="true"></i>&nbsp<a href="//git.24unix.net" target="_blank">Gitea</a>&nbsp;<i
                    class="fa fa-external-link" aria-hidden="true"></i><br>
            <i class="fa fa-lg fa-fw fa-nextcloud" aria-hidden="true"></i>&nbsp<a href="//cloud.24unix.net"
                                                                                  target="_blank">NextCloud</a>&nbsp;<i
                    class="fa fa-external-link" aria-hidden="true"></i>
            <!--                <a href="//pastebin.24unix.net">pastebin.24unix.net</a>-->
        </div>
        <div class="col-sm-9 text-left center-block" id="main-content">

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

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

            {% block body %}
                <div class="col">
                    <h1 class="q-title-show">Quote of the Moment</h1>
                    <div class="q-display p-3">
                        {#  <i class="fa fa-quote-left"></i> #}
                        <p class="d-inline">
                            {{ quote | markdown_to_html }}
                        </p>
                    </div>
                </div>
            {% endblock %}
        </div>

        <div class="col-sm-1 sidenav" id="spacer">
        </div>

    </div>
</div>

{% include '_footer.html.twig' %}

</body>
</html>