{{ form_start(form) }}
    {{ form_widget(form._token) }}
    <div class="row">
        <div class="col-md-3">
            <div class="form-group">
                <label class="form-label">{{ form_label(form.level) }}</label>
                {{ form_widget(form.level) }}
                <a href="javascript:void(0)" class="small">{{ form_help(form.level) }}</a>
            </div>
        </div>
        <div class="col-md-3">
            <div class="form-group">
                <label class="form-label">{{ form_label(form.name) }}</label>
                {{ form_widget(form.name) }}
                <a href="javascript:void(0)" class="small">{{ form_help(form.name) }}</a>
            </div>
        </div>
        <div class="col-md-3">
            <div class="form-group">
                <label class="form-label">{{ form_label(form.ordre) }}</label>
                {{ form_widget(form.ordre) }}
                <a href="javascript:void(0)" class="small">{{ form_help(form.ordre) }}</a>
            </div>
        </div>
        <div class="col-md-3 text-right pt-2">
            <label class="form-label">&nbsp;</label>
            {{ form_widget(form.is_online) }}
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <label class="form-label">{{ form_label(form.optionspackages) }}</label>
                {{ form_widget(form.optionspackages) }}
                <a href="javascript:void(0)" class="small">{{ form_help(form.optionspackages) }}</a>
            </div>
        </div>
    </div>
    <hr>
    <!-- form part -->
    <div class="col-md-12 mb-5">
        <div class="mb-3" id="tarif"
             data-prototype="{{ include('admin/packages/_partials/form_tarifs.html.twig', {'form': form.tarifs.vars.prototype})|e('html_attr') }}"
             data-index="{{ form.tarifs|length > 0 ? form.tarifs|last.vars.name + 1 : 0 }}">
            {% for tarif in form.tarifs %}
                <div class="row" style="display: flex; flex-direction: row;justify-content: space-between; align-items: center;">
                    {{ include('admin/packages/_partials/form_tarifs.html.twig', {'form': tarif}) }}
                </div>
            {% endfor %}
        </div>
        <button type="button" class="btn btn-info pull-left new-tarif" data-collection="#tarif">Ajouter un tarif</button>
    </div>
    <span class="clearfix"></span>
    <!-- end of form part -->

    <div class="text-right mt-3">
        <button type="submit" class="btn btn-primary">{{ button_label|default('Enregistrer') }}</button>&nbsp;
        <button type="reset" class="btn btn-default">Annuler</button>
    </div>
{{ form_end(form, {render_rest: false}) }}