{{ header }}
<header class="background-white bottom-margin-large">
  <div class="container-fluid">
    <div class="row no-space-xs">
      <div class="col-xs-12">
        <div class="content-box vertical-padding-large flex between-xs middle-xs js-header-notifications">
          <div>
            <span class="text-x-large text-dark">{{ heading_title }}</span>
            <div class="adm-breadcrumb">
              {% for breadcrumb in breadcrumbs %}
                <i class="fas fa-angle-right text-x-small text-gray horizontal-padding-small"></i>
                <a href="{{ breadcrumb.href }}" class="text-x-small text-gray text-decoration-none">{{ breadcrumb.text }}</a>
              {% endfor %}
            </div>
          </div>
          <div class="flex flex-row middle-xs">
            <div class="content-box padding-large flex">
              <a href="{{ cancel }}" class="btn-default btn-medium btn-outline right-margin-small">
                <span>{{ button_cancel }}</span>
              </a>
              <button class="btn-default btn-medium btn-primary js-submit-payment-form" data-url="{{ url_save }}" data-redirect="{{url_redirect_success}}">
                <span>{{ button_save }}</span>
              </button>
            </div>
          </div>
          {% if error_warning %}
            <div class="text-small full-width background-error text-error padding-medium bottom-margin-medium rounded-x-small">{{ error_warning }}</div>
          {% endif %}
          {% if success %}
            <div class="text-small full-width background-success text-success padding-medium bottom-margin-medium rounded-x-small">{{ success }}</div>
          {% endif %}
        </div>
      </div>
      <div class="col-xs-12">
        <div class="flex js-tabs" id="tab-info"></div>
      </div>
    </div>
  </div>
