{% if display %}
  <div class="ftr-swipe-content ftr-js-swipe-content ftr-background--light" id="aviseme" style="right:0;">
    <div class="ftr-grid ftr-grid--middle ftr-grid--start ftr-in-space--n">
      <i class="material-icons ftr-in-space--m ftr-in-space--v-l ftr-js-close ftr-text--bold">&#xE5CD;</i>
      <span class="ftr-text--bold">{{ heading_title_aviseme_btn }}</span>
    </div>
    <hr>
    <div class="ftr-swipe-content__main">
      <span class="text-grey">{{ text_let_me_know }} <b>"{{ product_name }}"</b></span>
      <div class="ftr-form js-aviseme-form">
        <label class="ftr-field">
          <input type="text" id="name" name="name" class="ftr-field__entry ftr-js-field__entry" value="{{ login_name }}">
          <span class="ftr-field__text">{{ entry_nome }}</span>
        </label>
        <label class="ftr-field">
          <input type="text" id="email" name="email" class="ftr-field__entry ftr-js-field__entry" value="{{ login_email }}">
          <span class="ftr-field__text">{{ entry_email }}</span>
        </label>
      </div>
      {% if google_captcha %}
        <div id="g-recaptcha" class="g-recaptcha ftr-out-space--t-m" data-sitekey="{{ site_key }}" data-size="compact"></div>
        <script>
          grecaptcha.render('g-recaptcha', {
            'sitekey' : '{{ site_key }}'
          });
        </script>
      {% else %}
        <img src="index.php?route=information/contact/captcha" class="ftr-in-space--t-l">
        <label class="ftr-field">
          <input type="text" id="captcha" name="captcha" class="ftr-field__entry ftr-js-field__entry" value="">
          <span class="ftr-field__text">{{ entry_captcha }}</span>
        </label>
      {% endif %}
      <div class="ftr-out-space--t-xl">
        <button type="button" class="ftr-btn ftr-js-ripple-effect ftr-h--full ftr-background--primary js-btn-aviseme-send" data-product-id="{{ product_id }}">
          {{ button_continue }}
        </button>
      </div>
    </div>
  </div>
{% else %}
  <span class="ftr-text--s ftr-text--dark ftr-block ftr-text--center ftr-out-space--b-s">{{ price_esgotado }}</span>
  <button type="button" class="ftr-btn ftr-background--primary ftr-js-ripple-effect ftr-h--full ftr-js-swipe-content-display js-btn-aviseme" data-swipe-content="aviseme" data-product-id="{{ product_id }}" data-product-name="{{ product_name }}">
    {{ heading_title_aviseme_btn }}
  </button>
{% endif %}
