{% sw_extends '@Storefront/storefront/base.html.twig' %}{% block base_content %} <div class="container"> <div class="container-main"> <div class="account-register"> <div class="row"> <div class="col-lg-5"> {% block page_account_order_item_overview %} <div class="order-wrapper"> <div class="order-item-header"> <div class="row flex-wrap"> {% block page_account_order_item_heading %} <h3 class="col-auto order-table-header-heading"> Subaccounts</h3> {% endblock %} {% block page_account_order_item_status_col %} <div class="col-12 col-sm"> {% block page_account_order_item_status %} <div class="order-table-header-order-status"> </div> {% endblock %} </div> {% endblock %} {% block page_account_order_item_context_menu_col %} <div class="col-1 order-table-header-context-menu-wrapper"> </div> {% endblock %} {% block page_account_order_item_order_number_col %} {% endblock %} </div> {% block page_account_order_item_order_table_header_col %} {% block page_account_order_item_order_table_header %} <div class="col-12 row order-table-header-order-table-header"> {% block page_account_order_item_order_table_header_cell_shipping_status %} <div class="col-12 col-sm order-table-header-order-table-header-cell">E-mail</div> {% endblock %} {% block page_account_order_item_order_table_header_cell_payment_status %} <div class="col-12 col-sm order-table-header-order-table-header-cell">Firstname</div> {% endblock %} {% block page_account_order_item_order_table_header_cell_payment_method %} <div class="col-12 col-sm order-table-header-order-table-header-cell">Lastname</div> {% endblock %} {% block page_account_order_item_order_table_header_cell_shipping_method %} <div class="col-12 col-sm order-table-header-order-table-header-cell"></div> {% endblock %} {% block page_account_order_item_order_table_header_cell_placeholder %} <div class="col-2 order-table-header-order-table-header-cell"></div> {% endblock %} </div> {% endblock %} {% endblock %} </div> </div> {% block page_account_order_item_detail %} {% sw_include '@Storefront/storefront/page/account/order-history/order-detail.html.twig' %} {% endblock %} {% endblock %} </div> <div class="col-lg-7"> <h3 class="col-auto order-table-header-heading">Create Subaccount</h3> <form action="{{ path('frontend.account.register.save') }}" class="register-form" method="post" data-form-csrf-handler="true" data-form-validation="true"> {% block component_account_register_personal %} <div class="register-personal"> {% block component_account_register_personal_fields %} {% block component_address_personal_fields %} {% block component_address_personal_account_type %} {% if onlyCompanyRegistration or (config('core.loginRegistration.showAccountTypeSelection') and not hideCustomerTypeSelect) %} <div class="form-row"> <div class="form-group col-md-3 col-sm-6 contact-type"> {% block component_address_personal_account_type_label %} <label class="form-label" for="{{ prefix }}accountType"> {{ "account.personalTypeLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }} </label> {% endblock %} {% block component_address_personal_account_type_select %} {% if onlyCompanyRegistration or config('core.loginRegistration.showAccountTypeSelection') %} <select name="{% if prefix %}{{ prefix }}[accountType]{% else %}accountType{% endif %}" id="{{ prefix }}accountType" {% if onlyCompanyRegistration %}disabled{% endif %} required="required" class="custom-select contact-select" data-form-field-toggle="true" data-form-field-toggle-target=".js-field-toggle-contact-type-company{% if customToggleTarget %}-{{ prefix }}{% endif %}" data-form-field-toggle-value="{{ constant('Shopware\\Core\\Checkout\\Customer\\CustomerEntity::ACCOUNT_TYPE_BUSINESS') }}" data-form-field-toggle-scope="{% if scope == 'parent' %}parent{% else %}all{% endif %}" {% if scope == 'parent' %}data-form-field-toggle-parent-selector={{ parentSelector }}{% endif %} > {% endif %} {% set isCompany = false %} {% if page.address.company or data.company is not empty %} {% set isCompany = true %} {% endif %} {% if onlyCompanyRegistration or (accountType and accountType == constant('Shopware\\Core\\Checkout\\Customer\\CustomerEntity::ACCOUNT_TYPE_BUSINESS')) %} {% set isCompany = true %} {% endif %} {% set isLoginPage = false %} {% if activeRoute == 'frontend.account.login.page' %} {% set isLoginPage = true %} {% endif %} {% if isLoginPage %} <option disabled="disabled" selected="selected" value=""> {{ "account.personalTypeLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }} </option> {% endif %} {% if not onlyCompanyRegistration %} <option value="{{ constant('Shopware\\Core\\Checkout\\Customer\\CustomerEntity::ACCOUNT_TYPE_PRIVATE') }}" {% if isCompany == false and isLoginPage == false %} selected="selected"{% endif %}> {{ "account.personalTypePrivate"|trans|sw_sanitize }} </option> {% endif %} <option value="{{ constant('Shopware\\Core\\Checkout\\Customer\\CustomerEntity::ACCOUNT_TYPE_BUSINESS') }}" {% if isCompany == true and isLoginPage == false %} selected="selected"{% endif %}> {{ "account.personalTypeBusiness"|trans|sw_sanitize }} </option> </select> {% if onlyCompanyRegistration %}<input type="hidden" name="accountType" value="{{ constant('Shopware\\Core\\Checkout\\Customer\\CustomerEntity::ACCOUNT_TYPE_BUSINESS') }}">{% endif %} {% endblock %} {% block component_address_personal_account_type_error %} {% endblock %} </div> </div> {% elseif not hideCustomerTypeSelect %} <input type="hidden" name="accountType"> {% endif %} {% endblock %} {% block component_address_personal_fields_salutation_title %} <div class="form-row"> {% block component_address_personal_fields_salutation %} <div class="form-group col-md-3 col-sm-6"> {% block component_address_personal_fields_salutation_label %} <label class="form-label" for="{{ prefix }}personalSalutation"> {{ "account.personalSalutationLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }} </label> {% endblock %} {% block component_address_form_salutation_select %} <select id="{{ prefix }}personalSalutation" class="custom-select{% if formViolations.getViolations('/salutationId') is not empty %} is-invalid{% endif %}" name="{% if prefix %}{{ prefix }}[salutationId]{% else %}salutationId{% endif %}" required="required"> {% if not data.get('salutationId') %} <option disabled="disabled" selected="selected" value=""> {{ "account.personalSalutationPlaceholder"|trans|sw_sanitize }} </option> {% endif %} <option value="058c2837d5e44b9a9223b1144d71c51a"> Keine Angabe </option> <option value="e6524291661a4523b30dab2ef212674a"> Frau </option> <option value="3da60fb5684b477ea02cc2f11a021bf4"> Herr </option> </select> {% endblock %} {% block component_address_form_salutation_select_error %} {% if formViolations.getViolations('/salutationId') is not empty %} {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with { violationPath: '/salutationId' } %} {% endif %} {% endblock %} </div> {% endblock %} {% block component_address_personal_fields_title %} {% if config('core.loginRegistration.showTitleField') %} <div class="form-group col-md-3 col-sm-6"> {% block component_address_personal_fields_title_label %} <label class="form-label" for="{{ prefix }}personalTitle"> {{ "account.personalTitleLabel"|trans|sw_sanitize }} </label> {% endblock %} {% block component_address_personal_fields_title_input %} <input type="text" class="form-control" autocomplete="section-personal title" id="{{ prefix }}personalTitle" placeholder="{{ "account.personalTitlePlaceholder"|trans|striptags }}" name="{% if prefix %}{{ prefix }}[title]{% else %}title{% endif %}" value="{{ data.get('title') }}"> {% endblock %} </div> {% endif %} {% endblock %} </div> {% endblock %} {% block component_address_personal_fields_name %} <div class="form-row"> {% block component_address_personal_fields_first_name %} <div class="form-group col-sm-6"> {% block component_address_personal_fields_first_name_label %} <label class="form-label" for="{{ prefix }}personalFirstName"> {{ "account.personalFirstNameLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }} </label> {% endblock %} {% block component_address_personal_fields_first_name_input %} <input type="text" class="form-control{% if formViolations.getViolations('/firstName') is not empty %} is-invalid{% endif %}" autocomplete="section-personal given-name" id="{{ prefix }}personalFirstName" placeholder="{{ "account.personalFirstNamePlaceholder"|trans|striptags }}" name="{% if prefix %}{{ prefix }}[firstName]{% else %}firstName{% endif %}" value="{{ data.get('firstName') }}" required="required"> {% endblock %} {% block component_address_personal_fields_first_name_input_error %} {% if formViolations.getViolations('/firstName') is not empty %} {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with { violationPath: '/firstName' } %} {% endif %} {% endblock %} </div> {% endblock %} {% block component_address_personal_fields_last_name %} <div class="form-group col-sm-6"> {% block component_address_personal_fields_last_name_label %} <label class="form-label" for="{{ prefix }}personalLastName"> {{ "account.personalLastNameLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }} </label> {% endblock %} {% block component_address_personal_fields_last_name_input %} <input type="text" class="form-control{% if formViolations.getViolations('/lastName') is not empty %} is-invalid{% endif %}" autocomplete="section-personal family-name" id="{{ prefix }}personalLastName" placeholder="{{ "account.personalLastNamePlaceholder"|trans|striptags }}" name="{% if prefix %}{{ prefix }}[lastName]{% else %}lastName{% endif %}" value="{{ data.get('lastName') }}" required="required"> {% endblock %} {% block component_address_personal_fields_last_name_input_error %} {% if formViolations.getViolations('/lastName') is not empty %} {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with { violationPath: '/lastName' } %} {% endif %} {% endblock %} </div> {% endblock %} </div> {% endblock %} {% block component_address_personal_company %} {% if (onlyCompanyRegistration or config('core.loginRegistration.showAccountTypeSelection')) and activeRoute == 'frontend.account.profile.page' %} <div class="js-field-toggle-contact-type-company{% if customToggleTarget %}-{{ prefix }}{% endif %}"> {% block component_address_personal_company_fields %} <div class="form-row"> {% block component_address_personal_company_name %} <div class="form-group col-12"> {% if formViolations.getViolations("/company") is not empty %} {% set violationPath = "/company" %} {% endif %} {% block component_address_personal_company_name_label %} <label class="form-label" for="company"> {{ "address.companyNameLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }} </label> {% endblock %} {% block component_address_personal_company_name_input %} <input type="text" class="form-control{% if violationPath %} is-invalid{% endif %}" id="company" placeholder="{{ "address.companyNamePlaceholder"|trans|striptags }}" name="company" value="{{ data.get('company') }}" required="required"> {% endblock %} {% block component_address_personal_company_name_input_error %} {% if violationPath %} {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %} {% endif %} {% endblock %} </div> {% endblock %} </div> {% endblock %} </div> {% endif %} {% endblock %} {% block component_address_personal_vat_id %} {% if showVatIdField %} {% if config('core.loginRegistration.showAccountTypeSelection') or onlyCompanyRegistration %} <div class="js-field-toggle-contact-type-company{% if customToggleTarget %}-{{ prefix }}{% endif %} js-field-toggle-contact-type-vat-id"> {% block component_address_personal_vat_id_fields %} <div class="form-row"> <div class="form-group col-12"> {% sw_include '@Storefront/storefront/component/address/address-personal-vat-id.html.twig' with { 'vatIds': data.get('vatIds'), 'editMode': true } %} </div> </div> {% endblock %} </div> {% endif %} {% endif %} {% endblock %} {% block component_address_personal_fields_birthday %} {% if showBirthdayField %} {% block component_address_personal_fields_birthday_label %} <label for="{{ prefix }}personalBirthday"> {{ "account.personalBirthdayLabel"|trans|sw_sanitize }}{{ config('core.loginRegistration.birthdayFieldRequired') ? "general.required"|trans|sw_sanitize }} </label> {% endblock %} {% block component_address_personal_fields_birthday_selects %} <div class="form-row"> {% block component_address_personal_fields_birthday_select_day %} <div class="form-group col-md-2 col-4"> <select id="{{ prefix }}personalBirthday" name="{% if prefix %}{{ prefix }}[birthdayDay]{% else %}birthdayDay{% endif %}" class="custom-select{% if formViolations.getViolations('/birthdayDay') is not empty %} is-invalid{% endif %}" {{ config('core.loginRegistration.birthdayFieldRequired') ? 'required="required"' }}> {% if not data.get('birthdayDay') %} <option selected="selected" value=""> {{ "account.personalBirthdaySelectDay"|trans|sw_sanitize }} </option> {% endif %} {% for day in range(1, 31) %} <option value="{{ day }}" {% if day == data.get('birthdayDay') %} selected="selected"{% endif %}> {{ day }} </option> {% endfor %} </select> {% block component_address_personal_fields_birthday_select_day_error %} {% if formViolations.getViolations('/birthdayDay') is not empty %} {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with { violationPath: '/birthdayDay' } %} {% endif %} {% endblock %} </div> {% endblock %} {% block component_address_personal_fields_birthday_select_month %} <div class="form-group col-md-2 col-4"> <select name="{% if prefix %}{{ prefix }}[birthdayMonth]{% else %}birthdayMonth{% endif %}" class="custom-select{% if formViolations.getViolations('/birthdayMonth') is not empty %} is-invalid{% endif %}" {{ config('core.loginRegistration.birthdayFieldRequired') ? 'required="required"' }}> {% if not data.get('birthdayMonth') %} <option selected="selected" value=""> {{ "account.personalBirthdaySelectMonth"|trans|sw_sanitize }} </option> {% endif %} {% for month in range(1, 12) %} <option value="{{ month }}" {% if month == data.get('birthdayMonth') %} selected="selected"{% endif %}> {{ month }} </option> {% endfor %} </select> {% block component_address_personal_fields_birthday_select_month_error %} {% if formViolations.getViolations('/birthdayMonth') is not empty %} {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with { violationPath: '/birthdayMonth' } %} {% endif %} {% endblock %} </div> {% endblock %} {% block component_address_personal_fields_birthday_select_year %} <div class="form-group col-md-2 col-4"> {% set currentYear = "now"|date('Y') %} {% set startYear = currentYear - 120 %} <select name="{% if prefix %}{{ prefix }}[birthdayYear]{% else %}birthdayYear{% endif %}" class="custom-select{% if formViolations.getViolations('/birthdayYear') is not empty %} is-invalid{% endif %}" {{ config('core.loginRegistration.birthdayFieldRequired') ? 'required="required"' }}> {% if not data.get('birthdayYear') %} <option selected="selected" value=""> {{ "account.personalBirthdaySelectYear"|trans|sw_sanitize }} </option> {% endif %} {% for year in range(currentYear, startYear) %} <option value="{{ year }}" {% if year == data.get('birthdayYear') %} selected="selected"{% endif %}> {{ year }} </option> {% endfor %} </select> {% block component_address_personal_fields_birthday_select_year_error %} {% if formViolations.getViolations('/birthdayYear') is not empty %} {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with { violationPath: '/birthdayYear' } %} {% endif %} {% endblock %} </div> {% endblock %} </div> {% endblock %} {% endif %} {% endblock %} {% endblock %} {% set formGroupMail %} {% block component_account_register_personal_mail %} {% block component_account_register_personal_mail_label %} <label class="form-label" for="personalMail"> {{ "account.personalMailLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }} </label> {% endblock %} {% block component_account_register_personal_mail_input %} <input type="email" class="form-control{% if formViolations.getViolations('/email') is not empty %} is-invalid{% endif %}" autocomplete="section-personal email" id="personalMail" placeholder="{{ "account.personalMailPlaceholder"|trans|striptags }}" name="email" value="{{ data.get('email') }}" {% if config('core.loginRegistration.requireEmailConfirmation') %} data-form-validation-equal="personalMail" {% endif %} required="required"> {% endblock %} {% block component_account_register_personal_mail_input_error %} {% if formViolations.getViolations('/email') is not empty %} {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with { violationPath: '/email' } %} {% endif %} {% endblock %} {% endblock %} {% endset %} {% set formGroupMailConfirmation %} {% block component_account_register_personal_mail_confirmation %} {% block component_account_register_personal_mail_confirmation_label %} <label class="form-label" for="personalMailConfirmation"> {{ "account.personalMailConfirmationLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }} </label> {% endblock %} {% block component_account_register_personal_mail_confirmation_input %} <input type="email" class="form-control{% if formViolations.getViolations('/email') is not empty or formViolations.getViolations('/emailConfirmation') is not empty %} is-invalid{% endif %}" autocomplete="section-personal email" id="personalMailConfirmation" placeholder="{{ "account.personalMailConfirmationPlaceholder"|trans|striptags }}" name="emailConfirmation" value="{{ data.get('emailConfirmation') }}" data-form-validation-equal="personalMail" data-form-validation-equal-message="{{ "account.personalMailConfirmationInvalidMessage"|trans|striptags }}" required="required"> {% endblock %} {% block component_account_register_personal_mail_confirmation_input_error %} {% if formViolations.getViolations('/email') is not empty %} {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with { violationPath: '/email' } %} {% endif %} {% if formViolations.getViolations('/emailConfirmation') is not empty %} {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with { violationPath: '/emailConfirmation' } %} {% endif %} {% endblock %} {% endblock %} {% endset %} {% set formGroupPassword %} {% block component_account_register_personal_password %} <span class="js-form-field-toggle-guest-mode"> {% block component_account_register_personal_password_label %} <label class="form-label" for="personalPassword"> {{ "account.personalPasswordLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }} </label> {% endblock %} {% block component_account_register_personal_password_input %} <input type="password" class="form-control{% if formViolations.getViolations('/password') is not empty %} is-invalid{% endif %}" autocomplete="new-password" id="personalPassword" placeholder="{{ "account.personalPasswordPlaceholder"|trans|striptags }}" name="password" minlength="{{ config('core.loginRegistration.passwordMinLength') }}" {% if config('core.loginRegistration.requirePasswordConfirmation') %} data-form-validation-equal="newPassword" {% endif %} {% if config('core.loginRegistration.passwordMinLength') != 0 %} data-form-validation-length="{{ config('core.loginRegistration.passwordMinLength') }}" data-form-validation-length-message=" {{ "account.personalPasswordDescription"|trans({ '%minLength%': config('core.loginRegistration.passwordMinLength') })|sw_sanitize }}" {% endif %} required="required"> {% endblock %} {% block component_account_register_personal_password_description %} {% if config('core.loginRegistration.passwordMinLength') != 0 %} <small class="form-text js-validation-message" data-form-validation-length-text="true"> {{ "account.personalPasswordDescription"|trans({ '%minLength%': config('core.loginRegistration.passwordMinLength') })|sw_sanitize }} </small> {% endif %} {% endblock %} {% block component_account_register_personal_password_input_error %} {% if formViolations.getViolations('/password') is not empty %} {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with { violationPath: '/password' } %} {% endif %} {% endblock %} </span> {% endblock %} {% endset %} {% set formGroupPasswordConfirmation %} {% block component_account_register_personal_password_confirmation %} <span class="js-form-field-toggle-guest-mode"> {% block component_account_register_personal_password_confirmation_label %} <label class="form-label" for="personalPasswordConfirmation"> {{ "account.personalPasswordConfirmationLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }} </label> {% endblock %} {% block component_account_register_personal_password_confirmation_input %} <input type="password" class="form-control{% if formViolations.getViolations('/password') is not empty or formViolations.getViolations('/passwordConfirmation') is not empty %} is-invalid{% endif %}" autocomplete="new-password" id="personalPasswordConfirmation" placeholder="{{ "account.personalPasswordConfirmationPlaceholder"|trans|striptags }}" name="passwordConfirmation" minlength="{{ config('core.loginRegistration.passwordMinLength') }}" data-form-validation-equal="newPassword" data-form-validation-equal-message="{{ "account.personalPasswordConfirmationInvalidMessage"|trans|striptags }}" required="required"> {% endblock %} {% block component_account_register_personal_password_confirmation_input_error %} {% if formViolations.getViolations('/password') is not empty %} {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with { violationPath: '/password' } %} {% endif %} {% if formViolations.getViolations('/passwordConfirmation') is not empty %} {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with { violationPath: '/passwordConfirmation' } %} {% endif %} {% endblock %} </span> {% endblock %} {% endset %} <div class="form-row"> <div class="form-group col-md-6"> <label class="form-label" for="billingAddressdepartment"> Abteilung und Position </label> <input type="text" class="form-control" id="billingAddressdepartment" placeholder="Abteilung eingeben ..." name="billingAddress[department]" value=""> </div> </div> {% block component_account_register_personal_account_fields %} <div class="form-row"> <div class="form-group col-sm-6"> {{ formGroupMail }} </div> <div class="form-group col-sm-6"> {% if config('core.loginRegistration.requireEmailConfirmation') %} {{ formGroupMailConfirmation }} {% elseif not config('core.loginRegistration.requirePasswordConfirmation') %} {{ formGroupPassword }} {% endif %} </div> <div class="form-group col-sm-6"> {% if config('core.loginRegistration.requireEmailConfirmation') or config('core.loginRegistration.requirePasswordConfirmation') %} {{ formGroupPassword }} {% endif %} </div> <div class="form-group col-sm-6"> {% if config('core.loginRegistration.requirePasswordConfirmation') %} {{ formGroupPasswordConfirmation }} {% endif %} </div> </div> {% endblock %} {% endblock %} </div> {% endblock %} {% block component_account_register_submit %} {{ sw_csrf('frontend.account.register.save', {"mode": "input"}) }} <div class="register-submit"> <button type="submit" class="btn btn-primary btn-lg"> {{ "account.registerSubmit"|trans|sw_sanitize }} </button> </div> {% endblock %} </form> </div> </div> </div> </div> </div>{% endblock %}