</header>
<form class="js-main-form">
  <div class="container-fluid" data-tabs-id="tab-info">

    <div class="row hidden" data-tab="{{ tab_general }}">
      <div class="col-xs-12">
        <div class="content-box">
          <div class="flex between-xs middle-xs">
            <span class="text-x-large text-dark">{{ tab_general }}</span>
          </div>
        </div>
      </div>
      <div class="col-xs-12 col-md-8">
        <div class="background-white padding-large bottom-margin-medium shadow-small">
          <label class="field field-medium bottom-margin-large">
            <span class="field-label required">{{ entry_token }}</span>
            <input type="text" name="wirecard_token" class="field-entry" value="{{ wirecard_token }}"/>
            {% if error_token %}
              <span class="error">{{ error_token }}</span>
            {% endif %}
          </label>
          <label class="field field-medium bottom-margin-large">
            <span class="field-label required">{{ entry_key_access }}</span>
            <input type="text" name="wirecard_key_access" class="field-entry" value="{{ wirecard_key_access }}"/>
            {% if error_key_access %}
              <span class="error">{{ error_key_access }}</span>
            {% endif %}
          </label>
          <button type="button" class="btn-default btn-medium btn-primary bottom-margin-large js-validate-credentials" data-url="{{ url_validate_credentials }}">
            <span>{{ text_validate_credentials }}</span>
          </button>
          <label class="field field-medium bottom-margin-large">
            <span class="field-label required">{{ entry_key_public }}</span>
            <textarea class="field-entry" name="wirecard_key_public">{{ wirecard_key_public }}</textarea>
            {% if error_key_public %}
              <span class="error">{{ error_key_public }}</span>
            {% endif %}
          </label>
          <label class="field field-medium">
            <span class="field-label">{{ entry_wirecard_cnpj }}</span>
            <input type="text" name="wirecard_cnpj" class="field-entry" value="{{ wirecard_cnpj }}" readonly/>
          </label>
        </div>
      </div>
      <div class="col-xs-12 col-md-4">
        <div class="background-white padding-large bottom-margin-medium shadow-small">
          <label class="field field-medium bottom-margin-large">
            <span class="field-label">{{ entry_status }}</span>
            <select class="field-entry js-sort-by-option" name="wirecard_status">
              {% for status in status_list %}
                <option value="{{ status.value }}" {{ status.choice }}>{{ status.description }}</option>
              {% endfor %}
            </select>
          </label>
          <label class="field field-medium bottom-margin-large">
            <span class="field-label">{{ entry_ambiente }}</span>
            <select class="field-entry js-sort-by-option" name="wirecard_ambiente">
              {% for environment in environment_list %}
                <option
                  value="{{ environment.value }}" {{ environment.choice }}>{{ environment.description }}</option>
              {% endfor %}
            </select>
          </label>
          <label class="field field-medium bottom-margin-large">
            <span class="field-label">{{ entry_payment_display }}</span>
            <select class="field-entry js-sort-by-option" name="wirecard_display">
              {% for display_module_option in display_module_options %}
                <option value="{{ display_module_option.value }}" {{ display_module_option.choice }}>{{ display_module_option.description }}</option>
              {% endfor %}
            </select>
          </label>
           <label class="field field-medium bottom-margin-large">
            <span class="field-label">{{ entry_log_error }}</span>
            <select class="field-entry js-sort-by-option" name="wirecard_log_error">
              {% for status in status_list_error %}
                <option value="{{ status.value }}" {{ status.choice }}>{{ status.description }}</option>
              {% endfor %}
            </select>
          </label>
          <label class="field field-medium bottom-margin-large">
            <span class="field-label">{{ entry_order }}</span>
            <input type="text" name="wirecard_order" class="field-entry mask-number" value="{{ wirecard_order }}"/>
          </label>
          <label class="field field-medium">
            <span class="field-label">{{ entry_region }}</span>
            <select class="field-entry js-sort-by-option" name="wirecard_region">
              <option value="0" {{ wirecard_region == 0 ? 'selected' : '' }}>{{ text_all_zones }}</option>
              {% for geo_zone in geo_zones %}
                <option value="{{ geo_zone.id }}" {{ geo_zone.status }}>{{ geo_zone.name }}</option>
              {% endfor %}
            </select>
          </label>
        </div>
      </div>
    </div>

    <div class="row hidden" data-tab="{{ tab_settings_order_status }}">
      <div class="col-xs-12 col-md-8">

        <div class="content-box bottom-padding-large">
          <div class="flex between-xs middle-xs">
            <span class="text-x-large text-dark">{{ tab_settings_order_status }}</span>
          </div>
        </div>

        <div class="background-white padding-large bottom-margin-medium shadow-small">
          <label class="field field-medium bottom-margin-large">
            <span class="field-label">{{ entry_order_status_replicar }}</span>
            <select class="field-entry field-entry-medium js-sort-by-option" name="wirecard_order_status_replicar">
              {% for order_status in order_statuses %}
                <option
                  value="{{ order_status.order_status_id }}"
                  {{ (order_status.order_status_id == wirecard_order_status_replicar) ? 'selected="selected"' : '' }}
                >
                  {{ order_status.name }}
                </option>
              {% endfor %}
            </select>
          </label>
          <label class="field field-medium bottom-margin-large">
            <span class="field-label">{{ entry_order_status_created }}</span>
            <select class="field-entry field-entry-medium js-sort-by-option" name="wirecard_order_status_created">
              {% for order_status in order_statuses %}
                <option
                  value="{{ order_status.order_status_id }}"
                  {{ (order_status.order_status_id == wirecard_order_status_created) ? 'selected="selected"' : '' }}
                >
                  {{ order_status.name }}
                </option>
              {% endfor %}
            </select>
          </label>
          <label class="field field-medium bottom-margin-large">
            <span class="field-label">{{ entry_order_status_waiting }}</span>
            <select class="field-entry field-entry-medium js-sort-by-option" name="wirecard_order_status_waiting">
              {% for order_status in order_statuses %}
                <option
                  value="{{ order_status.order_status_id }}"
                  {{ (order_status.order_status_id == wirecard_order_status_waiting) ? 'selected="selected"' : '' }}
                >
                  {{ order_status.name }}
                </option>
              {% endfor %}
            </select>
          </label>
          <label class="field field-medium bottom-margin-large">
            <span class="field-label">{{ entry_order_status_inanalysis }}</span>
            <select class="field-entry field-entry-medium js-sort-by-option" name="wirecard_order_status_inanalysis">
              {% for order_status in order_statuses %}
                <option
                  value="{{ order_status.order_status_id }}"
                  {{ (order_status.order_status_id == wirecard_order_status_inanalysis) ? 'selected="selected"' : '' }}
                >
                  {{ order_status.name }}
                </option>
              {% endfor %}
            </select>
          </label>
          <label class="field field-medium bottom-margin-large">
            <span class="field-label">{{ entry_order_status_preauthorized }}</span>
            <select class="field-entry field-entry-medium js-sort-by-option" name="wirecard_order_status_preauthorized">
              {% for order_status in order_statuses %}
                <option
                  value="{{ order_status.order_status_id }}"
                  {{ (order_status.order_status_id == wirecard_order_status_preauthorized) ? 'selected="selected"' : '' }}
                >
                  {{ order_status.name }}
                </option>
              {% endfor %}
            </select>
          </label>
          <label class="field field-medium bottom-margin-large">
            <span class="field-label">{{ entry_order_status_authorized }}</span>
            <select class="field-entry field-entry-medium js-sort-by-option" name="wirecard_order_status_authorized">
              {% for order_status in order_statuses %}
                <option
                  value="{{ order_status.order_status_id }}"
                  {{ (order_status.order_status_id == wirecard_order_status_authorized) ? 'selected="selected"' : '' }}
                >
                  {{ order_status.name }}
                </option>
              {% endfor %}
            </select>
          </label>
          <label class="field field-medium bottom-margin-large">
            <span class="field-label">{{ entry_order_status_cancelled }}</span>
            <select class="field-entry field-entry-medium js-sort-by-option" name="wirecard_order_status_cancelled">
              {% for order_status in order_statuses %}
                <option
                  value="{{ order_status.order_status_id }}"
                  {{ (order_status.order_status_id == wirecard_order_status_cancelled) ? 'selected="selected"' : '' }}
                >
                  {{ order_status.name }}
                </option>
              {% endfor %}
            </select>
          </label>
          <label class="field field-medium bottom-margin-large">
            <span class="field-label">{{ entry_order_status_refunded }}</span>
            <select class="field-entry field-entry-medium js-sort-by-option" name="wirecard_order_status_refunded">
              {% for order_status in order_statuses %}
                <option
                  value="{{ order_status.order_status_id }}"
                  {{ (order_status.order_status_id == wirecard_order_status_refunded) ? 'selected="selected"' : '' }}
                >
                  {{ order_status.name }}
                </option>
              {% endfor %}
            </select>
          </label>
          <label class="field field-medium bottom-margin-large">
            <span class="field-label">{{ entry_order_status_reversed }}</span>
            <select class="field-entry field-entry-medium js-sort-by-option" name="wirecard_order_status_reversed">
              {% for order_status in order_statuses %}
                <option
                  value="{{ order_status.order_status_id }}"
                  {{ (order_status.order_status_id == wirecard_order_status_reversed) ? 'selected="selected"' : '' }}
                >
                  {{ order_status.name }}
                </option>
              {% endfor %}
            </select>
          </label>
          <label class="field field-medium">
            <span class="field-label">{{ entry_order_status_settled }}</span>
            <select class="field-entry field-entry-medium js-sort-by-option" name="wirecard_order_status_settled">
              <option value=""></option>
              {% for order_status in order_statuses %}
                <option
                  value="{{ order_status.order_status_id }}"
                  {{ (order_status.order_status_id == wirecard_order_status_settled) ? 'selected="selected"' : '' }}
                >
                  {{ order_status.name }}
                </option>
              {% endfor %}
            </select>
          </label>
        </div>
      </div>
    </div>

    <div class="row hidden" data-tab="{{ tab_settings_payments }}">
      <div class="col-xs-12">
        <div class="content-box">
          <span class="text-x-large text-dark">{{ tab_settings_payments }}</span>
        </div>
      </div>
      <div class="col-xs-12 col-md-4 last-md">
        <div class="content-box background-white shadow-small padding-large js-content-options">
          <label class="field field-medium bottom-margin-medium">
            <span class="field-label">{{ entry_desconto }}</span>
            <select class="field-entry js-discount-status" name="wirecard_discount">
              {% for discount_list in discount_list %}
                {% if wirecard_discount == discount_list.value %}
                  <option value="{{ discount_list.value }}" selected>{{ discount_list.description }}</option>
                {% else %}
                  <option value="{{ discount_list.value }}">{{ discount_list.description }}</option>
                {% endif %}
              {% endfor %}
            </select>
          </label>
          <label class="field field-medium">
            <span class="field-label">{{ entry_desconto_ordem }}</span>
            <input type="text" name="wirecard_discount_order" class="field-entry mask-number" value="{{ wirecard_discount_order }}"/>
          </label>
        </div>
      </div>
      <div class="col-xs-12 col-md-8">
        <div class="content-box">

          <div class="background-white shadow-small padding-large js-content-options">

            {% for billet in billet %}
              <label class="checkbox checkbox-medium">
                <input type="checkbox" class="checkbox-entry js-check-options"
                        name="wirecard_billet[{{ billet.value }}][descricao]"
                        value="{{ billet.description }}" {% if wirecard_billet[billet.value].descricao %} checked {% endif %}>
                <span class="checkbox-text">{{ billet.description }}</span>
              </label>

              <div class="field-group-join hidden top-margin-medium">
                <label class="field field-medium bottom-margin-large">
                  <span class="field-label">{{ text_title }}</span>
                  <input type="text" class="field-entry" name="wirecard_billet[{{ billet.value }}][title]"
                          value="{{ wirecard_billet[billet.value].title }}" disabled>
                </label>
              </div>

              <div class="field-group-join hidden">
                <label class="field field-medium bottom-margin-large">
                  <span class="field-label">{{ text_valor_minimo }}</span>
                  <input type="text" class="field-entry mask-money" name="wirecard_billet[{{ billet.value }}][valor_minimo]"
                          value="{{ wirecard_billet[billet.value].valor_minimo }}" disabled>
                </label>
                <label class="field field-medium bottom-margin-large">
                  <span class="field-label">{{ text_validade }}</span>
                  <input type="text" class="field-entry mask-number" name="wirecard_billet[{{ billet.value }}][validade]"
                          value="{{ wirecard_billet[billet.value].validade }}" maxlength="1" disabled>
                </label>
                <label class="field field-medium bottom-margin-large">
                  <span class="field-label js-label">{{ text_desconto }} {{ wirecard_billet[billet.value].tipo_desconto == 0 ? '(%)' : '(R$)' }}</span>
                  <input type="text" class="field-entry js-discount js-discount-value"
                          name="wirecard_billet[{{ billet.value }}][desconto]"
                          value="{{ wirecard_billet[billet.value].desconto }}"
                          disabled>
                </label>
                <label class="field field-medium bottom-margin-large">
                  <span class="field-label">{{ text_tipo_desconto }}</span>
                  <select class="field-entry js-discount js-type-discount" name="wirecard_billet[{{ billet.value }}][tipo_desconto]"
                          disabled>
                    {% for discount_type in discount_type %}
                      {% if wirecard_billet[billet.value].tipo_desconto == discount_type.value %}
                        <option value="{{ discount_type.value }}" selected>{{ discount_type.description }}</option>
                      {% else %}
                        <option value="{{ discount_type.value }}">{{ discount_type.description }}</option>
                      {% endif %}
                    {% endfor %}
                  </select>
                </label>
              </div>

              <div class="field-group-join hidden">
                <label class="field field-medium bottom-margin-large">
                  <span class="field-label">{{ text_instruction }}</span>
                  <textarea class="field-entry" name="wirecard_billet[{{ billet.value }}][instrucao]" disabled>{{ wirecard_billet[billet.value].instrucao }}</textarea>
                </label>
              </div>

              <div class="field-group-join hidden">

                <div class="flex middle-xs">
                  <div class="full-width bottom-margin-x-small">
                    <span class="field-label">{{ text_logo_billet }}</span>
                  </div>
                  <div class="flex-0 background-white border-gray right-margin-medium hidden-overflow cursor-pointer logo-colors" style="width: 5rem; height: 5rem;">
                    <img id="thumb-logo-boleto" src="{{ logo_boleto }}" class="js-open-file-manager" width="80" height="80">
                    <input type="hidden" id="logo-boleto" name="wirecard_billet[{{ billet.value }}][logo]" value="{{ wirecard_billet[billet.value].logo }}">
                  </div>
                  <div class="flex-1">
                    <div class="flex">
                      <button type="button" class="btn-default right-margin-small btn-primary btn-small js-open-file-manager">
                        <span>{{ text_choice }}</span>
                      </button>
                      <button type="button" class="btn-default btn-outline btn-small js-btn-clear-image">
                        <span>{{ text_remove }}</span>
                      </button>
                    </div>
                  </div>
                </div>

              </div>
            {% endfor %}
          </div>

          <span class="text-x-large text-dark visible-block top-margin-large bottom-margin-medium">{{ text_cartao_credito }}</span>

          <div class="background-white shadow-small padding-large">
            <div>
              <label class="field field-medium bottom-margin-large">
                <span class="field-label">{{ text_title }}</span>
                <input type="text" class="field-entry" name="wirecard_credit_card_title" value="{{ wirecard_credit_card_title }}">
              </label>
            </div>
            <div class="flex nowrap-xs top-margin-large bottom-padding-large">
              <label for="" class="field field-medium left-margin-x-small">
                <span class="field-label">{{ entry_parcela_minima }}</span>
                <input class="field-entry mask-money" type="text" name="wirecard_parcela_minima" value="{{ wirecard_parcela_minima }}">
              </label>
              <label for="" class="field field-medium left-margin-x-small">
                <span class="field-label">{{ entry_wirecard_parcela_qtdmax }}</span>
                <input class="field-entry mask-number js-advanced-installments-number" type="text" name="wirecard_parcela_qtdmax" value="{{ wirecard_parcela_qtdmax }}" />
              </label>
              <label for="" class="field field-medium right-margin-x-small field_installment_fee">
                <span class="field-label">{{ entry_wirecard_parcela_juros }}</span>
                <input class="field-entry mask-percent" type="text" name="wirecard_parcela_juros" value="{{ wirecard_parcela_juros }}">
              </label>
            </div>
            <div>
              <label for="" class="field field-medium left-margin-x-small">
                <span class="field-label">{{ entry_wirecard_config_parcelamento }}</span>
                <select class="field-entry js-advanced-installments-config" name="wirecard_config_parcelamento" data-url="{{ url_parcelamento_config }}" data-modulo="wirecard" >
                  {% for key, display in Type_ConfigParcelamento.getEnumList() %}
                    <option value="{{ key }}" {{ ftr_geral.isSelected(key, wirecard_config_parcelamento) }}>{{ display }}</option>
                  {% endfor %}
                </select>
              </label>
            </div>

            <div class="flex nowrap-xs top-margin-large bottom-padding-large bottom-border-gray parcelamento-padrao">
              <label class="field field-medium bottom-margin-large">
                <span class="field-label">{{ entry_wirecard_parcela_comdesconto }}</span>
                <input class="field-entry mask-number" type="text" name="wirecard_parcela_comdesconto" value="{{ wirecard_parcela_comdesconto }}" />
              </label>
              <label class="field field-medium bottom-margin-large">
                <span class="field-label">{{ entry_wirecard_parcela_desconto }}</span>
                <input class="field-entry mask-percent" type="text" name="wirecard_parcela_desconto" value="{{ wirecard_parcela_desconto }}" />
              </label>
              <label class="field field-medium bottom-margin-large">
                <span class="field-label">{{ entry_wirecard_parcela_semjuros }}</span>
                <input class="field-entry mask-number" type="text" name="wirecard_parcela_semjuros" value="{{ wirecard_parcela_semjuros }}" />
              </label>
            </div>
            <div class="parcelamento-avancado bottom-margin-large"></div>

            <div>
            {% for credit_card in credit_cards %}
              <div class="top-margin-large bottom-padding-large bottom-border-gray js-content-options js-credit-card-flag">
                <label class="checkbox checkbox-medium">
                  <input type="checkbox" class="checkbox-entry js-check-options"
                          name="wirecard_credit_card[{{ credit_card.value }}][descricao]"
                          value="{{ credit_card.description }}" {% if wirecard_credit_card[credit_card.value].descricao %} checked {% endif %}>
                  <span class="checkbox-text">{{ credit_card.description }}</span>
                </label>

                <div class="field-group-join hidden credit-flag-configs">
                  <label class="field field-medium bottom-margin-medium">
                    <span class="field-label">{{ text_valor_minimo }}</span>
                    <input type="text" class="field-entry mask-money"
                            name="wirecard_credit_card[{{ credit_card.value }}][valor_minimo]"
                            value="{{ wirecard_credit_card[credit_card.value].valor_minimo }}" disabled>
                  </label>
                  <label class="field field-medium bottom-margin-medium">
                    <span class="field-label">{{ text_total_parcelas }}</span>
                    <select class="field-entry" name="wirecard_credit_card[{{ credit_card.value }}][total_parcela]"
                            disabled>
                      <option value=""></option>
                      {% for i in 1..12 %}
                        {% if wirecard_credit_card[credit_card.value].total_parcela == i %}
                          <option value="{{ i }}" selected>{{ i }}x</option>
                        {% else %}
                          <option value="{{ i }}">{{ i }}x</option>
                        {% endif %}
                      {% endfor %}
                    </select>
                  </label>
                  <label class="field field-medium bottom-margin-medium">
                    <span class="field-label">{{ text_parcelas_sem_juros }}</span>
                    <select class="field-entry" name="wirecard_credit_card[{{ credit_card.value }}][parcela_juros]"
                            disabled>
                      <option value=""></option>
                      {% for i in 1..12 %}
                        {% if wirecard_credit_card[credit_card.value].parcela_juros == i %}
                          <option value="{{ i }}" selected>{{ i }}x</option>
                        {% else %}
                          <option value="{{ i }}">{{ i }}x</option>
                        {% endif %}
                      {% endfor %}
                    </select>
                  </label>
                </div>
                {% if error_total_parcela[credit_card.value].total_parcela %}
                  <span class="text-error text-small">{{ error_total_parcela[credit_card.value].total_parcela }}</span>
                {% endif %}
              </div>
            {% endfor %}
            </div>
          </div>


          <span class="text-x-large text-dark visible-block top-margin-large bottom-margin-medium">{{ text_transferencia_bancaria }}</span>

          <div class="background-white shadow-small padding-large js-content-options">

            <div class="top-margin-large bottom-padding-large bottom-border-gray">
              <label class="field field-medium bottom-margin-large">
                <span class="field-label">{{ text_title }}</span>
                <input type="text" class="field-entry" name="wirecard_bank_transfer_title"
                        value="{{ wirecard_bank_transfer_title }}">
              </label>
            </div>

            {% for bank_transfer in bank_transfers %}
                <label class="checkbox checkbox-medium bottom-margin-small">
                  <input type="checkbox" class="checkbox-entry js-check-options js-check-bank"
                          name="wirecard_bank_transfer[{{ bank_transfer.value }}][descricao]"
                          value="{{ bank_transfer.description }}" {% if wirecard_bank_transfer[bank_transfer.value].descricao %} checked {% endif %}>
                  <span class="checkbox-text">{{ bank_transfer.description }}</span>
                </label>

                <div class="field-group-join hidden">
                  <label class="field field-medium bottom-margin-large">
                    <span class="field-label">{{ text_valor_minimo }}</span>
                    <input type="text" class="field-entry mask-money"
                            name="wirecard_bank_transfer[{{ bank_transfer.value }}][valor_minimo]"
                            value="{{ wirecard_bank_transfer[bank_transfer.value].valor_minimo }}" disabled>
                  </label>
                  <label class="field field-medium bottom-margin-large">
                    <span class="field-label js-label">{{ text_desconto }} {{ wirecard_bank_transfer[bank_transfer.value].tipo_desconto == 0 ? '(%)' : '(R$)' }}</span>
                    <input type="text" class="field-entry js-discount js-discount-value"
                            name="wirecard_bank_transfer[{{ bank_transfer.value }}][desconto]"
                            value="{{ wirecard_bank_transfer[bank_transfer.value].desconto }}" disabled>
                  </label>
                  <label class="field field-medium bottom-margin-large">
                    <span class="field-label">{{ text_tipo_desconto }}</span>
                    <select  class="field-entry js-discount js-type-discount" name="wirecard_bank_transfer[{{ bank_transfer.value }}][tipo_desconto]"
                            disabled>
                      {% for discount_type in discount_type %}
                        {% if wirecard_bank_transfer[bank_transfer.value].tipo_desconto == discount_type.value %}
                          <option value="{{ discount_type.value }}" selected>{{ discount_type.description }}</option>
                        {% else %}
                          <option value="{{ discount_type.value }}">{{ discount_type.description }}</option>
                        {% endif %}
                      {% endfor %}
                    </select>
                  </label>
                </div>
              </div>
            {% endfor %}

        </div>
      </div>
    </div>

    {% if notifications %}
      <div class="hidden" data-tab="{{ tab_notification }}">
        <div class="row small-space-xs">
          <div class="col-xs-12 col-md-8">
            <span class="text-x-large text-dark visible-block bottom-margin-medium">{{ text_notification }}</span>
            {% for notification in notifications %}
              <div class="flex between-xs middle-xs nowrap-xs background-white shadow-small padding-medium bottom-margin-small js-content-notification">
                <div>
                  <span class="text-small text-dark js-copy-content">{{ notification.url }}</span>
                  <button type="button" class="btn-default btn-white btn-small-square js-copy-action" style="overflow: inherit; display: inline-block">
                    <i class="far fa-clone" title="Copiar"></i>
                  </button>
                </div>
                <button type="button" class="btn-default btn-white btn-small-square js-notification-delete" data-notification-id="{{ notification.id }}">
                  <i class="fas fa-trash"></i>
                </button>
              </div>
            {% endfor %}
          </div>
        </div>
      </div>
    {% endif %}

  </div>
</form>
{{ footer }}
