templates/security/btob/_sign_up_btob.html.twig line 1

Open in your IDE?
  1. {% extends 'front/base_front.html.twig' %}
  3. {% block title %} {{ 'Pages.SignUp.Buttons.SingUpBTOB'|trans({} , 'messages_front') }} {% endblock %}
  4. {% block container %}
  5.     <section id="common_author_area" class="section_padding login-b2b-page">
  6.         <div class="container">
  7.             <div class="row justify-content-center">
  8.                 <div class="col-12 col-md-11 col-lg-9 col-xl-8">
  9.                     <div class="login-b2b-card">
  10.                         <div class="login-b2b-card__header">
  11.                             <span class="login-b2b-card__eyebrow">Pro Space</span>
  12.                             <h2>{{ 'Pages.SignUp.Messages.Subscription'|trans({}, 'messages_front') }}</h2>
  13.                             <p class="login-b2b-card__subtitle">
  14.                                 {{ 'Pages.SignUp.Messages.HaveAccount'|trans({}, 'messages_front') }}
  15.                             </p>
  16.                         </div>
  18.                         <div class="login-b2b-card__body">
  19.                             <div class="login-b2b-card__panel">
  20.                                 {{ form_start(form, {attr: {'novalidate': 'novalidate', 'class': 'signup-b2b-form login-b2b-form'}}) }}
  21.                                 <div class="row g-3 signup-b2b-form__grid">
  22.                                     <div class="col-12">
  23.                                         {{ form_row(form.name, {
  24.                                             row_attr: {'class': 'signup-b2b-form__field'},
  25.                                             attr: {'class': 'form-control login-b2b-form__control'}
  26.                                         }) }}
  27.                                     </div>
  29.                                     <div class="col-12 col-md-6">
  30.                                         {{ form_row(form.email, {
  31.                                             row_attr: {'class': 'signup-b2b-form__field'},
  32.                                             attr: {'class': 'form-control login-b2b-form__control'}
  33.                                         }) }}
  34.                                     </div>
  36.                                     <div class="col-12 col-md-6">
  37.                                         {{ form_row(form.phone, {
  38.                                             row_attr: {'class': 'signup-b2b-form__field'},
  39.                                             attr: {'class': 'form-control login-b2b-form__control'}
  40.                                         }) }}
  41.                                     </div>
  43.                                     <div class="col-12 col-md-6">
  44.                                         {{ form_row(form.country, {
  45.                                             row_attr: {'class': 'signup-b2b-form__field'},
  46.                                             attr: {'class': 'form-control login-b2b-form__control'}
  47.                                         }) }}
  48.                                     </div>
  50.                                     <div class="col-12 col-md-6">
  51.                                         {{ form_row(form.city, {
  52.                                             row_attr: {'class': 'signup-b2b-form__field'},
  53.                                             attr: {'class': 'form-control login-b2b-form__control'}
  54.                                         }) }}
  55.                                     </div>
  57.                                     <div class="col-12">
  58.                                         {{ form_row(form.address, {
  59.                                             row_attr: {'class': 'signup-b2b-form__field signup-b2b-form__field--address'},
  60.                                             attr: {'class': 'form-control login-b2b-form__control signup-b2b-form__textarea'}
  61.                                         }) }}
  62.                                     </div>
  64.                                     <div class="col-12">
  65.                                         <div class="signup-b2b-form__actions">
  66.                                             <button class="btn btn_theme btn_md login-b2b-form__submit signup-b2b-form__submit">
  67.                                                 {{ 'Pages.SignUp.Buttons.SingUpBTOB'|trans({} , 'messages_front') }}
  68.                                             </button>
  69.                                         </div>
  70.                                     </div>
  71.                                 </div>
  72.                                 {{ form_end(form) }}
  73.                             </div>
  74.                         </div>
  76.                         <div class="login-b2b-card__footer signup-b2b-form__footer">
  77.                             <a href="{{ path('app_login' ,{ type: 'btob'}) }}" class="text-enter">
  78.                                 {{ 'Pages.SignUp.Messages.HaveAccount'|trans({}, 'messages_front') }}
  79.                             </a>
  80.                         </div>
  81.                     </div>
  82.                 </div>
  83.             </div>
  84.         </div>
  85.     </section>
  87.     <script>
  88.         document.addEventListener('DOMContentLoaded', function () {
  89.             var countryField = document.getElementById('{{ form.country.vars.id }}');
  91.             countryField.addEventListener('change', function (e) {
  92.                 const selectedValue = this.value;
  93.                 if (selectedValue === "") {
  94.                     return;
  95.                 }
  96.                 let url = "{{ (path('app_front_country_cities', {'id': 'country_id'})) }}";
  97.                 url = url.replace("country_id", selectedValue);
  99.                 $.ajax({
  100.                     url: url,
  101.                     method: 'GET',
  102.                     dataType: 'JSON',
  103.                     success: function (data) {
  104.                         var dropdown = $('#business_subscription_city');
  105.                         dropdown.empty(); // Clear existing options
  106.                         dropdown.append('<option value="">{{ "Entities.Customer.FieldsValues.City"|trans }}</option>');
  108.                         data.forEach(function (item) {
  109.                             dropdown.append('<option value="' + item.value + '">' + item.text + '</option>');
  110.                         });
  111.                     },
  112.                     error: function (error) {
  113.                         console.error('Error fetching data:', error);
  114.                     }
  115.                 });
  116.             });
  117.         });
  118.     </script>
  120. {% endblock %}