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.     <style>
  6.         .prefix {
  7.             margin-top: 40px;
  8.         }
  9.     </style>
  11.     <body class="authentication-bg">
  12.     <section id="common_author_area" class="section_padding">
  13.         <div class="container">
  14.             <div class="row">
  15.                 <div class="col-lg-8 offset-lg-2">
  16.                     <div class="common_author_boxed">
  17.                         <div class="common_author_heading">
  18.                             <h3>{{ 'Pages.SignUp.Messages.Subscription'|trans({}, 'messages_front') }}</h3>
  19.                         </div>
  20.                         <div class="common_author_form">
  21.                             {{ form_start(form, {attr: {'novalidate': 'novalidate'}}) }}
  22.                             <div class="row">
  24.                                 <div class="col-md-12">
  25.                                     {{ form_row(form.name) }}
  26.                                 </div>
  27.                                 <div class="col-md-6">
  28.                                     {{ form_row(form.email) }}
  29.                                 </div>
  30.                                 <div class="col-md-6">
  31.                                     {{ form_row(form.phone) }}
  32.                                 </div>
  35. {#                                <div class="col-md-6">#}
  36. {#                                    <div class="row">#}
  37. {#                                        <div class="col-md-3 prefix text-end">#}
  38. {#                                            <span class="phone-prefix"></span>#}
  39. {#                                        </div>#}
  41. {#                                    </div>#}
  42. {#                                </div>#}
  43.                                 <div class="col-md-6">
  44.                                     {{ form_row(form.country,{'attr': {'class': 'form-control'}}) }}
  45.                                 </div>
  46.                                 <div class="col-md-6">
  47.                                     {{ form_row(form.city,{'attr': {'class': 'form-control'}}) }}
  48.                                 </div>
  49.                                 <div class="col-md-12">
  50.                                     {{ form_row(form.address) }}
  51.                                 </div>
  53.                                 <div class="col-md-12 text-center">
  54.                                     <button class="btn btn_theme btn_md">{{ 'Pages.SignUp.Buttons.SingUpBTOB'|trans({} , 'messages_front') }}</button>
  55.                                 </div>
  57.                             </div>
  58.                             {{ form_end(form) }}
  59.                         </div>
  60.                         <div class="text-center my-3">
  61.                             <a href="{{ path('app_login' ,{ type: 'btob'}) }}"
  62.                                class="text-enter"> {{ 'Pages.SignUp.Messages.HaveAccount'|trans({}, 'messages_front') }} </a>
  63.                         </div>
  64.                     </div>
  65.                 </div>
  66.             </div>
  67.         </div>
  68.     </section>
  70.     <script>
  71.         document.addEventListener('DOMContentLoaded', function () {
  72.             var countryField = document.getElementById('{{ form.country.vars.id }}');
  74.             countryField.addEventListener('change', function (e) {
  75.                 const selectedValue = this.value;
  76.                 if (selectedValue === "") {
  77.                     return;
  78.                 }
  79.                 let url = "{{ (path('app_front_country_cities', {'id': 'country_id'})) }}";
  80.                 url = url.replace("country_id", selectedValue);
  82.                 $.ajax({
  83.                     url: url,
  84.                     method: 'GET',
  85.                     dataType: 'JSON',
  86.                     success: function (data) {
  87.                         var dropdown = $('#business_subscription_city');
  88.                         dropdown.empty(); // Clear existing options
  89.                         dropdown.append('<option value="">{{ "Entities.Customer.FieldsValues.City"|trans }}</option>');
  91.                         data.forEach(function (item) {
  92.                             dropdown.append('<option value="' + item.value + '">' + item.text + '</option>');
  93.                         });
  94.                     },
  95.                     error: function (error) {
  96.                         console.error('Error fetching data:', error);
  97.                     }
  98.                 });
  99.             });
  100.         });
  101.     </script>
  103.     </body>
  104. {% endblock %}