{% 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 %}

				<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>

			{% 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-aviseme js-btn-aviseme call-me-heigth">
		<span>{{ heading_title_aviseme_btn }}</span>
	</button>

{% endif %}

<script>
	$LAB.setOptions({AllowDuplicates: true}).script('https://www.google.com/recaptcha/api.js').wait(function () {
grecaptcha.render('g-recaptcha', {'sitekey': '{{ site_key }}'});
});
</script>
