templates/bundles/FOSUserBundle/Registration/register_content_email_form.html.twig line 75

Open in your IDE?
  1. {% trans_default_domain 'FOSUserBundle' %}
  3. <style>
  4. /* Living Styleguide Styles für das E-Mail-Eingabefeld */
  5. #fos_user_registration_form_email_first {
  6. display: block;
  7. width: 100%;
  8. border-radius: 0.75rem;
  9. border: 0;
  10. padding: 0.375rem 0.75rem;
  11. color: #1f2937;
  12. box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  13. outline: none;
  14. transition: all 150ms;
  15. background-color: #FAFAFA;
  16. /* Ring effect */
  17. --tw-ring-offset-shadow: 0 0 #0000;
  18. --tw-ring-shadow: 0 0 0 1px #d1d5db inset;
  19. box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 2px 0 rgb(0 0 0 / 0.05);
  20. }
  22. #fos_user_registration_form_email_first:focus {
  23. background-color: white;
  24. --tw-ring-shadow: 0 0 0 2px #6b7280 inset;
  25. box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 2px 0 rgb(0 0 0 / 0.05);
  26. }
  28. #fos_user_registration_form_email_first::placeholder {
  29. color: #9ca3af;
  30. }
  31. </style>
  33. <div class="col-md-6 mb-4">
  34. <div class="jlls-card">
  35. <div class="jlls-card-title" style="background-color: #CE99F2;">
  36. <span class="jlls-card-title-text" style="color: white;">
  37. {% if createWithRole == constant('App\\Entity\\User::ROLE_NAME_JOBOFFERER') %}
  38. {{ 'registration.headline_register_now_jobofferer'|trans|raw }}
  39. {% else %}
  40. {{ 'registration.headline_register_now_jobseeker'|trans|raw }}
  41. {% endif %}
  42. </span>
  43. </div>
  44. <div class="tw-p-6">
  45. <p class="jlls-text tw-mb-4">
  46. {% if createWithRole == constant('App\\Entity\\User::ROLE_NAME_JOBOFFERER') %}
  47. {{ 'registration.please_fill_out.jobofferer'|trans }}
  48. {% else %}
  49. {{ 'registration.please_fill_out.jobseeker'|trans }}
  50. {% endif %}
  51. </p>
  52. {{ form_start(form, {'method': 'post', 'action': path('fos_user_registration_register', {'createWithRole': createWithRole}), 'attr': {'class': 'fos_user_registration_register', 'id': 'register-form'}}) }}
  53. {{ form_widget(form.email, {'attr': {'class': 'jlls-text'}}) }}
  54. <div class="tw-mb-3">
  55. {{ form_row(form.acceptedTermsAndConditions) }}
  56. </div>
  58. <div class="tw-flex tw-flex-col tw-gap-4 tw-mt-6">
  59. {{ captchaJavascript('register-form', 'submit-button') }}
  61. <div class="{{ captchaSubmitClass() }}" {{ captchaSubmitDataAttributes() }}></div>
  63. <button type="submit" class="submit-button jlls-button-tertiary tw-w-full tw-justify-center" data-testid="registration-submit-button">
  64. {{ 'registration.submit'|trans }}
  65. </button>
  67. {% if feature_flag_service.featureEnabledForRequest(constant('App\\Service\\FeatureFlagService::FEATURE_REGISTER_VIA_GOOGLE_IDENTITY'), app.request) %}
  68. {# Google Identity - OAuth2 - Call to Action #}
  70. {% if createWithRole is same as constant('App\\Entity\\User::ROLE_NAME_JOBSEEKER') %}
  71. <div class="jlls-text tw-text-center">
  72. <span>oder</span>
  73. </div>
  74. <a class="jlls-link-as-button-secondary tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-w-full"
  75. href="{{ google_identity_service.getJobseekerOAuth2TargetUrl() }}"
  76. >
  77. <img width="20px"
  78. alt="Google sign-in"
  79. src="{{ asset('assets/images/Google_G_Logo.svg.png')|cdnifyUri }}"
  80. />
  81. <span>{{ 'registration.register_via_google'|trans }}</span>
  82. </a>
  83. {% endif %}
  84. {% endif %}
  86. </div>
  87. {{ form_row(form._token) }}
  88. {{ form_end(form) }}
  89. </div>
  90. </div>
  91. {% if createWithRole is same as constant('App\\Entity\\User::ROLE_NAME_JOBOFFERER') %}
  92. <div class="tw-mt-6">
  93. <h2 class="jlls-h4 tw-text-center tw-mb-4">{{ 'registration.subline_two.jobofferer'|trans }}</h2>
  94. <div class="jlls-card tw-overflow-hidden tw-p-0">
  95. <img
  96. src="{{ asset('assets/images/default/homepage/referenzkunden-mobil.png')|cdnifyUri }}"
  97. alt="{{ 'homepage.headline_seals'|trans }}"
  98. width="100%"
  99. class="tw-block"
  100. >
  101. </div>
  102. </div>
  103. {% endif %}
  104. </div>