{% if display %}
  <div class="overlay overlay-black-3" style="z-index:115;"></div>
  <div class="center-middle-fixed padding-large shadow-small background-white hidden-overflow js-aviseme-container" style="z-index:120;width: 100%;max-width: 300px;max-height: calc(100vh - 12rem);overflow: auto;">
    <div class="row small-space-xs middle-xs js-aviseme-form">
      <div class="col-xs-12">
        <div class="content-box">
          <span class="text-dark text-x-large">{{ heading_title_aviseme_btn }}</span>
          <span class="text-gray text-small visible-block">{{ text_let_me_know }} <b>{{ product_name }}</b></span>
          <hr class="bottom-border-gray vertical-margin-medium">
        </div>
      </div>
      <div class="col-xs-12">
        <label class="field field-medium">
          <span class="field-label">Nome</span>
          <input type="text" name="name" class="field-entry js-field-entry" value="{{ login_name }}">
        </label>
      </div>
      <div class="col-xs-12">
        <label class="field field-medium bottom-margin-medium">
          <span class="field-label">E-mail</span>
          <input type="text" name="email" class="field-entry js-field-entry" value="{{ login_email }}">
        </label>
      </div>
      {% if google_captcha %}
        {% if google_captcha %}
          <div class="col-xs">
            <div class="content-box">
              <div id="g-recaptcha" class="g-recaptcha" data-sitekey="{{ site_key }}"></div>
              <script>
                grecaptcha.render('g-recaptcha', {
                  'sitekey' : '{{ site_key }}'
                });
              </script>
            </div>
          </div>
        {% endif %}
      {% else %}
        <div class="col-xs-12">
          <div class="content-box">
            <img src="index.php?route=information/contact/captcha" alt="" class="visible-block">
          </div>
        </div>
        <div class="col-xs-12">
          <label class="field field-medium">
            <input type="text" class="field-entry js-field-entry" name="captcha" id="captcha" placeholder="{{ entry_captcha }}">
          </label>
        </div>
      {% endif %}
      <div class="col-xs-12">
        <div class="content-box top-margin-medium flex end-xs">
          <button type="button" class="btn-default btn-medium btn-outline right-margin-small js-aviseme-cancel">
            <span>Cancelar</span>
          </button>
          <button type="button" class="btn-default btn-medium btn-continue js-btn-aviseme-send" data-product-id="{{ product_id }}" >
            <span>{{ button_continue }}</span>
          </button>
        </div>
      </div>
    </div>
  </div>
{% else %}
  <button type="button" data-product-id="{{ product_id }}" data-product-name="{{ product_name }}" class="btn-default btn-medium btn-aviseme js-btn-aviseme" >
    <span>{{ heading_title_aviseme_btn }}</span>
  </button>
{% endif %}
