{#{% extends 'base.html.twig' %}#}
{#{% block title %}PackagingOptions index{% endblock %}#}

{% extends 'base_admin.html.twig' %}
{% form_theme form 'bootstrap_4_layout.html.twig' %}

{% block body %}
    <div class="breadcrumb-holder">
        <div class="container-fluid">
            <ul class="breadcrumb">
                <li class="breadcrumb-item active">{{ title }}</li>
            </ul>
        </div>
    </div>
    <br/>
    {% if is_granted('packaging_option_list') %}
    <div class="container-fluid">
        {% for message in app.flashes('notice') %}
            <div class="alert alert-success" role="alert">
                {{ message }}
            </div>
        {% endfor %}
        <div>
        {% if is_granted('packaging_options_new') %}
            <a href="{{ path('packaging_options_new') }}" class="btn btn-primary"><span class="fa fa-plus"></span> Add packaging option</a>
        {% endif %}
        </div>
        <br>
        {% include 'packaging_options/_filters.html.twig' %}
        <div id="packagingContainer">
        </div>
    </div>
    {% endif %}
    <div class="js-routes" data-packaging-options-list-route="{{ path('packaging_option_list') }}">
    </div>
{% endblock %}
{% block javascripts %}
    <script src="{{ asset('js/app/packaging_options/index-v1.js') }}"></script>
{% endblock javascripts %}