custom/plugins/ProcWegReg/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_header %}
  3.     {% if cardTitle %}
  4.         <div class="card-title">
  5.             {{ cardTitle }}
  6.         </div>
  7.         <div class="card-title-subline">
  8.             {{ "proc.register.title-subline"|trans|sw_sanitize }}
  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.         {% block component_account_register_form_csrf %}
  19.             {{ sw_csrf('frontend.account.register.save') }}
  20.         {% endblock %}
  21.         {% block component_account_register_redirect %}
  22.             <input type="hidden"
  23.                    name="redirectTo"
  24.                    value="{{ redirectTo }}">
  25.             <input type="hidden"
  26.                    name="redirectParameters"
  27.                    value="{{ redirectParameters }}">
  28.         {% endblock %}
  29.         {% block component_account_register_create_account %}
  30.             {% if feature('FEATURE_NEXT_16236') %}
  31.                 <input type="hidden"
  32.                        name="createCustomerAccount"
  33.                        value="1">
  34.             {% endif %}
  35.         {% endblock %}
  36.         {% block component_account_register_form_action %}
  37.             <input type="hidden"
  38.                    name="errorRoute"
  39.                    value="frontend.account.register.page"/>
  40.             <input type="hidden"
  41.                    name="errorParameters"
  42.                    value="{{ errorParameters }}">
  43.         {% endblock %}
  44.         {% block component_account_register_personal %}
  45.             <div class="register-personal pt-3">
  46.                 {% block component_account_register_already_customer %}
  47.                     <div class="form-group">
  48.                         {% block component_account_register_already_customer_control %}
  49.                             <div class="form-row register-already-customer">
  50.                                 <div class="form-group col-md-6">
  51.                                     {% block component_account_register_already_customer_label %}
  52.                                         <label class="no-validation"
  53.                                             for="alreadyCustomerCheckbox">
  54.                                             {{ "account.registerAlreadyCustomer"|trans|sw_sanitize }}
  55.                                         </label>
  56.                                     {% endblock %}
  57.                                     {% block component_account_register_already_customer_input %}
  58.                                         <select 
  59.                                             class="custom-select js-already-customer-checkbox"
  60.                                             name="alreadyCustomerCheckbox"
  61.                                             id="alreadyCustomerCheckbox"
  62.                                             data-form-field-toggle="true"
  63.                                             data-form-field-toggle-target=".js-form-field-toggle-already-customer"
  64.                                             data-form-field-toggle-value='"1"'
  65.                                             data-form-field-toggle-trigger-nested="true"
  66.                                             required="required">
  67.                                             <option disabled="disabled" selected="selected" value="">{{ "account.accountlDefaultOption"|trans|sw_sanitize }}</option>                                                
  68.                                             <option value="1">{{ "account.accountlAlreadyExist"|trans|sw_sanitize }}</option>
  69.                                             <option value="0">{{ "account.accountlNewCustomer"|trans|sw_sanitize }}</option>
  70.                                         </select>
  71.                                     {% endblock %}
  72.                                 </div> 
  73.                             </div>
  74.                         {% endblock %}
  75.                         {% block component_account_register_sap_customer_number %}
  76.                             <div class="form-row register-sap-customer-number js-form-field-toggle-already-customer d-none">
  77.                                 <div class="form-group col-md-6">
  78.                                     {% block component_account_register_sap_customer_number_label %}
  79.                                         <label class="form-label"
  80.                                                 for="sapCustomerNumber">
  81.                                             {{ "account.personalSapCustomerNumber"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  82.                                         </label>
  83.                                     {% endblock %}
  84.                                     {% block component_account_register_sap_customer_number_input %}
  85.                                         <input type="text"
  86.                                                 class="form-control"
  87.                                                 autocomplete="section-personal sapCustomerNumber"
  88.                                                 id="sapCustomerNumber"
  89.                                                 placeholder="{{ "account.personalSapCustomerNumberPlaceholder"|trans|striptags }}"
  90.                                                 name="sapCustomerNumber"
  91.                                                 required="required">
  92.                                     {% endblock %}
  93.                                 </div>
  94.                             </div>
  95.                         {% endblock %}
  96.                     </div>
  97.                 {% endblock %}
  98.                 {% block component_account_register_personal_fields %}
  99.                     {% block component_account_register_personal_address_fields %}
  100.                         {% sw_include '@Storefront/storefront/component/address/address-personal.html.twig' with {
  101.                             'showBirthdayField': config('core.loginRegistration.showBirthdayField'),
  102.                             'accountType': data.get('accountType'),
  103.                             'onlyCompanyRegistration': true
  104.                         } %}
  105.                     {% endblock %}
  106.                     {% block component_account_register_company_fields %}
  107.                         {% sw_include '@Storefront/storefront/component/address/address-personal-company.html.twig' with {
  108.                             'prefix': 'billingAddress',
  109.                             'address': data.get('billingAddress'),
  110.                             'hasSelectedBusiness': constant('Shopware\\Core\\Checkout\\Customer\\CustomerEntity::ACCOUNT_TYPE_BUSINESS')
  111.                         } %}
  112.                     {% endblock %}
  113.                     {% block component_address_personal_fields_additional %}
  114.                         <div class="{{ formRowClass }}">
  115.                             {% block component_address_personal_fields_kooperation %}
  116.                                 <div class="form-group col-sm-6">
  117.                                     {% block component_address_personal_fields_kooperation_label %}
  118.                                         <label class="form-label"
  119.                                                 for="personalKooperation">
  120.                                             {{ "account.personalKooperationLabel"|trans|sw_sanitize }}
  121.                                         </label>
  122.                                     {% endblock %}
  123.                                     {% block component_address_personal_fields_kooperation_input %}
  124.                                         <input type="text"
  125.                                                 class="form-control{% if violationPath is not empty %} is-invalid{% endif %}"
  126.                                                 id="personalKooperation"
  127.                                                 placeholder="{{ "account.personalKooperationPlaceholder"|trans|striptags }}"
  128.                                                 name="personalKooperation"
  129.                                                 value="{{ data.get('personalKooperation') }}"
  130.                                                 >
  131.                                     {% endblock %}
  132.                                 </div>
  133.                             {% endblock %}
  134.                             {% block component_address_personal_fields_firmen_webseite %}
  135.                                 <div class="form-group col-sm-6">
  136.                                     {% block component_address_personal_fields_firmen_webseite_label %}
  137.                                         <label class="form-label"
  138.                                                 for="personalFirmenWebseite">
  139.                                             {{ "account.personalFirmenWebseiteLabel"|trans|sw_sanitize }}
  140.                                             {# {{ "general.required"|trans|sw_sanitize }} #}
  141.                                         </label>
  142.                                     {% endblock %}
  143.                                     {% block component_address_personal_fields_firmen_webseite_input %}
  144.                                         <input type="text"
  145.                                                 class="form-control{% if violationPath %} is-invalid{% endif %}"
  146.                                                 id="personalFirmenWebseite"
  147.                                                 placeholder="{{ "account.personalFirmenWebseitePlaceholder"|trans|striptags }}"
  148.                                                 name="personalFirmenWebseite"
  149.                                                 value="{{ data.get('personalFirmenWebseite') }}"
  150.                                                 {# data-form-validation-required
  151.                                                 required="required" #}
  152.                                                 >
  153.                                     {% endblock %}
  154.                                 </div>
  155.                             {% endblock %}
  156.                         </div>
  157.                     {% endblock %}
  158.                     {% set formGroupMail %}
  159.                         {% block component_account_register_personal_mail %}
  160.                             {% block component_account_register_personal_mail_label %}
  161.                                 <label class="form-label"
  162.                                        for="personalMail">
  163.                                     {{ "account.personalMailLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  164.                                 </label>
  165.                             {% endblock %}
  166.                             {% block component_account_register_personal_mail_input %}
  167.                                 <input type="email"
  168.                                        class="form-control{% if formViolations.getViolations('/email') is not empty %} is-invalid{% endif %}"
  169.                                        autocomplete="section-personal email"
  170.                                        id="personalMail"
  171.                                        placeholder="{{ "account.personalMailPlaceholder"|trans|striptags }}"
  172.                                        name="email"
  173.                                        value="{{ data.get('email') }}"
  174.                                        {% if config('core.loginRegistration.requireEmailConfirmation') %}
  175.                                        data-form-validation-equal="personalMail"
  176.                                        {% endif %}
  177.                                        required="required">
  178.                             {% endblock %}
  179.                             {% block component_account_register_personal_mail_input_error %}
  180.                                 {% if formViolations.getViolations('/email') is not empty %}
  181.                                     {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
  182.                                         violationPath: '/email'
  183.                                     } %}
  184.                                 {% endif %}
  185.                             {% endblock %}
  186.                         {% endblock %}
  187.                     {% endset %}
  188.                     {% set formGroupMailConfirmation %}
  189.                         {% block component_account_register_personal_mail_confirmation %}
  190.                             {% block component_account_register_personal_mail_confirmation_label %}
  191.                                 <label class="form-label"
  192.                                        for="personalMailConfirmation">
  193.                                     {{ "account.personalMailConfirmationLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  194.                                 </label>
  195.                             {% endblock %}
  196.                             {% block component_account_register_personal_mail_confirmation_input %}
  197.                                 <input type="email"
  198.                                        class="form-control{% if formViolations.getViolations('/email') is not empty or formViolations.getViolations('/emailConfirmation') is not empty %} is-invalid{% endif %}"
  199.                                        autocomplete="section-personal email"
  200.                                        id="personalMailConfirmation"
  201.                                        placeholder="{{ "account.personalMailConfirmationPlaceholder"|trans|striptags }}"
  202.                                        name="emailConfirmation"
  203.                                        value="{{ data.get('emailConfirmation') }}"
  204.                                        data-form-validation-equal="personalMail"
  205.                                        data-form-validation-equal-message="{{ "account.personalMailConfirmationInvalidMessage"|trans|striptags }}"
  206.                                        required="required">
  207.                             {% endblock %}
  208.                             {% block component_account_register_personal_mail_confirmation_input_error %}
  209.                                 {% if formViolations.getViolations('/email') is not empty %}
  210.                                     {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
  211.                                         violationPath: '/email'
  212.                                     } %}
  213.                                 {% endif %}
  214.                                 {% if formViolations.getViolations('/emailConfirmation') is not empty %}
  215.                                     {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
  216.                                         violationPath: '/emailConfirmation'
  217.                                     } %}
  218.                                 {% endif %}
  219.                             {% endblock %}
  220.                         {% endblock %}
  221.                     {% endset %}
  222.                     {% block component_account_register_personal_account_fields %}
  223.                         <div class="{{ formRowClass }}">
  224.                             <div class="form-group col-sm-6">
  225.                                 {{ formGroupMail }}
  226.                             </div>
  227.                             <div class="form-group col-sm-6">
  228.                                 {% if config('core.loginRegistration.requireEmailConfirmation') %}
  229.                                     {{ formGroupMailConfirmation }}
  230.                                 {% elseif not config('core.loginRegistration.requirePasswordConfirmation') %}
  231.                                     {{ formGroupPassword }}
  232.                                 {% endif %}
  233.                             </div>
  234.                             <div class="form-group col-sm-6">
  235.                                 {% if config('core.loginRegistration.requireEmailConfirmation') or config('core.loginRegistration.requirePasswordConfirmation') %}
  236.                                     {{ formGroupPassword }}
  237.                                 {% endif %}
  238.                             </div>
  239.                             <div class="form-group col-sm-6">
  240.                                 {% if config('core.loginRegistration.requirePasswordConfirmation') %}
  241.                                     {{ formGroupPasswordConfirmation }}
  242.                                 {% endif %}
  243.                             </div>
  244.                         </div>
  245.                     {% endblock %}
  246.                     {% block component_account_register_personal_comment %}
  247.                         <div class=" {{ formRowClass }}">
  248.                             {% block component_account_register_personal_comment_label %}
  249.                                 <label class="form-label" for="registrationComment">
  250.                                     {{ "proc.register.customerCommentLabel"|trans|sw_sanitize }}
  251.                                 </label>
  252.                             {% endblock %}
  253.                             {% block component_account_register_personal_comment_textfield %}
  254.                                 <textarea class="form-control"
  255.                                           placeholder="{{ "proc.register.customerCommentPlaceholder"|trans|sw_sanitize }}"
  256.                                           id="registrationComment"
  257.                                           name="registrationComment"></textarea>
  258.                             {% endblock %}
  259.                         </div>
  260.                     {% endblock %}
  261.                 {% endblock %}
  262.             </div>
  263.         {% endblock %}
  264.         {% block component_account_register_address %}
  265.             <div class="register-address">
  266.                 {% block component_account_register_address_fields %}
  267.                     {% block component_account_register_address_billing %}
  268.                         <div class="register-billing">
  269.                             {% block component_account_register_address_billing_header %}
  270.                                 <div class="card-title">
  271.                                     {{ "account.registerAddressBillingHeader"|trans|sw_sanitize }}
  272.                                 </div>
  273.                             {% endblock %}
  274.                             {% block component_account_register_address_billing_fields %}
  275.                                 {% sw_include '@Storefront/storefront/component/address/address-form.html.twig' with {
  276.                                     'prefix': 'billingAddress',
  277.                                     'data': data.get('billingAddress'),
  278.                                     'hasSelectedBusiness': data.get('customerGroup') == constant('Shopware\\Core\\Checkout\\Customer\\CustomerEntity::ACCOUNT_TYPE_BUSINESS')
  279.                                 } %}
  280.                             {% endblock %}
  281.                         </div>
  282.                     {% endblock %}
  283.                     {% block component_account_register_address_different_shipping %}
  284.                     {% endblock %}
  285.                 {% endblock %}
  286.             </div>
  287.         {% endblock %}
  288.         {% block component_account_register_captcha %}
  289.             {% sw_include '@Storefront/storefront/component/captcha/base.html.twig' with { preCheck: true } %}
  290.         {% endblock %}
  291.         {% block component_account_register_privacy %}
  292.             {% sw_include '@Storefront/storefront/component/privacy-notice.html.twig' %}
  293.         {% endblock %}
  294.         {% block component_account_register_required_fields %}
  295.             <p class="register-required-info">
  296.                 {{ "general.requiredFields"|trans|sw_sanitize }}
  297.             </p>
  298.         {% endblock %}
  299.         {% block component_account_register_submit %}
  300.             <div class="register-submit">
  301.                 <button type="submit"
  302.                         class="btn btn-primary btn-lg">
  303.                     {{ "account.registerSubmit"|trans|sw_sanitize }}
  304.                 </button>
  305.             </div>
  306.         {% endblock %}
  307.     </form>
  308. {% endblock %}