<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="stylesheet" href="{{ asset('dist/main.css') }}" />
        <link rel="manifest" href="{% block manifest 'manifest.json' %}" />

        <!-- icons -->
        <link rel="icon" href="images/favicon.png" sizes="16x16" />
        <link rel="icon" href="images/favicon-2x.png" sizes="32x32" />
        <link rel="icon" href="images/favicon.ico" />

        <!-- Apple shit -->
        <link rel="apple-touch-icon" href="images/ios.png" sizes="512x512">
        <link rel="apple-touch-icon" href="images/ios-80.png" sizes="80x80">
        <link rel="apple-touch-icon" href="images/ios-192.png" sizes="192x192">

        <meta name="apple-mobile-web-app-title" content="Co Jedzie?">
        <meta name="apple-mobile-web-app-capable" content="yes">

        <meta name="theme-color" content="white"/>

        <title>{% block title %}Co Jedzie?{% endblock %}</title>

        {% if gtm_tracking %}
            <!-- Google Tag Manager -->
            <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
            })(window,document,'script','dataLayer','{{ gtm_tracking }}');</script>
            <!-- End Google Tag Manager -->
        {% endif %}
    </head>
    <body>
        <noscript>
            {% if gtm_tracking %}
                <!-- Google Tag Manager (noscript) -->
                <iframe src="https://www.googletagmanager.com/ns.html?id={{ gtm_tracking }}"
                        height="0" width="0" style="display:none;visibility:hidden"></iframe>
                <!-- End Google Tag Manager (noscript) -->
            {% endif %}
            <div class="container">
                <div class="alert alert-danger">
                    Aplikacja wymaga do działania obsługi JavaScriptu.
                </div>
            </div>
        </noscript>
        {% block body '' %}
        <footer class="container">
            {% block footer %}
                <span>
                    <img src="{{ asset('images/logo.png') }}" alt="co jedzie logo"/>
                    v. {{ version() }} &bullet;
                    <a href="{{ url('app.swagger_ui') }}">API</a>
                </span>
                <span class="copyright flex flex-space-left justify-content-end">
                    <a href="https://kadet.net"><img src="{{ asset('images/kadet-net-logo.png') }}" alt="kadet.net logo" class="mx-1"/></a>
                    &copy; {{ 'now'|date('Y') }}
                </span>
            {% endblock %}
        </footer>

        {% block javascripts %}{% endblock %}
        <script src="{{ asset('dist/main.js') }}"></script>
    </body>
</html>
