templates/pages/_includes/connection_screen/_form_connection.html.twig line 1

Open in your IDE?
  1. {# Page - Formulaire de connexion (ConnectionType)
  2. On reprend la même structure HTML que la modale pour garder exactement le même style. #}
  4. <div class="Popup active connection-screen__auth connection-screen__auth--login">
  5. <div class="Popup-body">
  6. {{ form_start(form, {'attr': {'id': 'connection-form', 'novalidate': 'novalidate', 'data-url': path('customer_login'), 'data-waiting-url': suluUrlProviderGetPath('customer_waiting_login'), 'data-success-url': getCustomerSpaceIndexUrl()}}) }}
  8. <div class="top">
  9. {% include 'pages/_includes/icons/login/login-1.svg' %}
  10. <div class="h1">{{ 'auth.login.title'|trans }}</div>
  11. <div class="h2">{{ 'auth.login.subtitle'|trans }}</div>
  12. <div class="text-danger errors"></div>
  13. <div class="text-success success"></div>
  14. </div>
  16. <div class="bottom">
  17. <div class="form-group">
  18. {{ form_label(form.email) }}
  19. {{ form_widget(form.email, {'attr': {'class': 'form-control', 'placeholder': 'auth.login.email_placeholder'|trans}}) }}
  20. {{ form_errors(form.email) }}
  21. </div>
  23. <div class="form-group">
  24. {{ form_label(form.password) }}
  25. <div class="input-group">
  26. {{ form_widget(form.password, {
  27. 'attr': {
  28. 'class': 'form-control connection-screen__password-input',
  29. 'placeholder': 'auth.login.password_placeholder'|trans,
  30. 'type': 'password'
  31. }
  32. }) }}
  33. <span
  34. class="input-group-text connection-screen__toggle-password"
  35. data-icon-state="closed"
  36. style="cursor: pointer;"
  37. title="{{ 'auth.common.toggle_password_visibility'|trans }}"
  38. >
  39. <span class="icon-eye-closed" style="display: none;">{{ getLucidIcon('eye-off') }}</span>
  40. <span class="icon-eye-open">{{ getLucidIcon('eye') }}</span>
  41. </span>
  42. </div>
  43. {{ form_errors(form.password) }}
  44. </div>
  46. <div class="group-flex">
  47. <a href="{{ content.forgotPasswordLink ?? '#' }}" class="btn-link connection-screen__forgot-password-link">
  48. {{ 'auth.login.forgot_password'|trans }}
  49. </a>
  50. </div>
  52. <div class="form-group">
  53. {{ form_errors(form) }}
  54. <div class="connection-screen__form-error alert alert-danger" style="display: none;"></div>
  55. </div>
  57. <div class="form-group connect">
  58. {{ form_widget(form.submit, {'attr': {'class': 'btn-secondary br1 btn style1 medium reverse_color'}}) }}
  59. </div>
  61. <div class="form-group subscribe">
  62. {{ 'auth.login.no_account'|trans }} <a href="{{ content.subscriptionLink ?? '#' }}" class="connection-screen__subscription-link">{{ 'auth.login.sign_up'|trans }}</a>
  63. </div>
  64. </div>
  65. {{ form_end(form) }}
  66. </div>