templates/pages/_includes/forms/_subscription_form.html.twig line 1

Open in your IDE?
  1. {% set target = sulu_content_load('30bc1cec-ad2a-4e7a-aad3-fcf116953428', {
  2. 'aa': 'url'
  3. }) %}
  5. {{ form_start(form, {'attr': {'novalidate': 'novalidate', 'id': 'subscription-form', 'data-url': path('customer_subscription'), 'data-success-url': sulu_content_path(target.content.aa, target.webspaceKey)}}) }}
  7. <div class="top">
  8. {% include 'pages/_includes/icons/login/login-1.svg' %}
  9. <div class="h1">{{ 'auth.subscription_form.title'|trans }}</div>
  10. {% if success is defined and success is not null %}
  11. <div class="text-success">{{ success }}</div>
  12. {% endif %}
  13. </div>
  15. <div class="bottom">
  16. <div class="form-group">
  17. {{ form_label(form.civility) }}
  18. <div class="connection-screen__civility-options">
  19. {% for option in form.civility %}
  20. <div class="form-check">
  21. <label class="form-check-label">
  22. {{ form_widget(option, {'attr': {'class': 'form-check-input'}}) }}
  23. <span>{{ option.vars.label }}</span>
  24. </label>
  25. </div>
  26. {% endfor %}
  27. </div>
  28. {{ form_errors(form.civility) }}
  29. </div>
  31. <div class="row">
  32. <div class="col-md-6 col-sm-12 form-group">
  33. {{ form_label(form.lastName) }}
  34. {{ form_widget(form.lastName, {'attr': {'class': 'form-control', 'placeholder': 'auth.subscription_form.last_name_placeholder'|trans}}) }}
  35. {{ form_errors(form.lastName) }}
  36. </div>
  38. <div class="col-md-6 col-sm-12 form-group">
  39. {{ form_label(form.firstName) }}
  40. {{ form_widget(form.firstName, {'attr': {'class': 'form-control', 'placeholder': 'auth.subscription_form.first_name_placeholder'|trans}}) }}
  41. {{ form_errors(form.firstName) }}
  42. </div>
  43. </div>
  45. <div class="form-group">
  46. {{ form_label(form.email) }}
  47. {{ form_widget(form.email, {'attr': {'class': 'form-control', 'placeholder': 'auth.login.email_placeholder'|trans}}) }}
  48. {{ form_errors(form.email) }}
  49. </div>
  51. <div class="form-group">
  52. {{ form_label(form.plainPassword) }}
  53. <div class="input-group">
  54. {{ form_widget(form.plainPassword, {'attr': {'class': 'form-control', 'placeholder': 'auth.login.password_placeholder'|trans}}) }}
  55. <span
  56. class="input-group-text connection-screen__toggle-password"
  57. data-icon-state="closed"
  58. style="cursor: pointer;"
  59. title="{{ 'auth.common.toggle_password_visibility'|trans }}"
  60. >
  61. <span class="icon-eye-closed" style="display: none;">{{ getLucidIcon('eye-off') }}</span>
  62. <span class="icon-eye-open">{{ getLucidIcon('eye') }}</span>
  63. </span>
  64. </div>
  65. {{ form_errors(form.plainPassword) }}
  66. </div>
  68. <div class="top">
  69. <ul class="h2">
  70. <li>{{ 'auth.reset_password.rules.min_length'|trans }}</li>
  71. <li>{{ 'auth.reset_password.rules.uppercase'|trans }}</li>
  72. <li>{{ 'auth.reset_password.rules.lowercase'|trans }}</li>
  73. <li>{{ 'auth.reset_password.rules.digit'|trans }}</li>
  74. <li>{{ 'auth.reset_password.rules.special'|trans }}</li>
  75. </ul>
  76. </div>
  78. <div class="form-group">
  79. {{ form_label(form.plainPasswordRepetition) }}
  80. <div class="input-group">
  81. {{ form_widget(form.plainPasswordRepetition, {'attr': {'class': 'form-control', 'placeholder': 'auth.subscription_form.confirm_password_placeholder'|trans}}) }}
  82. <span
  83. class="input-group-text connection-screen__toggle-password"
  84. data-icon-state="closed"
  85. style="cursor: pointer;"
  86. title="{{ 'auth.common.toggle_password_visibility'|trans }}"
  87. >
  88. <span class="icon-eye-closed" style="display: none;">{{ getLucidIcon('eye-off') }}</span>
  89. <span class="icon-eye-open">{{ getLucidIcon('eye') }}</span>
  90. </span>
  91. </div>
  92. {{ form_errors(form.plainPasswordRepetition) }}
  93. </div>
  95. <div class="form-group">
  96. {{ form_errors(form.plainPassword) }}
  97. </div>
  99. <div class="form-group">
  100. <div class="">
  101. {{ form_widget(form.newsletterConsent, {'attr': {'class': 'form-check-input'}}) }}
  102. {{ form_label(form.newsletterConsent, null, {'label_attr': {'class': 'form-check-label'}}) }}
  103. </div>
  104. {{ form_errors(form.newsletterConsent) }}
  105. </div>
  107. <div class="form-group">
  108. <div class="">
  109. {{ form_widget(form.privacyConsent, {'attr': {'class': 'form-check-input'}}) }}
  110. {{ form_label(form.privacyConsent, null, {'label_attr': {'class': 'form-check-label'}}) }}
  111. </div>
  112. {{ form_errors(form.privacyConsent) }}
  113. </div>
  115. <div class="form-group">
  116. {{ form_errors(form) }}
  117. <div class="connection-screen__form-error connection-screen__form-error--subscription alert alert-danger" style="display: none;"></div>
  118. </div>
  120. <div class="buttons-container mb-2">
  121. {{ form_widget(form.submit, {'attr': {'class': 'btn style1 medium reverse_color'}}) }}
  122. </div>
  123. </div>
  125. {{ form_end(form) }}