{% load i18n %}
{% load static %}
{% for backend in backends %}
  <div class="form-check js_select-backends
    {% if operation is not None and 'available_operations' in backend and operation not in backend.available_operations %}
    collapse
    {% else %}
    collapse.show
    {% endif %}
    "
    {% if 'available_operations' in backend %}data-available-operations="{{ backend.available_operations|join:',' }}"{% endif %}
    {% if enable_backends %}data-enable-backends="{{ enable_backends|join:',' }}"{% endif %}
    {% if default_select %}data-default-select{% endif %}
    >
    <input type="checkbox" class="form-check-input" id="{{ backend.name }}CheckBox{{ id }}" name="__backends" value="{{ backend.name }}"
     {% if enable_backends|length > 0 and backend.name in enable_backends and operation == "add" %}
       checked
     {% elif enable_backends|length == 0 and default_select %}
       checked
     {% endif %}>
    <label class="form-check-label" for="{{ backend.name }}CheckBox{{ id }}">
      {{ backend.name }}
      {% if backend.description is not None %} ({{ backend.description }}){% endif %}
    </label>
  </div>
{% endfor %}
<div id="backends-select-error" style="display: none;" class="alert alert-danger py-2 my-2">{% trans 'Select at least one backend' %}</div>