{% import "_includes/forms" as forms %}

<div id="{{ id }}">

    <div class="field">
        <div class="heading">
            <label>{{ "Order Status"|t }}</label>
        </div>
        <div class="input ltr">

            <input type="hidden" class="status-input" name="orderStatusId" value="{{ settings.orderStatusId }}" />

            <a class="btn menubtn"><span class="status"></span> {{ "All"|t }}</a>

            <div class="menu">
                <ul class="padded">
                    <li><a><span class="commerceStatusLabel"><span class="status"></span> {{ "All"|t }}</span></a></li>

                    {% for status in orderStatuses %}
                        <li><a data-id="{{ status.id }}">{{ status.htmlLabel()|raw }}</a></li>
                    {% endfor %}
                </ul>
            </div>

        </div>
    </div>

    {{ forms.textField({
        label: "Limit"|t,
        name: 'limit',
        value: settings.limit,
        size: 2,
        errors: settings.getErrors('limit')
    }) }}

</div>