templates/security/registration/register.html.twig line 18

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Registrierung{% endblock %}
  5. {% block content %}
  6. <div class="container-3xl my-5">
  7. <div class="row">
  8. <div class="col-12 mb-5">
  9. <div class="d-flex align-items-center justify-content-between">
  10. <h1 class="ornament-with-child">{{ 'register.page.headline'|resolve }}</h1>
  11. <a href="{{ path('index') }}" class="d-block border px-3 text-reset text-decoration-none py-2 border-dark">Zurück</a>
  12. </div>
  13. </div>
  14. <div class="col-12 col-md-6">
  15. <div class="p-5 bg-lightgrey">
  16. <h3 class="mb-4">{{ 'register.page.box.headline'|resolve }}</h3>
  17. <div class="mb-4">{{ 'register.page.box.description'|resolve }}</div>
  18. {{ form_errors(registrationForm) }}
  19. {{ form_start(registrationForm) }}
  20. <div class="row">
  21. <div class="col-12 col-lg-6 d-flex flex-column">
  22. {{ form_label(registrationForm.firstname, 'Vorname *') }}
  23. {{ form_widget(registrationForm.firstname, { attr: { class: 'mb-3 p-2 border-0' } }) }}
  24. {{ form_errors(registrationForm.firstname) }}
  25. </div>
  26. <div class="col-12 col-lg-6 d-flex flex-column">
  27. {{ form_label(registrationForm.lastname, 'Name *') }}
  28. {{ form_widget(registrationForm.lastname, { attr: { class: 'mb-3 p-2 border-0' } }) }}
  29. {{ form_errors(registrationForm.lastname) }}
  30. </div>
  31. <div class="col-12 d-flex flex-column">
  32. {{ form_label(registrationForm.email, 'E-Mail *') }}
  33. {{ form_widget(registrationForm.email, { attr: { class: 'mb-3 p-2 border-0' } }) }}
  34. {{ form_errors(registrationForm.email) }}
  35. </div>
  36. <div class="col-12 d-flex flex-column">
  37. {{ form_label(registrationForm.plainPassword, 'Passwort *') }}
  38. {{ form_widget(registrationForm.plainPassword, {
  39. label: 'Password',
  40. attr: { class: 'mb-3 p-2 border-0' }
  41. }) }}
  42. {{ form_errors(registrationForm.plainPassword) }}
  43. </div>
  44. <div class="col-12 col-sm-6 d-flex flex-column">
  45. {{ form_label(registrationForm.addressBook.street, 'Straße *') }}
  46. {{ form_errors(registrationForm.addressBook.street) }}
  47. {{ form_widget(registrationForm.addressBook.street, { attr: { class: 'mb-3 p-2 border-0' } }) }}
  48. </div>
  49. <div class="col-12 col-sm-6 d-flex flex-column">
  50. {{ form_label(registrationForm.addressBook.houseNumber, 'Hausnummer *') }}
  51. {{ form_errors(registrationForm.addressBook.houseNumber) }}
  52. {{ form_widget(registrationForm.addressBook.houseNumber, { attr: { class: 'mb-3 p-2 border-0' } }) }}
  53. </div>
  55. <div class="col-12 col-sm-6 d-flex flex-column">
  56. {{ form_label(registrationForm.addressBook.zip, 'PLZ *') }}
  57. {{ form_errors(registrationForm.addressBook.zip) }}
  58. {{ form_widget(registrationForm.addressBook.zip, { attr: { class: 'mb-3 p-2 border-0' } }) }}
  59. </div>
  60. <div class="col-12 col-sm-6 d-flex flex-column">
  61. {{ form_label(registrationForm.addressBook.city, 'Ort *') }}
  62. {{ form_errors(registrationForm.addressBook.city) }}
  63. {{ form_widget(registrationForm.addressBook.city, { attr: { class: 'mb-3 p-2 border-0' } }) }}
  64. </div>
  66. <div class="col-12 col-sm-6 d-flex flex-column">
  67. {{ form_label(registrationForm.addressBook.phoneNumber, 'Telefon') }}
  68. {{ form_errors(registrationForm.addressBook.phoneNumber) }}
  69. {{ form_widget(registrationForm.addressBook.phoneNumber, { attr: { class: 'mb-3 p-2 border-0' } }) }}
  70. </div>
  72. <div class="col-12 col-sm-6 d-flex flex-column">
  73. {{ form_label(registrationForm.addressBook.ikNumber, 'IK Nummer') }}
  74. {{ form_errors(registrationForm.addressBook.ikNumber) }}
  75. {{ form_widget(registrationForm.addressBook.ikNumber, { attr: { class: 'mb-3 p-2 border-0' } }) }}
  76. </div>
  78. {% if tenant.config.enableCustomerNumber %}
  79. <div class="col-12 col-sm-6 d-flex flex-column">
  80. {{ form_label(registrationForm.addressBook.customerNumber, 'Kundennummer') }}
  81. {{ form_errors(registrationForm.addressBook.customerNumber) }}
  82. {{ form_widget(registrationForm.addressBook.customerNumber, { attr: { class: 'mb-3 p-2 border-0' } }) }}
  83. </div>
  84. {% endif %}
  86. <div class="col-12 col-sm-6 d-flex flex-column">
  87. {{ form_label(registrationForm.addressBook.state, 'Bundesland') }}
  88. {{ form_errors(registrationForm.addressBook.state) }}
  89. {{ form_widget(registrationForm.addressBook.state, { attr: { class: 'mb-3 p-2 border-0' } }) }}
  90. </div>
  91. <div class="col-12 d-block">
  92. {{ form_widget(registrationForm.agreeToTiInfos, { attr: { class: 'border border-dark mb-3 p-2' } }) }}
  93. {{ form_label(registrationForm.agreeToTiInfos) }}
  94. </div>
  95. </div>
  96. {{ form_end(registrationForm) }}
  97. </div>
  98. </div>
  99. <div class="col-12 col-md-6 mt-5 mt-md-0">
  100. {{ 'register.page.description'|resolve }}
  101. </div>
  102. </div>
  103. </div>
  104. {% endblock %}