{% extends 'Web/layout.html.twig' %}

{% block header_title %}Point Tools{% endblock %}

{% block css %}
    {{ parent() }}
    <link href="{{ asset('css/main.css') }}" rel="stylesheet">
{% endblock %}

{% block header_navbar %}
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            {%- block header_navbar_container -%}
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                            aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">{{ 'Toggle navigation'|trans }}</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="{{ path('index') }}">Point Tools</a>
                </div>
                <div id="navbar" class="collapse navbar-collapse">
                    {% block header_navbar_menus %}
                        <ul class="nav navbar-nav">
                            <li><a href="{{ path('index') }}"><span class="glyphicon glyphicon-home"></span> {{ 'Main'|trans }}</a></li>
                            <li><a href="{{ path('statistics') }}"><span class="glyphicon glyphicon-stats"></span> {{ 'Statistics'|trans }}</a></li>
                            <li><a href="{{ path('events_last') }}"><span class="glyphicon glyphicon-th-list"></span> {{ 'Last'|trans }}</a></li>
                        </ul>
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="https://t.me/PointToolsBot" target="_blank"><span class="glyphicon glyphicon-send"></span> {{ 'Telegram Bot'|trans }}</a></li>
                            <li><a href="https://git.skobk.in/skobkin/point-tools/issues" target="_blank"><span class="glyphicon glyphicon-envelope"></span> {{ 'Report a bug'|trans }}</a></li>
                        </ul>
                    {% endblock %}
                </div>
            {%- endblock -%}
        </div>
    </nav>
{% endblock %}

{% block container %}
    <div class="row content">
        {% block content %}{% endblock %}
    </div>
{% endblock %}

{% block footer %}
    <div class="row">
        <div class="copyright col-xs-8">
            <p>
                &copy; 2015{% if 2015 != 'now'|date('Y') %}-{{ 'now'|date('Y') }}{% endif %}
                <a href="https://skobk.in/" target="_blank">Alexey Skobkin</a> aka <a href="https://lor.sh/@skobkin" target="_blank">@skobkin</a>
            </p>
        </div>
        <div class="powered-by col-xs-4">
            <p class="pull-right">
                <a href="https://github.com/skobkin/point-tools" target="_blank"><span class="glyphicon glyphicon-download-alt"></span> {{ 'Source code'|trans }}</a>
            </p>
        </div>
    </div>
    {% include 'Web/counters.html.twig' %}
{% endblock %}