<?php
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
/** @var \Magento\Newsletter\Block\Subscribe $block */
?>
<div class="block-wrapper newsletter">
<div class="newsletter-container">
<div class="content">
<form class="form subscribe"
novalidate
action="<?= $block->escapeUrl($block->getFormActionUrl()) ?>"
method="post"
data-mage-init='{"validation": {"errorClass": "mage-error"}}'
id="newsletter-validate-detail">
<div class="field">
<div class="control">
<label for="newsletter">
<div class="newsletter-tagline">
<?= $block->escapeHtml(__('Soyez les premiers à recevoir nos offres et notre actualité')) ?>
</div>
<span class="newsletter-input-wrapper">
<input name="email" type="email" id="newsletter" class="newsletter-input"
placeholder="<?= $block->escapeHtml(__('@Votre email')) ?>"
data-mage-init='{"mage/trim-input":{}}'
data-validate="{required:true, 'validate-email':true}"
/>
<button class="button-subscribe"
title="<?= $block->escapeHtmlAttr(__('Je m\'inscris')) ?>"
type="submit"
aria-label="Subscribe">
<span class="button-subscribe-label"><?= $block->escapeHtml(__('Je m\'inscris')) ?></span>
<svg viewbox="0 0 100 100" class="icon icon-send">
<use xlink:href="#icon-send"></use>
</svg>
</button>
</span>
</label>
</div>
</div>
<div id="custom-newsletter-validate-detail-error-message-container"></div>
</form>
</div>
</div>
</div>
<script type="text/x-magento-init">
{
"*": {
"Magento_Customer/js/block-submit-on-send": {
"formId": "newsletter-validate-detail"
}
}
}
</script>
<script>
require([
"jquery",
"mage/mage"
], function($){
var dataForm = $('#newsletter-validate-detail');
dataForm.mage('validation', {
errorPlacement: function(error, element) {
if (element.is('#newsletter')) {
error.appendTo('#custom-newsletter-validate-detail-error-message-container');
} else {
element.after(error);
}
},
});
});
</script>