<!DOCTYPE html>
<html>
    {% load static %}

    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link
            rel="stylesheet"
            href="{% static 'tournaments/css/foundation.min.css' %}"
        />
        <link rel="stylesheet" href="{% static 'tournaments/css/style.css' %}" />
        <link rel="stylesheet" href="{% static 'tournaments/css/basics.css' %}" />

        <link
            rel="icon"
            type="image/png"
            href="{% static 'tournaments/images/favicon.png' %}"
        />

        <title>{% block head_title %}Page Title{% endblock %} - Padel Club</title>
        <!-- Matomo -->
        <script>
          var _paq = window._paq = window._paq || [];
          /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
          _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
          _paq.push(["setDoNotTrack", true]);
          _paq.push(['trackPageView']);
          _paq.push(['enableLinkTracking']);
          (function() {
            var u="//matomo.padelclub.app/";
            _paq.push(['setTrackerUrl', u+'matomo.php']);
            _paq.push(['setSiteId', '1']);
            var 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 -->

        {% block extra_js %}{% endblock %}

    </head>

    <body class="wrapper">
        <header>
            <div class="grid-x">
                <div class="medium-6 large-9 cell topblock my-block ">
                    <a href="{% url 'index' %}">
                    <img
                        src="{% static 'tournaments/images/PadelClub_logo_512.png' %}"
                        class="logo inline"
                    />
                    <div class="inline padding-left">
                        <h1 class="club">{% block first_title %}Page Title{% endblock %}</h1>
                        <h1 class="event">{% block second_title %}Page Title{% endblock %}</h1>
                    </div>
                    </a>
                </div>
                {% block right_header %}{% endblock %}
            </div>
        </header>

        <main>
        <!-- Content -->
        {% block content %}
        <!-- The content of child templates will be inserted here -->
        {% endblock %}
        </main>

        <footer/>

    </body>
</html>
