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

Open in your IDE?
  1. {# Page — connexion (proposition commerciale) : deux blocs séparés (form + notice). #}
  3. <div class="connection-screen__commercial-shell">
  4. <div class="Popup active connection-screen__auth connection-screen__auth--connection-proposition">
  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_quote'), 'data-success-url': app.request.get('quote') is not null ? getCustomerSpaceQuoteDetailsUrl(app.request.get('quote')) : getCustomerSpaceIndexUrl()}}) }}
  8. <div class="top">
  9. {% include 'pages/_includes/icons/login/login-1.svg' %}
  10. <div class="h1">{{ 'auth.login_modal.welcome'|trans }}</div>
  11. <div class="h2">{{ 'auth.login_modal.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. <div class="">
  48. {{ form_widget(form.rememberMe, {'attr': {'class': 'form-check-input'}}) }}
  49. {{ form_label(form.rememberMe, null, {'label_attr': {'class': 'form-check-label'}}) }}
  50. </div>
  52. <a href="{{ content.forgotPasswordLink ?? '#' }}" class="btn-link connection-screen__forgot-password-link">
  53. {{ 'auth.login.forgot_password'|trans }}
  54. </a>
  55. </div>
  57. <div class="form-group">
  58. {{ form_errors(form) }}
  59. <div class="connection-screen__form-error alert alert-danger" style="display: none;"></div>
  60. </div>
  62. <div class="form-group connect">
  63. {{ form_widget(form.submit, {'attr': {'class': 'btn-secondary br1 btn style1 medium reverse_color'}}) }}
  64. </div>
  66. <div class="form-group subscribe">
  67. {{ 'auth.login.no_account'|trans }} <a href="{{ content.subscriptionLink ?? '#' }}" class="connection-screen__subscription-link">{{ 'auth.login.sign_up'|trans }}</a>
  68. </div>
  69. </div>
  70. {{ form_end(form) }}
  71. </div>
  72. </div>
  75. <div class="connection-screen__notice">
  76. <img src="{{ asset('img/connection-screen/notice-commercial-proposition.png') }}" alt="{{ 'auth.subscription.notice_image_alt'|trans }}">
  77. <div class="h1">{{ 'auth.connection_commercial.title'|trans }}</div>
  78. <div class="h2">
  79. {{ 'auth.connection_commercial.description_1_html'|trans|raw }}
  80. </div>
  81. <div class="h2">
  82. {{ 'auth.connection_commercial.description_2_prefix'|trans }} <b><a href="{{ content.subscriptionLink ?? '#' }}" class="connection-screen__subscription-link">{{ 'auth.connection_commercial.create_account_link'|trans }}</a></b>{{ 'auth.connection_commercial.description_2_suffix'|trans }}
  83. </div>
  84. </div>