{% extends 'Comitium5DesignerBundle:Breakpoint:base.html.twig' %}

{% import "@Comitium5Designer/Common/buttons.html.twig" as btn %}

{% block topbar %}
    {% embed "Comitium5DesignerBundle:Common:topbar.html.twig" %}
        {% block topbar_title %}
            {% if app.request.attributes.get('_route') == 'designer_breakpoint_edit' %}
                {{ "designer_common.action.edit.something"|trans({"%something%": "designer_common.entity.breakpoint"|transchoice(1)}) }}
            {% else %}
                {{ "designer_common.action.new.m"|trans({"%something%": "designer_common.entity.breakpoint"|transchoice(1)}) }}
            {% endif %}
        {% endblock topbar_title %}
        {% block topbar_search_input %}{% endblock %}
    {% endembed %}
{% endblock topbar %}

{% block page_content %}
    <!-- Begin Page Content -->
    <div class="container-fluid">

        <div class="my-4"></div>

        <div class="col-lg-6 m-auto">

            <!-- Begin Card -->
            <div class="card shadow_ mb-6">
                <div class="card-body">
                    {% block form_content %}
                    {% endblock form_content %}
                </div>

            </div>
            <!-- End of Card -->
        </div>
    </div>
    <!-- /.container-fluid -->
{% endblock %}