<?php /** @var \Autogedal\Retragere\Block\RetragereForm $block */ /** @var \Magento\Framework\Escaper $escaper */ $formData = $block->getFormData(); ?> <div class="container retragere-form-wrapper"><p><?= $escaper->escapeHtml(__('Solicitarea de retragere este valabila pana in momentul in care comanda a ajuns la dumneavoastra.')) ?></p><p><?= $escaper->escapeHtml(__('Daca comanda a fost livrata, trebuie folosit')) ?> <a href="<?= $escaper->escapeUrl($block->getUrl('retur')) ?>"><?= $escaper->escapeHtml(__('formularul de retur')) ?></a>.</p><p><?= $escaper->escapeHtml(__('Conform Directivei (UE) 2023/2673, ai dreptul de a te retrage din contract in termen de 14 zile, fara a fi nevoie sa justifici decizia.')) ?></p><form id="retragere-form" action="<?= $escaper->escapeUrl($block->getPostUrl()) ?>" method="post" data-mage-init='{"validation":{}}'><?= $block->getBlockHtml('formkey') ?> <div id="retragere-step-1" class="retragere-step"><h3><?= $escaper->escapeHtml(__('Pasul 1: Datele tale')) ?></h3><div class="field required"><label class="label" for="firstname"><span><?= $escaper->escapeHtml(__('Nume')) ?></span></label> <div class="control"><input type="text" id="firstname" name="firstname" class="input-text required-entry" value="<?= $escaper->escapeHtmlAttr($formData['firstname'] ?? '') ?>"/></div></div><div class="field required"><label class="label" for="lastname"><span><?= $escaper->escapeHtml(__('Prenume')) ?></span></label> <div class="control"><input type="text" id="lastname" name="lastname" class="input-text required-entry" value="<?= $escaper->escapeHtmlAttr($formData['lastname'] ?? '') ?>"/></div></div><div class="field required"><label class="label" for="email"><span><?= $escaper->escapeHtml(__('Email')) ?></span></label> <div class="control"><input type="text" id="email" name="email" class="input-text required-entry validate-email" value="<?= $escaper->escapeHtmlAttr($formData['email'] ?? '') ?>"/></div></div><div class="field required"><label class="label" for="order_number"><span><?= $escaper->escapeHtml(__('Numar comanda')) ?></span></label> <div class="control"><input type="text" id="order_number" name="order_number" class="input-text required-entry" value="<?= $escaper->escapeHtmlAttr($formData['order_number'] ?? '') ?>"/></div></div><div class="field"><label class="label" for="telephone"><span><?= $escaper->escapeHtml(__('Telefon')) ?></span></label> <div class="control"><input type="text" id="telephone" name="telephone" class="input-text" value="<?= $escaper->escapeHtmlAttr($formData['telephone'] ?? '') ?>"/></div></div><div class="field"><label class="label" for="message"><span><?= $escaper->escapeHtml(__('Observatii / Motiv')) ?></span></label> <div class="control"><textarea id="message" name="message" rows="4"><?= $escaper->escapeHtml($formData['message'] ?? '') ?></textarea></div></div><div class="actions-toolbar"><div class="primary"><button type="button" id="retragere-step-1-continue" class="action primary"><span><?= $escaper->escapeHtml(__('Continua')) ?></span></button></div></div></div><div id="retragere-step-2" class="retragere-step" style="display: none;"><h3><?= $escaper->escapeHtml(__('Pasul 2: Confirmare')) ?></h3><p><?= $escaper->escapeHtml(__('Verifica datele introduse si confirma retragerea.')) ?></p><ul class="retragere-recap"><li><strong><?= $escaper->escapeHtml(__('Nume')) ?>:</strong> <span data-recap="firstname"></span></li> <li><strong><?= $escaper->escapeHtml(__('Prenume')) ?>:</strong> <span data-recap="lastname"></span></li> <li><strong><?= $escaper->escapeHtml(__('Email')) ?>:</strong> <span data-recap="email"></span></li> <li><strong><?= $escaper->escapeHtml(__('Numar comanda')) ?>:</strong> <span data-recap="order_number"></span></li> <li><strong><?= $escaper->escapeHtml(__('Telefon')) ?>:</strong> <span data-recap="telephone"></span></li> <li><strong><?= $escaper->escapeHtml(__('Observatii / Motiv')) ?>:</strong> <span data-recap="message"></span></li></ul><div class="actions-toolbar"><div class="secondary"><button type="button" id="retragere-step-2-back" class="action back"><span><?= $escaper->escapeHtml(__('Inapoi')) ?></span></button></div><div class="primary"><button type="submit" class="action primary"><span><?= $escaper->escapeHtml(__('Confirm retragerea')) ?></span></button></div></div></div></form></div><script>
    require(['jquery', 'mage/validation'], function ($) {
        var form = $('#retragere-form');
        var step1 = $('#retragere-step-1');
        var step2 = $('#retragere-step-2');

        $('#retragere-step-1-continue').on('click', function () {
            if (!form.validation('isValid')) {
                return;
            }

            ['firstname', 'lastname', 'email', 'order_number', 'telephone', 'message'].forEach(function (id) {
                var field = document.getElementById(id);
                $('[data-recap="' + id + '"]').text(field.value);
            });

            step1.hide();
            step2.show();
        });

        $('#retragere-step-2-back').on('click', function () {
            step2.hide();
            step1.show();
        });
    });</script>