custom/plugins/econdWebAnalytics/src/Resources/views/storefront/component/account/register.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/account/register.html.twig' %}
  2. {% block component_account_register %}
  3.     <div class="card register-card">
  4.         <div class="card-body">
  5.             {% block component_account_register_header %}
  6.                 {% if cardTitle %}
  7.                     <div class="card-title">
  8.                         {{ cardTitle }}
  9.                     </div>
  10.                 {% endif %}
  11.             {% endblock %}
  12.             {% block component_account_register_form %}
  13.                 <form action="{{ path('frontend.account.register.save') }}"
  14.                       class="register-form"
  15.                       method="post"
  16.                       data-form-csrf-handler="true"
  17.                       data-form-validation="true">
  18.                     {# @deprecated tag:v6.5.0 - Block component_account_register_form_csrf will be removed. #}
  19.                     {% block component_account_register_form_csrf %}
  20.                         {{ sw_csrf('frontend.account.register.save') }}
  21.                     {% endblock %}
  22.                     {% block component_account_register_redirect %}
  23.                         <input type="hidden"
  24.                                name="redirectTo"
  25.                                value="{{ redirectTo }}">
  26.                         <input type="hidden"
  27.                                name="redirectParameters"
  28.                                value="{{ redirectParameters }}">
  29.                     {% endblock %}
  30.                     {% block component_account_register_create_account %}
  31.                         {% if feature('FEATURE_NEXT_16236') %}
  32.                             <input type="hidden"
  33.                                    name="createCustomerAccount"
  34.                                    value="1">
  35.                         {% endif %}
  36.                     {% endblock %}
  37.                     {% block component_account_register_form_action %}
  38.                         <input type="hidden"
  39.                                name="errorRoute"
  40.                                value="frontend.account.register.page"/>
  41.                         <input type="hidden"
  42.                                name="errorParameters"
  43.                                value="{{ errorParameters }}">
  44.                     {% endblock %}
  45.                     {% block component_account_register_personal %}
  46.                         <div class="register-personal">
  47.                             {% block component_account_register_personal_fields %}
  48.                                 {% block component_account_register_personal_address_fields %}
  49.                                     {% sw_include '@Storefront/storefront/component/address/address-personal.html.twig' with {
  50.                                         'showBirthdayField': config('core.loginRegistration.showBirthdayField'),
  51.                                         'accountType': data.get('accountType')
  52.                                     } %}
  53.                                 {% endblock %}
  54.                                 {% block component_account_register_company_fields %}
  55.                                     {% sw_include '@Storefront/storefront/component/address/address-personal-company.html.twig' with {
  56.                                         'prefix': 'billingAddress',
  57.                                         'address': data.get('billingAddress')
  58.                                     } %}
  59.                                 {% endblock %}
  60.                                 {% set formGroupMail %}
  61.                                     {% block component_account_register_personal_mail %}
  62.                                         {% block component_account_register_personal_mail_label %}
  63.                                             <label class="form-label"
  64.                                                    for="personalMail">
  65.                                                 {{ "account.personalMailLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  66.                                             </label>
  67.                                         {% endblock %}
  68.                                         {% block component_account_register_personal_mail_input %}
  69.                                             <input type="email"
  70.                                                    class="form-control{% if formViolations.getViolations('/email') is not empty %} is-invalid{% endif %}"
  71.                                                    autocomplete="section-personal email"
  72.                                                    id="personalMail"
  73.                                                    placeholder="{{ "account.personalMailPlaceholder"|trans|striptags }}"
  74.                                                    name="email"
  75.                                                    value="{{ data.get('email') }}"
  76.                                                     {% if config('core.loginRegistration.requireEmailConfirmation') %}
  77.                                                         data-form-validation-equal="personalMail"
  78.                                                     {% endif %}
  79.                                                    required="required">
  80.                                         {% endblock %}
  81.                                         {% block component_account_register_personal_mail_input_error %}
  82.                                             {% if formViolations.getViolations('/email') is not empty %}
  83.                                                 {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
  84.                                                     violationPath: '/email'
  85.                                                 } %}
  86.                                             {% endif %}
  87.                                         {% endblock %}
  88.                                     {% endblock %}
  89.                                 {% endset %}
  90.                                 {% set formGroupMailConfirmation %}
  91.                                     {% block component_account_register_personal_mail_confirmation %}
  92.                                         {% block component_account_register_personal_mail_confirmation_label %}
  93.                                             <label class="form-label"
  94.                                                    for="personalMailConfirmation">
  95.                                                 {{ "account.personalMailConfirmationLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  96.                                             </label>
  97.                                         {% endblock %}
  98.                                         {% block component_account_register_personal_mail_confirmation_input %}
  99.                                             <input type="email"
  100.                                                    class="form-control{% if formViolations.getViolations('/email') is not empty or formViolations.getViolations('/emailConfirmation') is not empty %} is-invalid{% endif %}"
  101.                                                    autocomplete="section-personal email"
  102.                                                    id="personalMailConfirmation"
  103.                                                    placeholder="{{ "account.personalMailConfirmationPlaceholder"|trans|striptags }}"
  104.                                                    name="emailConfirmation"
  105.                                                    value="{{ data.get('emailConfirmation') }}"
  106.                                                    data-form-validation-equal="personalMail"
  107.                                                    data-form-validation-equal-message="{{ "account.personalMailConfirmationInvalidMessage"|trans|striptags }}"
  108.                                                    required="required">
  109.                                         {% endblock %}
  110.                                         {% block component_account_register_personal_mail_confirmation_input_error %}
  111.                                             {% if formViolations.getViolations('/email') is not empty %}
  112.                                                 {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
  113.                                                     violationPath: '/email'
  114.                                                 } %}
  115.                                             {% endif %}
  116.                                             {% if formViolations.getViolations('/emailConfirmation') is not empty %}
  117.                                                 {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
  118.                                                     violationPath: '/emailConfirmation'
  119.                                                 } %}
  120.                                             {% endif %}
  121.                                         {% endblock %}
  122.                                     {% endblock %}
  123.                                 {% endset %}
  124.                                 {% set formGroupPassword %}
  125.                                     {% block component_account_register_personal_password %}
  126.                                         <span class="js-form-field-toggle-guest-mode">
  127.                                             {% block component_account_register_personal_password_label %}
  128.                                                 <label class="form-label"
  129.                                                        for="personalPassword">
  130.                                                     {{ "account.personalPasswordLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  131.                                                 </label>
  132.                                             {% endblock %}
  133.                                             {% block component_account_register_personal_password_input %}
  134.                                                 <input type="password"
  135.                                                        class="form-control{% if formViolations.getViolations('/password') is not empty %} is-invalid{% endif %}"
  136.                                                        autocomplete="new-password"
  137.                                                        id="personalPassword"
  138.                                                        placeholder="{{ "account.personalPasswordPlaceholder"|trans|striptags }}"
  139.                                                        name="password"
  140.                                                        minlength="{{ config('core.loginRegistration.passwordMinLength') }}"
  141.                                                        {% if config('core.loginRegistration.requirePasswordConfirmation') %}
  142.                                                            data-form-validation-equal="newPassword"
  143.                                                        {% endif %}
  144.                                                         {% if config('core.loginRegistration.passwordMinLength') != 0 %}
  145.                                                             data-form-validation-length="{{ config('core.loginRegistration.passwordMinLength') }}"
  146.                                                             data-form-validation-length-message=" {{ "account.personalPasswordDescription"|trans({
  147.                                                                 '%minLength%': config('core.loginRegistration.passwordMinLength')
  148.                                                             })|sw_sanitize }}"
  149.                                                         {% endif %}
  150.                                                        required="required">
  151.                                             {% endblock %}
  152.                                             {% block component_account_register_personal_password_description %}
  153.                                                 {% if config('core.loginRegistration.passwordMinLength') != 0 %}
  154.                                                     <small class="form-text js-validation-message"
  155.                                                            data-form-validation-length-text="true">
  156.                                                         {{ "account.personalPasswordDescription"|trans({
  157.                                                             '%minLength%': config('core.loginRegistration.passwordMinLength')
  158.                                                         })|sw_sanitize }}
  159.                                                     </small>
  160.                                                 {% endif %}
  161.                                             {% endblock %}
  162.                                             {% block component_account_register_personal_password_input_error %}
  163.                                                 {% if formViolations.getViolations('/password') is not empty %}
  164.                                                     {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
  165.                                                         violationPath: '/password'
  166.                                                     } %}
  167.                                                 {% endif %}
  168.                                             {% endblock %}
  169.                                         </span>
  170.                                     {% endblock %}
  171.                                 {% endset %}
  172.                                 {% set formGroupPasswordConfirmation %}
  173.                                     {% block component_account_register_personal_password_confirmation %}
  174.                                         <span class="js-form-field-toggle-guest-mode">
  175.                                             {% block component_account_register_personal_password_confirmation_label %}
  176.                                                 <label class="form-label"
  177.                                                        for="personalPasswordConfirmation">
  178.                                                     {{ "account.personalPasswordConfirmationLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  179.                                                 </label>
  180.                                             {% endblock %}
  181.                                             {% block component_account_register_personal_password_confirmation_input %}
  182.                                                 <input type="password"
  183.                                                        class="form-control{% if formViolations.getViolations('/password') is not empty or formViolations.getViolations('/passwordConfirmation') is not empty %} is-invalid{% endif %}"
  184.                                                        autocomplete="new-password"
  185.                                                        id="personalPasswordConfirmation"
  186.                                                        placeholder="{{ "account.personalPasswordConfirmationPlaceholder"|trans|striptags }}"
  187.                                                        name="passwordConfirmation"
  188.                                                        minlength="{{ config('core.loginRegistration.passwordMinLength') }}"
  189.                                                        data-form-validation-equal="newPassword"
  190.                                                        data-form-validation-equal-message="{{ "account.personalPasswordConfirmationInvalidMessage"|trans|striptags }}"
  191.                                                        required="required">
  192.                                             {% endblock %}
  193.                                             {% block component_account_register_personal_password_confirmation_input_error %}
  194.                                                 {% if formViolations.getViolations('/password') is not empty %}
  195.                                                     {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
  196.                                                         violationPath: '/password'
  197.                                                     } %}
  198.                                                 {% endif %}
  199.                                                 {% if formViolations.getViolations('/passwordConfirmation') is not empty %}
  200.                                                     {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
  201.                                                         violationPath: '/passwordConfirmation'
  202.                                                     } %}
  203.                                                 {% endif %}
  204.                                             {% endblock %}
  205.                                         </span>
  206.                                     {% endblock %}
  207.                                 {% endset %}
  208.                                 {% block component_account_register_personal_account_fields %}
  209.                                     <div class="{{ formRowClass }}">
  210.                                         <div class="form-group col-sm-6">
  211.                                             {{ formGroupMail }}
  212.                                         </div>
  213.                                         <div class="form-group col-sm-6">
  214.                                             {% if config('core.loginRegistration.requireEmailConfirmation') %}
  215.                                                 {{ formGroupMailConfirmation }}
  216.                                             {% elseif not config('core.loginRegistration.requirePasswordConfirmation') %}
  217.                                                 {{ formGroupPassword }}
  218.                                             {% endif %}
  219.                                         </div>
  220.                                         <div class="form-group col-sm-6">
  221.                                             {% if config('core.loginRegistration.requireEmailConfirmation') or config('core.loginRegistration.requirePasswordConfirmation') %}
  222.                                                 {{ formGroupPassword }}
  223.                                             {% endif %}
  224.                                         </div>
  225.                                         <div class="form-group col-sm-6">
  226.                                             {% if config('core.loginRegistration.requirePasswordConfirmation') %}
  227.                                                 {{ formGroupPasswordConfirmation }}
  228.                                             {% endif %}
  229.                                         </div>
  230.                                     </div>
  231.                                 {% endblock %}
  232.                             {% endblock %}
  233.                         </div>
  234.                     {% endblock %}
  235.                     {% block component_account_register_address %}
  236.                         <div class="register-address">
  237.                             {% block component_account_register_address_fields %}
  238.                                 {% block component_account_register_address_billing %}
  239.                                     <div class="register-billing">
  240.                                         {% block component_account_register_address_billing_header %}
  241.                                             <div class="card-title">
  242.                                                 {{ "account.registerAddressBillingHeader"|trans|sw_sanitize }}
  243.                                             </div>
  244.                                         {% endblock %}
  245.                                         {% block component_account_register_address_billing_fields %}
  246.                                             {% sw_include '@Storefront/storefront/component/address/address-form.html.twig' with {
  247.                                                 'prefix': 'billingAddress',
  248.                                                 'data': data.get('billingAddress'),
  249.                                                 'showNoShippingPostfix': true,
  250.                                             } %}
  251.                                         {% endblock %}
  252.                                     </div>
  253.                                 {% endblock %}
  254.                                 {% block component_account_register_address_different_shipping %}
  255.                                     <div>
  256.                                         {% block component_account_register_address_different_shipping_control %}
  257.                                             <div class="{{ formCheckboxWrapperClass }} register-different-shipping">
  258.                                                 {% block component_account_register_address_different_shipping_input %}
  259.                                                     <input type="checkbox"
  260.                                                            class="{{ formCheckInputClass }} js-different-shipping-checkbox"
  261.                                                            name="differentShippingAddress"
  262.                                                            value="1"
  263.                                                            id="differentShippingAddress"
  264.                                                            {% if data.get('differentShippingAddress') %}checked="checked"{% endif %}
  265.                                                            data-form-field-toggle="true"
  266.                                                            data-form-field-toggle-target=".js-form-field-toggle-shipping-address"
  267.                                                            data-form-field-toggle-value="true"
  268.                                                            data-form-field-toggle-trigger-nested="true">
  269.                                                 {% endblock %}
  270.                                                 {% block component_account_register_address_different_shipping_label %}
  271.                                                     <label class="custom-control-label no-validation"
  272.                                                            for="differentShippingAddress">
  273.                                                         {{ "account.registerDifferentShipping"|trans|sw_sanitize }}
  274.                                                     </label>
  275.                                                 {% endblock %}
  276.                                             </div>
  277.                                         {% endblock %}
  278.                                         {% block component_account_register_address_shipping %}
  279.                                             <div class="register-shipping js-form-field-toggle-shipping-address d-none">
  280.                                                 {% block component_account_register_address_shipping_header %}
  281.                                                     <div class="card-title">
  282.                                                         {{ "account.registerAddressShippingHeader"|trans|sw_sanitize }}
  283.                                                     </div>
  284.                                                 {% endblock %}
  285.                                                 {% block component_account_register_address_shipping_fields %}
  286.                                                     {% block component_account_register_address_shipping_fields_personal %}
  287.                                                         {% sw_include '@Storefront/storefront/component/address/address-personal.html.twig' with {
  288.                                                             'prefix': 'shippingAddress',
  289.                                                             'data': data.get('shippingAddress'),
  290.                                                             'hideCustomerTypeSelect': false,
  291.                                                             'customToggleTarget': true,
  292.                                                             'accountType': data.get('shippingAddress').get('accountType')
  293.                                                         } %}
  294.                                                     {% endblock %}
  295.                                                     {% block component_account_register_address_shipping_fields_company %}
  296.                                                         {% sw_include '@Storefront/storefront/component/address/address-personal-company.html.twig' with {
  297.                                                             'prefix': 'shippingAddress',
  298.                                                             'customToggleTarget': true,
  299.                                                             'address': data.get('shippingAddress')
  300.                                                         } %}
  301.                                                     {% endblock %}
  302.                                                     {% block component_account_register_address_shipping_fields_address %}
  303.                                                         {% sw_include '@Storefront/storefront/component/address/address-form.html.twig' with {
  304.                                                             'prefix': 'shippingAddress',
  305.                                                             'data': data.get('shippingAddress'),
  306.                                                             'showNoShippingPostfix': true,
  307.                                                             'disableNonShippableCountries': true,
  308.                                                         } %}
  309.                                                     {% endblock %}
  310.                                                 {% endblock %}
  311.                                             </div>
  312.                                         {% endblock %}
  313.                                     </div>
  314.                                 {% endblock %}
  315.                             {% endblock %}
  316.                         </div>
  317.                     {% endblock %}
  318.                     {% block component_account_register_captcha %}
  319.                         {% sw_include '@Storefront/storefront/component/captcha/base.html.twig' with { preCheck: true } %}
  320.                     {% endblock %}
  321.                     {% block component_account_register_privacy %}
  322.                         {% sw_include '@Storefront/storefront/component/privacy-notice.html.twig' %}
  323.                     {% endblock %}
  324.                     {% block page_account_overview_newsletter %}
  325.                         <div class="account-overview-card account-overview-newsletter">
  326.                             <div class="card">
  327.                                 <div class="card-body">
  328.                                     {% block page_account_overview_newsletter_title %}
  329.                                         <strong>
  330.                                             {{ "account.newsletterTitle"|trans|sw_sanitize }}
  331.                                         </strong>
  332.                                     {% endblock %}
  333.                                     {% block page_account_overview_newsletter_content %}
  334.                                         <div class="js-newsletter-wrapper">
  335.                                             {% if feature('FEATURE_NEXT_14001') %}
  336.                                                 {% sw_include "@Storefront/storefront/page/account/newsletter.html.twig" with { "newsletterAccountPagelet": page.getNewsletterAccountPagelet() } %}
  337.                                             {% else %}
  338.                                                 {% sw_include "@Storefront/storefront/page/account/newsletter.html.twig" with { "customer": context.customer } %}
  339.                                             {% endif %}
  340.                                         </div>
  341.                                     {% endblock %}
  342.                                 </div>
  343.                             </div>
  344.                         </div>
  345.                     {% endblock %}
  346.                     {% block component_account_register_required_fields %}
  347.                         <p class="register-required-info">
  348.                             {{ "general.requiredFields"|trans|sw_sanitize }}
  349.                         </p>
  350.                     {% endblock %}
  351.                     {% block component_account_register_submit %}
  352.                         <form name="newsletterRegister"
  353.                               method="post"
  354.                               action="{{ path("frontend.account.newsletter") }}"
  355.                               data-form-auto-submit="true"
  356.                               data-form-auto-submit-options='{{ formAutoSubmitOptions|json_encode }}'>
  357.                             {# @deprecated tag:v6.5.0 - Block page_account_overview_newsletter_content_form_csrf will be removed. #}
  358.                             {% block page_account_overview_newsletter_content_form_csrf %}
  359.                                 {{ sw_csrf('frontend.account.register.save') }}
  360.                             {% endblock %}
  361.                             <div class="register-submit">
  362.                                 <button type="submit"
  363.                                         class="btn btn-primary btn-lg">
  364.                                     {{ "account.registerSubmit"|trans|sw_sanitize }}
  365.                                 </button>
  366.                             </div>
  367.                         </form>
  368.                     {% endblock %}
  369.                 </form>
  370.             {% endblock %}
  371.         </div>
  372.     </div>
  373. {% endblock %}