templates/registration/registers.html.twig line 46

  1. <!DOCTYPE html{% block html_start %}{% endblock %}>
  2. <html lang="{{ app.request.locale }}"{% if app.request.locale == 'ar' %} dir="rtl"{% endif %} >
  3. <head>
  4.     <title>{{ 'Register a new account'|trans({}, 'TablerBundle') }}</title>
  5.     <meta charset="UTF-8">
  6.     <title>CodePen - Bootstrap Multi-Step Form</title>
  7.     <meta charset="utf-8">
  8.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9.     <meta name="viewport" content="width=device-width, initial-scale=1">
  10.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  11.     <link rel="stylesheet" href="https://cdn.rtlcss.com/bootstrap/v4.0.0/css/bootstrap.min.css" integrity="sha384-P4uhUIGk/q1gaD/NdgkBIl3a6QywJjlsFJFk7SPRdruoGddvRVSwv5qFnvZ73cpz" crossorigin="anonymous">
  12.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css">
  13.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  15.     {% if app.request.locale == 'ar' %}
  16.         <link rel="stylesheet" href="{{ asset('bundles/wizard/style-rtl.css') }}">
  17.     {% else %}
  18.         <link rel="stylesheet" href="{{ asset('bundles/wizard/style-rtl.css') }}">
  20.         {#        <link rel="stylesheet" href="{{ asset('bundles/wizard/style.css') }}">#}
  21.     {% endif %}
  25. </head>
  26. <body>
  27. <!-- partial:index.partial.html -->
  28. <!-- MultiStep Form -->
  29. <div class="container">
  30. <div class="row justify-content-md-center">
  31.     <div class="col-md-6 col-md-offset-3">
  32.         {% form_theme form '@Tabler/layout/form-theme-security.html.twig' %}
  33.         {#{% for locale in locales() %}
  34.             <a class="dropdown-item" href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': locale})) }}">
  35.                 {{ locale|language(app.request.get('_locale')) }}
  36.             </a>
  37.         {% endfor %}#}
  38.             {% if error|default(false) %}
  39.                 <div class="alert alert-important alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  40.             {% endif %}
  42.         <div class="text-center mb-4">
  43.             <h1>E-desk</h1>
  44.             <p>{{ 'Register a new account'|trans({}, 'TablerBundle') }}</p>
  45.         </div>
  46.         {{ form_start(form,{'attr': {'id': 'msform','class': 'security-registration'}}, {'method': 'post'}) }}
  47.             <!-- progressbar -->
  48.             <ul id="progressbar">
  49.                 <li class="active">{{ 'lawoffice.info'|trans({}, 'translation') }}</li>
  50.                 <li>{{ 'user.info'|trans({}, 'translation') }}</li>
  51.             </ul>
  52.             <!-- fieldsets -->
  53.             <fieldset id ="lawoffice">
  54.                 <h2 class="fs-title">  <i class="fa fa-university fa-2x"></i>  {{ 'lawoffice.info'|trans({}, 'translation') }}</h2>
  55.                 <hr class="dashed">
  56.                 <div class="mb-3">
  57.                     {{ form_widget(form.lawBarOffice) }}
  58.                     {{ form_errors(form.lawBarOffice) }}
  59.                 </div>
  61.                 <div class="mb-3">
  62.                     {{ form_widget(form.prefix) }}
  63.                     {{ form_errors(form.prefix) }}
  64.                 </div>
  65.                 <div class="mb-3">
  66.                     {{ form_widget(form.lawOfficeName) }}
  67.                     {{ form_errors(form.lawOfficeName) }}
  68.                 </div>
  69.                 <div class="mb-3">
  70.                     {{ form_widget(form.officePhoneNumber) }}
  71.                     {{ form_errors(form.officePhoneNumber) }}
  72.                 </div>
  73.                 <div class="mb-3">
  74.                     {{ form_widget(form.addressLine) }}
  75.                     {{ form_errors(form.addressLine) }}
  76.                 </div>
  77.                 <input type="button" class="next action-button" value="{{ 'Next'|trans({}, 'translation') }}"/>
  78.             </fieldset>
  79.             <fieldset id ="user">
  80.                 <h2 class="fs-title"><i class="fa fa-user fa-2x"></i> {{ 'user.info'|trans({}, 'translation') }}</h2>
  81.                 <hr class="dashed">
  82.                 {% for user in form.users %}
  83.                 <div class="mb-3">
  84.                         {{ form_widget(user) }}
  85.                         {{ form_errors(user) }}
  86.                 </div>
  87.                 {% endfor %}
  88.                 <input type="button" name="previous" class="previous action-button-previous" value="{{ 'Previous'|trans({}, 'translation') }}"/>
  89.                 {{ form_row(form._token) }}
  90.                 <button class="submit action-button">{{ 'Register'|trans({}, 'TablerBundle') }}</button>
  91.             </fieldset>
  92.         </form>
  93.     </div>
  94.     <div class="text-center text-muted mt-3">
  95.         <a href="{{ path('app_login'|tabler_route) }}">
  96.             {{ 'Back to login'|trans({}, 'TablerBundle') }}
  97.         </a>
  98.     </div>
  99. </div>
  100. </div>
  101. <!-- /.MultiStep Form -->
  102. <!-- partial -->
  103. <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  104. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
  105. <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
  106. <script  src="{{ asset('wizard/script.js') }}"></script>
  107. <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
  109. {#
  110. <script type="text/javascript">
  111.     $(function () {
  112.         $('.select2').select2({
  113.             width: 'resolve',
  114.             theme: "classic"
  115.         });
  116.     });
  117.     var loadFile = function(event) {
  118.         var output = document.getElementById('avatar');
  119.         output.src = URL.createObjectURL(event.target.files[0]);
  120.         output.onload = function() {
  121.             URL.revokeObjectURL(output.src) // free memory
  122.         }
  123.     };
  125. </script>
  126. #}
  128. <!-- Footer -->
  129. <footer class="bg-light text-center text-lg-start">
  130.     <!-- Copyright -->
  131.     <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
  132.         © 2023 Copyright:
  133.         <a class="text-dark" href="/">E-Desk</a>
  134.     </div>
  135.     <!-- Copyright -->
  136. </footer>
  138. <!-- Footer -->
  143. </body>
  144. </html>