{{ form_start(form) }}
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="infos-tab" data-bs-toggle="tab" data-bs-target="#infos" type="button" role="tab" aria-controls="home" aria-selected="true">
{{ "Informations"|trans }}</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="settings-tab" data-bs-toggle="tab" data-bs-target="#settings" type="button" role="tab" aria-controls="settings" aria-selected="false">
{{ "Settings"|trans }}</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="options-tab" data-bs-toggle="tab" data-bs-target="#options" type="button" role="tab" aria-controls="options" aria-selected="false">{{ "Options"|trans }}</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active pt-4" id="infos" role="tabpanel" aria-labelledby="infos-tab">
{{ form_row(form.name) }}
{{ form_row(form.country) }}
{{ form_row(form.apikey) }}
{{ form_row(form.wttId) }}
{{ form_row(form.logo) }}
{{ form_row(form.mailCopy) }}
</div>
<div class="tab-pane fade pt-4" id="settings" role="tabpanel" aria-labelledby="settings-tab">
{{ form_row(form.channel) }}
{% for setting in form.settings %}
<div class="card mb-3 setting">
<div class="card-header">
<label>{{ setting.vars.form.vars.value.setting.name }}</label>
</div>
<div class="card-body">
<div class="descro fs-7">
{{ setting.vars.form.vars.value.setting.description }}
</div>
{{ form_widget(setting, {widget: setting.vars.form.vars.value.setting.widget}) }}
</div>
</div>
{% endfor %}
{{ form_row(form.loginHash) }}
</div>
<div class="tab-pane fade pt-4" id="options" role="tabpanel" aria-labelledby="options-tab">
{{ form_widget(form) }}
</div>
</div>
<div class="mt-3">
<button class="btn btn-primary mt-3">{{ button_label|default('Save') }}</button>
</div>
{{ form_end(form) }}