<div class="js-adm-modal-container adm-modal-container-full">
    <div class="adm-modal-header">
        <div class="flex between-xs">
            <div class="padding-large">
                <span class="text-x-large text-dark text-bold">Características da Ficha Técnica</span>
            </div>
            <i class="fas fa-times text-small text-dark padding-large cursor-pointer js-adm-modal-close"></i>
        </div>
    </div>
    <form action="{{ action }}" method="get" enctype="multipart/form-data">
      {% if atributos %}
        <div class="adm-modal-content horizontal-padding-large">
          <div class="content-box border-gray background-gray padding-medium">
            <div class="row x-small-space-xs">
              <b>Categoria: </b> {{ mercaIdDescription }}
            </div>
          </div>
            <div class="content-box border-gray background-gray padding-medium">
              <div class="row x-small-space-xs">
                {% for atributo in atributos %}
                  <div class="col-xs-4">
                    <label class="checkbox checkbox-medium">
                      <input class="checkbox-entry" type="checkbox" name="atributo[]" checked>
                      <span class="checkbox-text"><b>{{ atributo.name }}</b>: {{ atributo.description }}</span>
                    </label>
                  </div>
                {% endfor %}
              </div>
            </div>
        </div>
      {% else %}
      <div class="adm-modal-content horizontal-padding-large">
        <div class="content-box border-gray background-gray padding-medium">
          <div class="row x-small-space-xs">
            <b>Características não encontradas</b>
          </div>
        </div>
      </div>
      {% endif %}

        <div class="adm-modal-footer padding-large">
            <div class="flex end-xs">
                <button type="button" class="btn-default btn-medium btn-outline right-margin-small js-adm-modal-close">
                    <span>Cancelar</span>
                </button>
                {% if atributos %}
                    <button type="button" class="btn-default btn-medium btn-primary js-ml-features-apply" data-atributos='{{ atributos_json }}' data-product-id="{{ product_id }}" data-type-product="{{ type_product }}">
                        <span>Aplicar</span>
                    </button>
                {% endif %}
            </div>
        </div>
    </form>
</div>
