{% load i18n %}
<div class="d-flex align-items-start justify-content-between gap-3 border-bottom pb-3">
    <div>
        <label class="form-label mb-1" for="switch_{{ field }}">{% translate title %}</label>
        <div class="small text-muted">{% translate description %}</div>
    </div>
    <div class="form-check form-switch flex-shrink-0">
        <input type="hidden"
               name="{{ field }}"
               id="value_{{ field }}"
               value="{% if checked == 'on' %}on{% else %}off{% endif %}">
        <input class="form-check-input backup-setting-switch"
               type="checkbox"
               role="switch"
               id="switch_{{ field }}"
               data-value-target="value_{{ field }}"
               {% if target %}data-section-target="{{ target }}"{% endif %}
               {% if checked == 'on' %}checked{% endif %}>
    </div>
</div>