{% extends bap.layout %}

{% block content %}
    <div class="layout-content dashboard-container-wrapper">
        <div class="container-fluid page-title">
            <div class="navigation navbar-extra navbar-extra-right">
                <div class="row">
                    {% block title %}
                        <div class="pull-left pull-left-extra">
                            <div class="pull-left">
                                <h1 class="oro-subtitle">{{ 'oro.dashboard.title.quick_launchpad'|trans }}</h1>
                            </div>
                        </div>
                    {% endblock title %}
                    {% block titleNavButtons %}
                        <div class="pull-right title-buttons-container">
                            {% placeholder dashboard_navButtons_before %}

                            {% block navButtons %}
                                {% import '@OroUI/macros.html.twig' as UI %}

                                {% if dashboards|length > 1 %}
                                    {% import '@OroUI/macros.html.twig' as UI %}

                                    <div class="dashboard-selector-container pull-left">
                                        <label for="dashboard_selector">{{ 'oro.dashboard.entity_plural_label'|trans }}:</label>
                                        <select id="dashboard_selector" {{ UI.renderPageComponentAttributes({
                                            view: 'orodashboard/js/app/views/dashboard-change-view'
                                        }) }}>
                                            <option>{{ 'oro.dashboard.title.chose_dashboard'|trans }}</option>
                                            {% for dashboardModel in dashboards %}
                                                <option value="{{ dashboardModel.id }}">
                                                    {{ dashboardModel.getLabel()|trans }}
                                                </option>
                                            {% endfor %}
                                        </select>
                                    </div>
                                {% endif %}
                            {% endblock navButtons %}
                            {% placeholder dashboard_navButtons_after %}
                        </div>
                    {% endblock titleNavButtons %}
                </div>
            </div>
        </div>
        {% block widgets_content %}
            <div class="container-fluid scrollable-container">
                <div class="row launchpad-container">
                {% block widgets %}
                    <div class="launchpad-first-column">
                        {% placeholder quick_launchpad_left_column %}
                    </div>
                    <div class="launchpad-second-column">
                        {% placeholder quick_launchpad_right_column %}
                    </div>
                {% endblock widgets %}
                </div>
            </div>
        {% endblock widgets_content %}
    </div>
{% endblock content %}