PrintABrick/app/Resources/views/base.html.twig

{% extends 'html.html.twig' %}

{% import 'macros/elements.html.twig' as elements %}

{% block body %}
    <div class="ui fixed inverted menu">
        <div class="ui container">
            {{ knp_menu_render('mainMenu') }}

            <div class="right menu">
                <div class="ui search item category right aligned">
                    <div class="ui icon input transparent inverted">
                        <input class="prompt" type="text" placeholder="Search..." >
                        <i class="search icon"></i>
                    </div>
                    <div class="results transition"></div>
                </div>
            </div>
        </div>
    </div>
    {% block page %}
        <div class="ui main">
            <div class="ui container">
                <div class="ui head vertical segment">
                    <h1 class="ui header">{% block header %}{% endblock %}</h1>

                    <div class="ui small breadcrumb">
                        {% for breadcrumb_item in knp_menu_get_breadcrumbs_array(knp_menu_get_current_item('mainMenu')) %}
                            {% if not loop.last %}
                                <a class="section" href="{{ breadcrumb_item.uri }}">{{ breadcrumb_item.label }}</a>
                                <i class="right chevron icon divider"></i>
                            {% else %}
                                <a class="active section">{{ breadcrumb_item.label }}</a>
                            {% endif %}
                        {% endfor %}
                    </div>
                </div>
                <div class="ui basic segment content">
                    {% for label, flashes in app.session.flashbag.all %}
                        {% for flash in flashes %}
                            {{ elements.flash(label,flash) }}
                        {% endfor %}
                    {% endfor %}

                    {% block content %}

                    {% endblock %}
                </div>
            </div>
        </div>
    {% endblock page %}
    <div class="ui black inverted vertical footer segment stripe">
        {% block footer %}
            <div class="ui aligned container">
                <p>LEGO®, the LEGO logo, the Minifigure, and the Brick and Knob configurations are trademarks of the LEGO Group of Companies which does not sponsor, authorize, or endorse this site.</p>
            </div>
        {% endblock  %}
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}

    <script type="text/javascript">
        $('.ui.search')
            .search({
                type: 'category',
                apiSettings: {
                    action: 'search',
                    url: '{{ path('search_autocomplete')}}?query={query}',
                },
                minCharacters : 3,
                fields: {
                    title: 'name',
                    description: 'id',
                    url: 'url',
                    image: 'img'
                }
            });
    </script>
{% endblock %}