templates/security/signup.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  3. <html lang="en">
  4. <!--begin::Head-->
  6. <head>
  7.     
  8.         <title>{{'SIGNUP_TITLE'|trans}}</title>
  9.     {% include 'partials_v2/meta.html.twig' %}
  10.         {% block meta %}{% endblock %}
  11.     <!--begin::Fonts(mandatory for all pages)-->
  12.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700" />
  13.     <!--end::Fonts-->
  14.     <!-- custom links -->    
  15.     <link href="{{ asset('v2/assets/css/main.style.css')}}" rel="stylesheet" type="text/css" />
  16.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css" />
  17.     <!--begin::Global Stylesheets Bundle(mandatory for all pages)-->    
  18.      <link href="{{ asset('v2/assets/plugins/global/plugins.bundle.css')}}" rel="stylesheet" type="text/css" />    
  19.     <link href="{{ asset('v2/assets/css/style.bundle.css')}}" rel="stylesheet" type="text/css" />
  20.     <!--end::Global Stylesheets Bundle-->
  21.      <!-- Google reCAPTCHA CDN -->
  22.     <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  23. </head>
  24. <!--end::Head-->
  25. <!--begin::Body-->
  27. <body id="kt_body" class="app-blank bgi-size-cover bgi-position-center bgi-no-repeat">
  28.     <!--begin::Theme mode setup on page load-->
  29.     <script>
  30.         var defaultThemeMode = "light";
  31.         var themeMode;
  32.         if (document.documentElement) {
  33.             if (document.documentElement.hasAttribute("data-theme-mode")) {
  34.                 themeMode = document.documentElement.getAttribute("data-theme-mode");
  35.             } else {
  36.                 if (localStorage.getItem("data-theme") !== null) {
  37.                     themeMode = localStorage.getItem("data-theme");
  38.                 } else {
  39.                     themeMode = defaultThemeMode;
  40.                 }
  41.             }
  42.             if (themeMode === "system") {
  43.                 themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
  44.             }
  45.             document.documentElement.setAttribute("data-theme", themeMode);
  46.         }
  47.     </script>
  48.     <!--end::Theme mode setup on page load-->
  49.     <!--begin::Main-->
  50.     <!--begin::Root-->
  51.     <div class="d-flex flex-column flex-root">
  52.         <!--begin::Page bg image-->
  53.         <style>
  54.             body {
  55.                 background-image: url('assets/media/auth/bg10.jpeg');
  56.             }
  58.             [data-theme="dark"] body {
  59.                 background-image: url('assets/media/auth/bg10-dark.jpeg');
  60.             }
  61.         </style>
  62.         <!--end::Page bg image-->
  63.         <!--begin::Authentication - Sign-up -->
  64.         <div class="d-flex flex-column flex-lg-row flex-column-fluid ls-signup-bg">
  65.             <!--begin::Aside-->
  66.             <div class="d-flex flex-lg-row-fluid">
  67.                 <!--begin::Content-->
  68.                 <div class="d-flex flex-column flex-center pb-0 pb-lg-10 p-10 w-100">
  69.                     <!--begin::Image-->
  70.                     <div class="ls-signin-img mb-8">
  71.                         <img src="{{ asset('v2/assets/media/illustrations/signup-img.png') }}" class="img-fluid">
  72.                     </div>
  73.                     <!--end::Image-->
  74.                     <!--begin::Title-->
  75.                     <h1 class="text-gray-800 fs-2qx fw-bold text-center mb-7">{{'TCARD_CAPTION'|trans}}</h1>
  76.                     <!--end::Title-->
  77.                     <!--begin::Text-->
  78.                     <div class="text-gray-600 fs-base text-center fw-semibold">{{'TCARD_CAPTION_SUB'|trans|raw}}</div>
  79.                     <!--end::Text-->
  80.                 </div>
  81.                 <!--end::Content-->
  82.             </div>
  83.             <!--begin::Aside-->
  84.             <!--begin::Body-->
  85.             <div class="d-flex flex-column-fluid flex-lg-row-auto justify-content-center justify-content-lg-end p-12">
  86.                 <!--begin::Wrapper-->
  87.                 <div class="bg-body d-flex flex-center rounded-4 w-md-600px p-10">
  88.                     <!--begin::Content-->
  89.                     <div class="w-md-400px">
  90.                         <!--begin::Form-->
  91.                         <form class="form w-100" novalidate="novalidate" id="kt_sign_up_form" 
  92.                             action="#" autocomplete="off">
  93.                             <!--begin::Heading-->
  94.                             <div class="text-center mb-11">
  95.                                 <div class="ls-signin-form-logo ls-br-10px d-inline-block mb-8">
  96.                                     <img src="{{ asset('v2/assets/media/logos/lts.png') }}" alt="" class="img-fluid w-200px" />
  97.                                 </div>
  98.                                 <!--begin::Title-->
  99.                                                                 <h1 class="text-dark fw-bolder mb-3">{{'SIGNUP_PAGE_TITLE'|trans}}</h1>
  100.                                 <!--end::Title-->
  101.                                 <!--begin::Subtitle-->
  102. {#                                                                <div class="TCARDtext-gray-500 fw-semibold fs-6">Streamline your process with our product</div>#}
  103.                                 <!--end::Subtitle=-->
  104.                             </div>
  105.                             {% if userLimit|default(false) %}
  107.                                 <div class="alert alert-dismissible bg-light-danger border border-danger border-dashed d-flex flex-column flex-sm-row w-100 p-5 mb-10">
  108.                                     <!--begin::Icon-->
  109.                                     <i class="ki-duotone ki-message-text-2 fs-2hx text-danger me-4 mb-5 mb-sm-0"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i>                    <!--end::Icon-->
  111.                                     <!--begin::Content-->
  112.                                     <div class="d-flex flex-column pe-0 pe-sm-10">
  113.                                         <span>{{ 'SIGN_UP_PLAN_LIMIT_WARNING'|trans }}</span>
  114.                                     </div>
  115.                                     <!--end::Content-->
  117.                                     <!--begin::Close-->
  118.                                     <button type="button" class="position-absolute position-sm-relative m-2 m-sm-0 top-0 end-0 btn btn-icon ms-sm-auto" data-bs-dismiss="alert">
  119.                                         <i class="ki-duotone ki-cross fs-1 text-danger"><span class="path1"></span><span class="path2"></span></i>                    </button>
  120.                                     <!--end::Close-->
  121.                                 </div>
  122.                             {% endif %}
  123.                             <!--begin::Heading-->
  124.                             <!--begin::Login options-->
  125.                             <div class="row g-3 mb-9 {{sso_enabled|default(0) == 0 ? 'd-none' : ''}}">
  126.                                 <!--begin::Col-->
  127.                                  <div class="col-md-12">
  128.                                     <!--begin::Google link=-->
  129.                                     <a href="{{path('connect_cognito_start')}}"
  130.                                         class="btn btn-flex btn-outline btn-text-gray-700 btn-active-color-primary ls-br-10px bg-state-light flex-center text-nowrap w-100 py-2">
  131.                                         <img alt="Logo" src="{{asset('v2/assets/media/svg/SSO.svg')}}"
  132.                                         class="h-30px me-3" />{{'SIGNIN_SSO_TITLE'|trans}}</a>
  133.                                     <!--end::Google link=-->
  134.                                 </div> 
  135.                                 <!--end::Col-->
  136.                                 <!--begin::Col-->
  137.                                 {# <div class="col-md-6">
  138.                                     <!--begin::Google link=-->
  139.                                     <a href="#"
  140.                                         class="btn btn-flex ls-br-10px btn-outline btn-text-gray-700 btn-active-color-primary bg-state-light flex-center text-nowrap w-100">
  141.                                         <img alt="Logo" src="assets/media/svg/brand-logos/apple-black.svg"
  142.                                             class="theme-light-show h-15px me-3" />
  143.                                         <img alt="Logo" src="assets/media/svg/brand-logos/apple-black-dark.svg"
  144.                                             class="theme-dark-show h-15px me-3" />Sign in with Apple</a>
  145.                                     <!--end::Google link=-->
  146.                                 </div> #}
  147.                               {#  <div class="d-flex justify-content-end align-items-center mb-4 mt-4 text-center">
  148.                                     <a href="{{path('connect_cognito_start')}}" role="button" class="w-100">Sign in with SSO</a>
  149.                                 </div>#}
  150.                                 <!--end::Col-->
  151.                             </div>
  152.                             <!--end::Login options-->
  153.                             <!--begin::Separator-->
  154.                             <div class="separator separator-content my-14 {{sso_enabled|default(0) == 0 ? 'd-none' : ''}}">
  155.                                 <span class="w-125px text-gray-500 fw-semibold fs-7">{{'OR_WITH_MAIL'|trans}}</span>
  156.                             </div>
  157.                             <!--end::Separator-->
  158.                             <!--begin::Input group=-->
  159.                             <input type="hidden" data-key="formdata.company_id" value="{{ companyId|default('') }}" />
  160.                             <input type="hidden" data-key="formdata.invite_id" value="{{ inviteId|default('') }}" />
  161.                             <input type="hidden" data-key="formdata.user_type" value="{{ userTypeId|default('') }}" />
  162.                             <input type="hidden" data-key="formdata.action[]" value="save" />
  163.                             <input type="hidden" data-key="formdata.is_main" value="1" />
  164.                             <input type="hidden" data-key="formdata.is_active" value="1" />
  165.                             <div class="fv-row mb-8">
  166.                                 <!--begin::Email-->
  167.                                 <input type="text" placeholder="{{'COMPANY_NAME'|trans}}" id="company_name" name="company_name" data-key="formdata.company_name" autocomplete="off" value="{{ companyName|default('') }}"
  168.                                     {{ companyId|default('') != '' ? 'readonly': '' }} class="form-control bg-transparent ls-br-10px" />
  169.                                 <!--end::Email-->
  170.                             </div>
  171.                             <!--begin::Input group=-->
  172.                              <div class="fv-row mb-8 fv-row">
  173.                                 <!--begin::Email-->
  174.                                 <input type="text" placeholder="{{'USER_EMAIL'|trans}}" id="email" data-key="formdata.email" name="email" autocomplete="off" value="{{ emailId|default('') }}"
  175.                                     {{ emailId|default('') != '' ? 'readonly': '' }}    class="form-control bg-transparent ls-br-10px" />
  176.                                 <!--end::Email-->
  177.                                 <input type="hidden" name="inv-email" data-key="formdata.inv-email" id="inv-email" value="">
  178.                             </div> 
  179.                             <!--end::Input group=-->
  180.                             <div class="row">
  181.                                 <div class="col-md-6 mb-8 fv-row">
  182.                                     <!--begin::Repeat Password-->
  183.                                     <input placeholder="{{ 'FIRST_NAME'|trans }}" id="first_name" name="first_name" data-key="formdata.first_name" type="" autocomplete="off"
  184.                                         class="form-control bg-transparent ls-br-10px " />
  185.                                     <!--end::Repeat Password-->
  186.                                 </div>
  187.                                 <div class="col-md-6 mb-8">
  188.                                     <!--begin::Repeat Password-->
  189.                                     <input placeholder="{{ 'LAST_NAME'|trans }}" id="last_name" name="last_name" data-key="formdata.last_name" type="" autocomplete="off"
  190.                                         class="form-control bg-transparent ls-br-10px" />
  191.                                     <!--end::Repeat Password-->
  192.                                 </div>
  194.                             </div>
  195.                             <!--end::Input group -->
  196.                             <!-- begin::input group -->
  197.                             <div class="fv-row mb-8">
  198.                                 {# <form id="login" onsubmit="process(event)"> #}
  199.                                     <!-- <p>Enter your phone number:</p> -->
  200.                                     <input id="phone" type="tel" name="phone" data-key="formdata.phone" 
  201.                                         class="form-control bg-transparent ls-br-10px" />
  202.                                     <!-- <input type="submit" class="btn" value="Verify" /> -->
  203.                                 {# </form> #}
  204.                             </div>
  205.                             <!-- begin::input-group -->
  206.                             {# <div class="fv-row mb-8">
  207.                                 <select class="form-select ls-br-10px" id="select_menu" aria-label="Select example">
  208.                                     <option>Open this select menu</option>
  209.                                     <option value="1">One</option>
  210.                                     <option value="2">Two</option>
  211.                                     <option value="3">Three</option>
  212.                                 </select>
  213.                             </div> #}
  214.                             <!--begin::Input group-->
  215.                             <div class="fv-row mb-8" data-kt-password-meter="true">
  216.                                 <!--begin::Wrapper-->
  217.                                 <div class="mb-1">
  218.                                     <!--begin::Input wrapper-->
  219.                                     <div class="position-relative mb-3 ">
  220.                                         <input class="form-control bg-transparent ls-br-10px " type="password"
  221.                                             placeholder="{{ 'PASSWORD'|trans }}" id="password" name="password" data-key="formdata.password" autocomplete="off" />
  222.                                         <span toggle="#password"
  223.                                             class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2 toggle-password"
  224.                                             data-kt-password-meter-control="visibility">
  225.                                                                                           <i class="bi bi-eye-slash fs-2"></i>
  226.                                                                                           <i class="bi bi-eye fs-2 d-none"></i>
  227.                                         </span>
  228.                                     </div>
  229.                                     <!--end::Input wrapper-->
  230.                                                                         <!--begin::Highlight meter-->
  231.                                                                         <div class="d-flex align-items-center mb-3" data-kt-password-meter-control="highlight">
  232.                                                                             <div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
  233.                                                                             <div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
  234.                                                                             <div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
  235.                                                                             <div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px"></div>
  236.                                                                         </div>
  237.                                                                         <!--end::Highlight meter-->
  238.                                 </div>
  239.                                 <div class="text-muted">
  240.                                     {{'PASSWORD_INFO' | trans}}
  241.                                 </div>
  242.                                 <!--end::Wrapper-->
  243.                             </div>
  244.                             <!--end::Input group=-->
  245.                             <!--end::Input group=-->
  246.                                                         <div class="fv-row mb-8" data-kt-password-meter="true">
  247.                                                             <!--begin::Wrapper-->
  248.                                                             <div class="mb-1">
  249.                                                                 <!--begin::Input wrapper-->
  250.                                                                 <div class="position-relative mb-3 ">
  251.                                                                     <!--begin::Repeat Password-->
  252.                                                                     <input placeholder="{{ 'CONFIRM_PASSWORD'|trans }}" id="repeat_password" name="repeat_password" data-key="formdata.repeat_password" type="password"
  253.                                                                            autocomplete="off" class="form-control bg-transparent ls-br-10px" />
  254.                                                                     <span toggle="#repeat_password"
  255.                                                                           class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2 toggle-password"
  256.                                                                           data-kt-password-meter-control="visibility">
  257.                                                                         <i class="bi bi-eye-slash fs-2"></i>
  258.                                                                         <i class="bi bi-eye fs-2 d-none"></i>
  259.                                                                     </span>
  260.                                                                     <!--end::Repeat Password-->
  261.                                                                 </div>
  262.                                                                 <!--end::Input group=-->
  263.                                                                 <div class="d-none" data-kt-password-meter-control="highlight"></div>
  264.                                                             </div>
  265.                                                             <!--end::Input wrapper-->
  266.                                                         </div>
  267.                             <!--begin::Accept-->
  268.                             <div class="fv-row mb-8">
  269.                                 <label class="form-check form-check-custom form-check-solid">
  270.                                     <input class="form-check-input" type="checkbox" id="terms" name="terms" data-key="formdata.terms" value="1" />
  271.                                                                         <span class="form-check-label fw-semibold text-gray-700 fs-base ms-1">{{'I_ACCEPT_TERMS'|trans|raw}}</span>
  272.                                 </label>
  273.                             </div>
  274.                             <!--end::Accept-->
  275.                             <div class="fv-row mb-8">
  276.                                 <div class="g-recaptcha" data-callback="onloadCallback" data-sitekey="{{recaptcha_saas_site}}"></div>
  277.                                  <div class="captcha-error fv-plugins-message-container invalid-feedback d-none" id="captcha-error">{{'INCORRECT_CAPTCHA'|trans}}</div>
  278.                             </div>
  279.                             <!--begin::Submit button-->
  280.                             <div class="d-grid mb-10">
  281.                                  <button type="submit" id="kt_sign_up_submit" class="btn btn-primary ls-br-10px" {{ ( userLimit|default(false)) ? 'disabled' : '' }}>
  282.                                     <!--begin::Indicator label-->
  283.                                     <span class="indicator-label">{{ 'SIGNUP_BTN_TITLE'|trans }}</span>
  284.                                     <!--end::Indicator label-->
  285.                                     <!--begin::Indicator progress-->
  286.                                                                         <span class="indicator-progress">{{'PLEASE_WAIT'|trans}}
  287.                                         <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
  288.                                     <!--end::Indicator progress-->
  289.                                 </button>
  290.                             </div>
  291.                             <!--end::Submit button-->
  292.                             <!--begin::Sign up-->
  293.                             <div class="text-gray-500 text-center fw-semibold fs-6">{{'ALREADY_HAVR_ACCOUNT'|trans}}
  294.                                 <a href="/login"
  295.                                     class="link-primary fw-semibold">{{'SIGNIN_BTN_TITLE'|trans}}</a></div>
  296.                             <!--end::Sign up-->
  297.                         </form>
  298.                         <!--end::Form-->
  299.                     </div>
  300.                     <!--end::Content-->
  301.                 </div>
  302.                 <!--end::Wrapper-->
  303.             </div>
  304.             <!--end::Body-->
  305.         </div>
  306.         <!--end::Authentication - Sign-up-->
  307.     </div>
  308.     <!--end::Root-->
  309.     <!--end::Main-->
  310.     <!--begin::Javascript-->
  311.     <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
  312.     <script type="text/javascript">
  313.       var onloadCallback = function(response) {
  314.         $('#captcha-error').text('');
  315.       };
  316.     </script>
  317.     <!--begin::Global Javascript Bundle(mandatory for all pages)-->
  318.     <script src="{{asset('v2/assets/plugins/global/plugins.bundle.js')}}"></script>
  319.     <script src="{{ asset('v2/assets/js/scripts.bundle.js')}} "></script>
  320.     <!--end::Global Javascript Bundle-->
  321.     <!--begin::Custom Javascript(used for this page only)-->
  322.         <script src="{{asset('js/plugins/jquery-3.6.1.min.js')}}" crossorigin="anonymous"></script>
  323.         <script src="{{asset('js/bootstrap.bundle.min.js')}}" preegrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
  324.     <script src="{{asset('js/plugins/lodash.min.js')}}" crossorigin="anonymous"></script>
  325.         <script type="text/javascript" src="{{asset('v2/assets/plugins/custom/moment/moment.min.js')}}"></script>
  326.         <script type="text/javascript" src="{{asset('v2/assets/plugins/custom/moment/moment-timezone-with-data.min.js')}}"></script>
  327.         <script type="text/javascript" src="{{asset('v2/assets/js/custom/main.js')}}"></script>
  328.     <!--end::Custom Javascript-->
  329.     <!--end::Javascript-->
  330. <!--end::Body-->
  332.         <div class="modal fade" id="termsAndConditionTemplate" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
  333.             <div class="modal-dialog modal-xl">
  334.                 <div class="modal-content ls-br-10px">
  335.                     <div class="modal-header">
  336.                      <h1 class="modal-title terms-condition-title fw-bold" data-kt-scroll-offset="50" id="exampleModalToggleLabel">{{ 'TERMS_AND_CONDITIONS'|trans }}</h1>
  337.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  338.                     </div>
  339.                     <div class="modal-body">
  340.                         <iframe src="/company/terms-conditions" class="termsandconditions-iframe" frameborder="0" sandbox="allow-same-origin allow-scripts allow-popups allow-forms allow-top-navigation"
  341.                                 allowtransparency="true"></iframe>
  342.                     </div>
  343.                     <div class="modal-footer">
  344.                         <button type="reset" class="btn btn-light btn-sm me-3 ls-br-10px" data-bs-dismiss="modal">{{ 'CLOSE'|trans }}</button>
  345.                     </div>
  346.                 </div>
  347.             </div>
  348.         </div>
  349.         <div class="modal fade" id="privacyPolicyTemplate" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
  350.             <div class="modal-dialog modal-xl">
  351.                 <div class="modal-content ls-br-10px">
  352.                     <div class="modal-header">
  353.                      <h1 class="modal-title terms-condition-title fw-bold" data-kt-scroll-offset="50" id="exampleModalToggleLabel">{{ 'PRIVACY_POLICY'|trans }}</h1>
  354.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  355.                     </div>
  356.                     <div class="modal-body">
  357.                         <iframe src="/company/privacy-policy" class="termsandconditions-iframe" frameborder="0" sandbox="allow-same-origin allow-scripts allow-popups allow-forms allow-top-navigation"
  358.                                 allowtransparency="true"></iframe>
  359.                     </div>
  360.                     <div class="modal-footer">
  361.                         <button type="reset" class="btn btn-light btn-sm me-3 ls-br-10px" data-bs-dismiss="modal">{{ 'CLOSE'|trans }}</button>
  362.                     </div>
  363.                 </div>
  364.             </div>
  365.         </div>
  366.         <div class="modal fade" id="endUsersLicenseAgreementTemplate" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
  367.             <div class="modal-dialog modal-xl">
  368.                 <div class="modal-content ls-br-10px">
  369.                     <div class="modal-header">
  370.                      <h1 class="modal-title terms-condition-title fw-bold" data-kt-scroll-offset="50" id="exampleModalToggleLabel">{{ 'END_USER_LICENSE_AGREEMENT'|trans }}</h1>
  371.                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  372.                     </div>
  373.                     <div class="modal-body">
  374.                         <iframe src="/company/terms-conditions" class="termsandconditions-iframe" frameborder="0" sandbox="allow-same-origin allow-scripts allow-popups allow-forms allow-top-navigation"
  375.                                 allowtransparency="true"></iframe>
  376.                     </div>
  377.                     <div class="modal-footer">
  378.                         <button type="reset" class="btn btn-light btn-sm me-3 ls-br-10px" data-bs-dismiss="modal">{{ 'CLOSE'|trans }}</button>
  379.                     </div>
  380.                 </div>
  381.             </div>
  382.         </div>
  383.     <script src="{{ asset('v2/assets/js/custom/page/signup.js') }}"></script>
  384.     <script>
  385.     var transArray = {
  386.                 'COMPANY_NAME_REQUIRED' : '{{ 'COMPANY_NAME_REQUIRED'|trans }}',
  387.                 'COMPANY_NAME_VALIDATION' : '{{ 'COMPANY_NAME_VALIDATION'|trans }}',
  388.                 'FIRTNAME_REQUIRED'    : '{{ 'FIRTNAME_REQUIRED'|trans }}',  
  389.                 'FIRSTNAME_VALIDATE_CHARACTER'  : '{{ 'FIRSTNAME_VALIDATE_CHARACTER'|trans }}',
  390.                 'PHONE_REQUIRED'    : '{{ 'PHONE_REQUIRED'|trans }}',
  391.                 'PHONE_VALIDATION'    : '{{ 'PHONE_VALIDATION'|trans }}',
  392.                 'EMAIL_VALIDATION'    : '{{ 'EMAIL_VALIDATION'|trans }}',
  393.                 'MAIL_REQUIRED'    : '{{ 'MAIL_REQUIRED'|trans }}',
  394.                 'PASSWORD_REQUIRED'    : '{{ 'PASSWORD_REQUIRED'|trans }}',
  395.                 'PASSWORD_VALIDATION'    : '{{ 'PASSWORD_VALIDATION'|trans }}',
  396.                 'PASSWORD_CONFIRMATION'    : '{{ 'PASSWORD_CONFIRMATION'|trans }}',
  397.                 'PASSWORD_COMPARISION'    : '{{ 'PASSWORD_COMPARISION'|trans }}',
  398.                 'FIELDS_REQUIRED'    : '{{ 'FIELDS_REQUIRED'|trans }}',
  399.                 'MAIL_ALREADY_EXISTS_MSG'    : '{{ 'MAIL_ALREADY_EXISTS_MSG'|trans }}',
  400.         };
  401.        var opt = {
  402.             'saveSignUpAjaxUrl':"{{ path('save_user_registration') }}",
  403.             'signInPageUrl': "{{ path('app_login') }}",
  404.             'signupVerification':'{{ url('signup_verification', {userId: "_userId_" }) }}',
  405.             'emailCheckUrl':"{{ path('public_check_email') }}",
  406.             'checkInvalidEmail':"{{ path('check_invalid_email') }}",
  407.              transArray : transArray
  408.         };
  409.         var SignUpObj = new SignUp(opt);
  410.         SignUpObj.init();
  411.    </script>
  412.    </body>
  413. </html>