src/GlobalBundle/Resources/views/layouts/scripts-no-auth.html.twig line 1

Open in your IDE?
  1. <!-- scripts -->
  2. {# {% set CDN_URL = app_CDN_url() %} #}
  3. {% set CDN_URL = 'https://d2577j2dd5wuk.cloudfront.net' %}
  4. {% set currentSite = currentSite is defined ? currentSite : app_current_site() %}
  5. {% if skipDuplicateMainJs is defined and skipDuplicateMainJs %}
  6.     {# scripts.html.twig was already included and rendered on this page; drop what it
  7.        already printed so our own render below only adds the files unique to this file #}
  8.     {% do pimcore_head_script().getContainer().exchangeArray([]) %}
  9. {% endif %}
  10. {% if skipDuplicateMainJs is not defined or not skipDuplicateMainJs %}
  11.     {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/jquery.min.js')) %}
  12.     {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/popper.min.js')) %}
  13.     {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/bootstrap.min.js')) %}
  14.     {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/select2.min.js')) %}
  15.     {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/moment.min.js')) %}
  16.     {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/daterangepicker.min.js')) %}
  17.     {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/jquery.validate.min.js')) %}
  18.     {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/lighbox.js')) %}
  19.     {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/functions.js')) %}
  20.     {# {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/main.js')) %} #}
  21.     {% do pimcore_head_script().appendFile(asset('bundles/global/js/main.js')) %}
  22. {% endif %}
  23. {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/aos.js')) %}
  24. {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/examwizard.js')) %}
  25. {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/country/intlTelInput.js')) %}
  26. {# {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/TweenMax.min.js')) %}
  27. {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/wheel-indicator.js')) %}
  28. {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/ScrollToPlugin.min.js')) %}
  29. {% do pimcore_head_script().appendFile(asset(CDN_URL~'/assets/JS/script.js')) %} #}
  31. {# output scripts added before #}
  32. {% block headscripts deferred %}
  33.     {{ pimcore_head_script() }}
  34. {% endblock %}
  36. {% if 'salescampaign' in app.request.pathinfo %}
  37.     {% if isVerified == 0 %}
  38.     <script>
  39.         $(window).on('load', function() {
  40.             $('#leadForm').modal('show');
  41.         });
  43.         $('#leadForm').modal({
  44.             backdrop: 'static',
  45.             keyboard: false
  46.         });
  47.     </script>
  48.     {% endif %}
  49. {% endif %}
  51. {% if not is_granted('IS_AUTHENTICATED_REMEMBERED') and app.request.pathinfo == '/home' %}
  52.     <script type="text/javascript">
  53.         $(window).on('load', function() {
  54.             $('#login').modal('show');
  55.         });
  56.     </script>
  57. {% endif %}
  58. <script type="text/javascript">
  59.     $("#jquery-intl-phone").intlTelInput({});
  60.     $("#jquery-intl-phone-access").intlTelInput({});
  61.     $("#jquery-intl-phone-manufacture").intlTelInput({});
  63.     function pushGtmAuthEvent(eventName, payload) {
  64.         window.dataLayer = window.dataLayer || [];
  65.         var data = {
  66.             event: eventName,
  67.             method: 'onsite'
  68.         };
  69.         payload = payload || {};
  70.         for (var key in payload) {
  71.             if (Object.prototype.hasOwnProperty.call(payload, key) && payload[key] !== undefined && payload[key] !== null && payload[key] !== '') {
  72.                 data[key] = payload[key];
  73.             }
  74.         }
  75.         window.dataLayer.push(data);
  76.     }
  78.     function getValidationErrorReason(errorData) {
  79.         if (!errorData) {
  80.             return 'Validation Error';
  81.         }
  82.         if (typeof errorData === 'string') {
  83.             return errorData;
  84.         }
  85.         var reasons = [];
  86.         for (var key in errorData) {
  87.             if (Object.prototype.hasOwnProperty.call(errorData, key) && errorData[key]) {
  88.                 reasons.push(key + ': ' + errorData[key]);
  89.             }
  90.         }
  91.         return reasons.length ? reasons.join(', ') : 'Validation Error';
  92.     }
  94.     function getAuthUserId(data) {
  95.         return data && (data.userId || data.user_id || data['user-id']) ? (data.userId || data.user_id || data['user-id']) : '';
  96.     }
  98.     $(document).on('submit', 'form', function() {
  99.         if ($(this).find('#_username').length && $(this).find('#_password').length) {
  100.             pushGtmAuthEvent('user-login-submit');
  101.         }
  102.     });
  104.     {% set gtmLoginFailReason = app.session.get('gtm_login_fail_reason') %}
  105.     {% if app.request.get('errorFlag') == '1' or gtmLoginFailReason %}
  106.         pushGtmAuthEvent('user-login-fail', {
  107.             'validation-error': '{{ app.request.get('errorType')|default(gtmLoginFailReason|default('Login Failed'))|e('js') }}'
  108.         });
  109.         {% do app.session.remove('gtm_login_fail_reason') %}
  110.     {% endif %}
  111.     
  114.     $('.country-dropdown-select2').each(function () {
  115.         console.log("Initializing select2 for country dropdown");
  116.         $(this).select2({
  117.             placeholder: 'Select Country *',
  118.             dropdownParent: $(this).parent(),
  119.         });
  120.          $(this).on('change', function() {
  121.         var selectedCountry = $(this).val();
  122.         console.log("Country changed to: " + selectedCountry);
  123.      });
  124.     });
  125.     // examwizard
  126.     var examWizard = $.fn.examWizard({
  127.             nextOption: {        
  128.                 callBack: function(){
  129.                     $("#prev-screen").hide();
  130.                     $("#back-to-prev-question").show();
  131.                     
  132.                     if($("#current-question-number-label").text()=="5"){
  133.                         if ($("#signupAgreeMf").is(":checked")) {
  134.                             $("#finishExams").removeClass('disabled');
  135.                             $("#finishExams").show();
  136.                         }else{
  137.                             $("#finishExams").show();
  138.                             $("#finishExams").addClass('disabled');
  139.                         }
  140.                         $("#go-to-next-question").hide();
  141.                     } else {
  142.                         $("#finishExams").hide();
  143.                         $("#go-to-next-question").show();
  144.                     }
  145.                 }
  146.             },
  147.             prevOption: {     
  148.                 callBack: function(){
  149.                     $("#finishExams").hide(); 
  150.                     $("#go-to-next-question").show();  
  151.                     if($("#current-question-number-label").text()=="1"){
  152.                         $("#back-to-prev-question").hide();
  153.                         $("#prev-screen").show();
  154.                     } else {
  155.                         $("#back-to-prev-question").show();
  156.                         $("#prev-screen").hide();
  157.                     }
  158.                 }
  159.             }
  160.         });
  161.         
  162.     $('#signupAgree').change(function(){
  163.         if(this.checked) {
  164.         $("#signupDone").removeClass('disabled');
  165.         }else{
  166.         $("#signupDone").addClass('disabled');
  167.         }
  168.     });
  170.     $('#signupAgreeMf').change(function(){
  171.         if(this.checked) {
  172.         $("#finishExams").removeClass('disabled');
  173.         }else{
  174.         $("#finishExams").addClass('disabled');
  175.         }
  176.     });
  178.     $('input[name=SignupType]').click(function(){
  179.       //alert('on click type');
  180.       var value = $(this).val();
  181.       $('#customer-selection').hide();
  182.       
  183.       $('#signupCustTypes').prop('selectedIndex', 0).change();
  184.       $('#signupSupplierTypes').prop('selectedIndex', 0).change();
  185.       $('#signupSupplierTypesMf').prop('selectedIndex', 0).change();
  186.       
  187.       if(value == 'distributor'){
  188.           $('#typeSignup').val('S');
  189.           $('#frmSignup').show();
  190.           $('#signupSupplierTypes + span').show();
  191.           $('#signupCustTypes + span').hide();
  192.       }else{
  193.           $('#typeSignup').val('C');
  194.           $('#frmSignup').show();
  195.       $('#signupCustTypes + span').show();
  196.       $('#signupSupplierTypes + span').hide();
  197.       }
  198.     });
  199.     
  200.     $('#signupSupplierTypes').change(function(){
  201.       //alert('on click type');
  202.       var value = $(this).val();
  203.       //alert(value);
  204.     //   if(value == 'M'){
  205.     //       $('#manufacturer').show();
  206.     //       $('#frmSignup').hide();
  207.     //       $('#signupSupplierTypesMf').prop('selectedIndex', 2).change();
  208.     //   }else{
  209.           $('#frmSignup').show();
  210.           $('#manufacturer').hide();
  211.     //   }
  212.     });
  213.     
  214.     $('#signupSupplierTypesMf').change(function(){
  215.       //alert('on click type');
  216.       var value = $(this).val();
  217.       //alert(value);
  218.     //   if(value == 'M'){
  219.     //       $('#manufacturer').show();
  220.     //       $('#frmSignup').hide();
  221.     //   }else{
  222.           $('#frmSignup').show();
  223.           $('#manufacturer').hide();
  224.           if(value == 'D'){
  225.             $('#signupSupplierTypes').prop('selectedIndex', 1).change();
  226.           }else if(value == 'S'){
  227.                       //alert('select stylist');
  228.             $('#signupSupplierTypes').prop('selectedIndex', 3).change();
  229.           }else{
  230.             $('#signupSupplierTypes').prop('selectedIndex', 0).change();
  231.           }
  232.     //   }
  233.     });
  234.     
  235.     
  236.     
  237.     
  238.     $('#signupPrevious').click(function(){
  239.       //alert('on click type');
  240.       $('#customer-selection').show();
  241.       $('#frmSignup').hide();
  242.     });
  243.     
  244.     $('#prev-screen').click(function(){
  245.       //alert('on click type');
  246.       $('#customer-selection').show();
  247.       $('#manufacturer').hide();
  248.     });
  249.     
  250.     jQuery.validator.addMethod("validateURL", function (value, element) {
  251.         var regExp = new RegExp(/^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/);
  252.         return this.optional(element) || regExp.test(value);
  253.     }, "Invalid URL");
  255.     window.history.replaceState(null, null, window.location.pathname);
  256.     var validationRules = {
  257.         // Specify validation rules
  258.         errorElement: 'span',
  259.         errorClass: 'error-msg',
  261.         rules: {
  262.             firstName: {
  263.                 required: true,
  264.                 // noSpace: true
  265.             },
  266.             lastName: {
  267.                 required: true,
  268.                 // noSpace: true
  269.             },
  270.             email: {
  271.                 required: true,
  272.                 ValidEmail: true,
  273.                 email: true,
  274.                 noSpace: true
  275.             },
  276.             jobRole: {
  277.                 required: true,
  278.                 //minlength : 3,
  279.             },
  280.             companyType: {
  281.                 required: true,
  282.                 //minlength : 3,
  283.             },
  284.             companySize: {
  285.                 required: true,
  286.                 //minlength : 3,
  287.             },
  288.             companyName: {
  289.                 required: true,
  290.                 noSpace: true
  291.             },
  292.             password:{
  293.                 required: true,
  294.                 noSpace: true,
  295.             },
  296.             ConfirmPassword:{
  297.                 required: true,
  298.                 noSpace: true,
  299.                 equalTo: "#password"
  300.             },
  301.                         
  303.         },
  304.         // Specify validation error messages
  305.         messages: {
  306.             firstName: {
  307.                 required: 'Required',
  308.                 maxlength: "Max 50",
  309.                 // noSpace: 'Required'
  310.             },
  311.             lastName: {
  312.                 required: 'Required',
  313.                 maxlength: "Max 50",
  314.                 // noSpace: 'Required'
  315.             },
  316.             email: {
  317.                 required: 'Required',
  318.                 email: 'Not valid',
  319.                 ValidEmail: 'Not valid`',
  320.                 noSpace: 'Required'
  321.             },
  322.             jobRole: {
  323.                 required: 'Required',
  324.             },
  325.             companyType: {
  326.                 required: 'Required',
  327.             },
  328.             companySize: {
  329.                 required: 'Required',
  330.             },
  331.             companyName: {
  332.                 required: 'Required',
  333.                 noSpace: 'Required'
  334.             },
  335.             password: {
  336.                 required: 'Required',
  337.                 noSpace: 'Required'
  338.             },
  339.             ConfirmPassword: {
  340.                 required: 'Required',
  341.                 noSpace: 'Required',
  342.                 equalTo: "Password not Matched"
  343.             }
  344.         },
  345.         errorPlacement: function (error, element) {
  346.             error.insertAfter(element);
  347.         }
  348.     };
  350.     $('#pimcore_editable_landing_bookdemo').click(function (e) {
  351.         $('select').prop('selectedIndex', 0).change();
  352.         $("#email-error, #companySize-error, #lastName-error,#firstName-error,#companyType-error,#jobRole-error,#companyName-error").html("");
  354.     });
  356.     $('#close-btn').click(function (e) {
  359.         $("#frmBookDemo").get(0).reset();
  360.         $('select').prop('selectedIndex', 0).change();
  361.         $('#companyType').prop('selectedIndex', 0).change();
  362.         $("#bookAdemo_success").hide();
  363.         $("#bookAdemo_normal").show();
  364.         $('#frmBookDemo').validate(validationRules).reset();
  365.         $("#email-error, #companySize-error, #lastName-error,#firstName-error,#companyType-error,#jobRole-error,#companyName-error").html("");        
  367.     });
  369.     
  370.     $("#signupPrevious").click(function (e) {
  371.         $('select').prop('selectedIndex', 0).change();
  372.         $("#signupDone").addClass('disabled');
  373.         $("#finishExams").addClass('disabled');
  374.         $('#signupCustTypes').prop('selectedIndex', 0).change();
  375.         $('#signupSupplierTypes').prop('selectedIndex', 0).change();
  376.         $('#signupSupplierTypesMf').prop('selectedIndex', 0).change();
  377.         document.getElementById("customer-selection").reset();
  378.         document.getElementById("frmSignup").reset();
  379.         document.getElementById("examwizard-question").reset();
  380.         $("#frmSignup").hide();
  381.         $("#manufacturer").hide();      
  382.         for (let el of document.querySelectorAll('span.error-msg')) el.style.display = 'none';
  383.         document.querySelector('.file-upload-label').textContent = "Please attach your portfolio";
  384.           $('.remove-file').removeClass('attached');
  385.           const fileInput = document.querySelector('#portfolio-upload');
  386.           fileInput.value="";
  387.         
  388.     });
  389.     $("#prev-screen").click(function (e) {
  390.         $('select').prop('selectedIndex', 0).change();
  391.         $("#signupDone").addClass('disabled');
  392.         $("#finishExams").addClass('disabled');
  393.         $('#signupCustTypes').prop('selectedIndex', 0).change();
  394.         $('#signupSupplierTypes').prop('selectedIndex', 0).change();
  395.         $('#signupSupplierTypesMf').prop('selectedIndex', 0).change();
  396.         document.getElementById("customer-selection").reset();
  397.         document.getElementById("frmSignup").reset();
  398.         document.getElementById("examwizard-question").reset();
  399.         $("#frmSignup").hide();
  400.         $("#manufacturer").hide();      
  401.         for (let el of document.querySelectorAll('span.error-msg')) el.style.display = 'none';
  402.         document.querySelector('.file-upload-label').textContent = "Please attach your portfolio";
  403.           $('.remove-file').removeClass('attached');
  404.           const fileInput = document.querySelector('#portfolio-upload');
  405.           fileInput.value="";
  406.         
  407.     });
  409.     $('#close-btn-signup').click(function (e) {
  411.         $("#signup_success").hide();
  412.         $("#currentQuestionNumber").val(1);
  413.         $('select').prop('selectedIndex', 0).change();
  414.         $('#signupCustTypes').prop('selectedIndex', 0).change();
  415.         $('#signupSupplierTypes').prop('selectedIndex', 0).change();
  416.         $('#signupSupplierTypesMf').prop('selectedIndex', 0).change();
  417.         $("#current-question-number-label").text('1');
  418.         var count=0;
  419.         for (let el of document.querySelectorAll('div.question')){
  420.             el.classList.remove("hidden");
  421.             if(count != 0){
  422.             el.classList.add("hidden");
  423.             }
  424.             count++;
  425.         }
  426.         $("#go-to-next-question").removeClass('disabled');
  427.         $("#go-to-next-question").show();
  428.         $("#finishExams").hide();
  429.         $("#frmSignup").hide();
  430.         $("#manufacturer").hide();        
  431.                 $("#customer-selection").show();
  432.         document.getElementById("customer-selection").reset();
  433.         document.getElementById("frmSignup").reset();
  434.         document.getElementById("examwizard-question").reset();
  435.         $("#signupDone").addClass('disabled');
  436.         $("#finishExams").addClass('disabled');
  437.         for (let el of document.querySelectorAll('span.error-msg')) el.style.visibility = 'hidden';
  438.         $("#signup_form").show();
  439.                 
  440.     });
  442.     $('#close-btn-signup-form').click(function (e) {
  444.         $("#signup_success").hide();
  445.         // $("#currentQuestionNumber").val(1);
  446.         // $('select').prop('selectedIndex', 0).change();
  447.         // $('#signupCustTypes').prop('selectedIndex', 0).change();
  448.         // $('#signupSupplierTypes').prop('selectedIndex', 0).change();
  449.         // $('#signupSupplierTypesMf').prop('selectedIndex', 0).change();
  450.         // $("#current-question-number-label").text('1');
  451.         // var count=0;
  452.         // for (let el of document.querySelectorAll('div.question')){
  453.         //     el.classList.remove("hidden");
  454.         //     if(count != 0){
  455.         //     el.classList.add("hidden");
  456.         //     }
  457.         //     count++;
  458.         // }
  459.         // $("#go-to-next-question").removeClass('disabled');
  460.         // $("#go-to-next-question").show();
  461.         // $("#finishExams").hide();
  462.         // $("#frmSignup").hide();
  463.         // $("#manufacturer").hide();        
  464.         //         $("#customer-selection").show();
  465.         // document.getElementById("customer-selection").reset();
  466.         document.getElementById("frmSignup").reset();
  467.         $("#frmSignup").show();
  468.         $(".modal-header").show();
  469.         // document.getElementById("examwizard-question").reset();
  470.         $("#signupDone").addClass('disabled');
  471.         // $("#finishExams").addClass('disabled');
  472.         // for (let el of document.querySelectorAll('span.error-msg')) el.style.visibility = 'hidden';
  473.         // $("#signup_form").show();
  474.                 
  475.     });
  477.     var validationRulesContact = {
  478.         // Specify validation rules
  479.         errorElement: 'span',
  480.         errorClass: 'error-msg',
  482.         rules: {
  483.             contactName: {
  484.                 required: true,
  485.                 noSpace: false
  486.             },
  487.             contactEmail: {
  488.                 required: true,
  489.                 ValidEmail: true,
  490.                 email: true,
  491.                 noSpace: true
  492.             }
  493.         },
  494.         // Specify validation error messages
  495.         messages: {
  496.             contactName: {
  497.                 required: 'Required',
  498.                 noSpace: 'Required',
  499.                 maxlength: "Max 50",
  500.             },
  501.             contactEmail: {
  502.                 required: 'Required',
  503.                 email: "Not valid",
  504.                 ValidEmail: 'Not valid'
  505.             }
  506.         },
  507.         errorPlacement: function (error, element) {
  508.             error.insertAfter(element);
  509.         }
  510.     };
  511.     
  512.     var validationRulesSignup = {
  513.         // Specify validation rules
  514.         errorElement: 'span',
  515.         errorClass: 'error-msg',
  517.         rules: {
  518.             firstName: {
  519.                 required: true,
  520.                 // noSpace: true
  521.             },
  522.             companyName: {
  523.                 required: true,
  524.                 //noSpace: true
  525.             },        
  526.             customerType: {
  527.                 required: true,
  528.             },        
  529.             email: {
  530.                 required: true,
  531.                 ValidEmail: true,
  532.                 email: true,
  533.                 noSpace: true
  534.             },
  535.             /*contactNumber:{
  536.                 required: true,
  537.                 noSpace: true
  538.             },*/
  539.             password:{
  540.                 required: true,
  541.                 noSpace: true,
  542.             },
  543.             ConfirmPassword:{
  544.                 required: true,
  545.                 noSpace: true,
  546.                 equalTo: "#password"
  547.             },
  548.             countryName:{
  549.                 required: true,
  550.             },
  551.             website:{
  552.                 validateURL: true,
  553.                 required: false,
  554.             }
  555.         },
  556.         // Specify validation error messages
  557.         messages: {
  558.             firstName: {
  559.                 required: 'Required',
  560.                 // noSpace: 'Required',
  561.                 maxlength: "Max 50",
  562.             },
  563.             companyName: {
  564.                 required: 'Required',
  565.                 //noSpace: 'Required',
  566.                 maxlength: "Max 50",
  567.             },
  568.             customerType: {
  569.                 required: 'Required'
  570.             },
  571.             email: {
  572.                 required: 'Required',
  573.                 email: "Not valid",
  574.                 ValidEmail: 'Not valid'
  575.             },
  576.             /*contactNumber: {
  577.                 required: 'Required',
  578.                 noSpace: 'Required'
  579.             },*/
  580.             password: {
  581.                 required: 'Required',
  582.                 noSpace: 'Required'
  583.             },
  584.             ConfirmPassword: {
  585.                 required: 'Required',
  586.                 noSpace: 'Required',
  587.                 equalTo: "Password not Matched"
  588.             },
  589.             countryName:{
  590.                 required: 'Required',
  591.             }
  592.         },
  593.         errorPlacement: function (error, element) {
  594.             error.insertAfter(element);
  595.         }
  596.     };
  597.     
  598.     var validationRulesSignupMf = {
  599.         // Specify validation rules
  600.         errorElement: 'span',
  601.         errorClass: 'error-msg',
  603.         rules: {
  604.             signupFirstNameMf: {
  605.                 required: true,
  606.                 // noSpace: true
  607.             },            
  608.             signupCompanyNameMf: {
  609.                 required: true,
  610.                 //noSpace: true
  611.             },            
  612.             signupEmailMf: {
  613.                 required: true,
  614.                 ValidEmail: true,
  615.                 email: true,
  616.                 noSpace: true
  617.             },            
  618.             contactNumbermanufacture: {
  619.                 required: true,
  620.                 noSpace: true
  621.             }
  622.         },
  623.         // Specify validation error messages
  624.         messages: {
  625.             signupFirstNameMf: {
  626.                 required: 'Required',
  627.                 // noSpace: 'Required'
  628.             },
  629.            signupCompanyNameMf: {
  630.                 required: 'Required',
  631.                 //noSpace: 'Required'
  632.             },
  633.             signupEmailMf: {
  634.                 required: 'Required',
  635.                 email: "Not valid",
  636.                 ValidEmail: 'Not valid'
  637.             },
  638.             contactNumbermanufacture: {
  639.                 required: 'Required',
  640.                 noSpace: 'Required'
  641.             }
  642.         },
  643.         errorPlacement: function (error, element) {
  644.             error.insertAfter(element);
  645.         }
  646.     };
  648.     var validationRulesSC = {
  649.         // Specify validation rules
  650.         errorElement: 'span',
  651.         errorClass: 'error-msg',
  653.         rules: {
  654.             SCFirstName: {
  655.                 required: true,
  656.                 // noSpace: true
  657.             },
  658.             SCLastName: {
  659.                 required: true,
  660.                 // noSpace: true
  661.             },
  662.             SCphone: {
  663.                 required: true,
  664.                 noSpace: true
  665.             },
  666.             SCemail: {
  667.                 required: true,
  668.                 ValidEmail: true,
  669.                 email: true,
  670.                 noSpace: true
  671.             },
  672.             SCaccessCode: {
  673.                 required: true,
  674.                 noSpace: true
  675.             }
  676.         },
  677.         // Specify validation error messages
  678.         messages: {
  679.             SCFirstName: {
  680.                 required: 'Required',
  681.                 // noSpace: 'Required'
  682.             },
  683.             SCLastName: {
  684.                 required: 'Required',
  685.                 // noSpace: 'Required'
  686.             },
  687.             SCphone: {
  688.                 required: 'Required',
  689.                 noSpace: 'Required'
  690.             },
  691.             SCemail: {
  692.                 required: 'Required',
  693.                 email: "Not valid",
  694.                 ValidEmail: 'Not valid'
  695.             },
  696.             SCaccessCode: {
  697.                 required: 'Required',
  698.                 noSpace: 'Required'
  699.             }
  700.         },
  702.         errorPlacement: function (error, element) {
  703.             error.insertAfter(element);
  704.         }
  705.     };
  707.     
  709.     $(function () {
  710.         //alert('test');
  711.         jQuery.validator.addMethod("ValidEmail", function (value, element) {
  712.             var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  713.             return regex.test(value);
  714.         });
  716.         jQuery.validator.addMethod("noSpace", function (value, element) {
  717.             return value.indexOf(" ") < 0 && value != "";
  718.         });
  720.         $('#frmBookDemo').validate(validationRules);
  721.         //alert('before submit');
  724.         $('#frmBookDemo').submit(function (event) {
  726.             //submit form with ajax - start
  727.             var firstName = $("#firstName").val();
  728.             var lastName = $("#lastName").val();
  729.             var email = $("#email").val();
  730.             var jobRole = $("#jobRole").val();
  731.             var companyType = $("#companyType").val();
  732.             var companySize = $("#companySize").val();
  733.             var companyName = $("#companyName").val();
  736.             // stop the form from submitting the normal way and refreshing the page
  737.             event.preventDefault();
  739.             if ($('#frmBookDemo').valid()) {
  741.                 $.ajax({
  742.                     type: "POST",
  743.                     url: "/booking",
  744.                     data: "firstName=" + firstName + "&lastName=" + lastName + "&email=" + email + "&jobRole=" + jobRole + "&companyType=" + companyType + "&companySize=" + companySize + "&companyName=" + companyName + "&submitAction=bookAdemo",
  745.                     success: function (data) {
  746.                     
  747.                         if (data == 'success') {
  748.                             $("#bookAdemo_success").show();
  749.                             $("#bookAdemo_normal").hide();
  750.                         } else {
  751.                             $("#bookAdemo_error").show();
  752.                         }
  753.                     }
  754.                 });
  755.                 //alert('ajax end');
  757.             }
  758.         });
  759.         
  760.         
  761.         $('#frmSignup').validate(validationRulesSignup);
  762.         $('#frmSignup').submit(function (event) {
  763.                 event.preventDefault();
  765.                 var firstName = $("#signupFirstName").val();
  766.                 var email = $("#signupEmail").val();
  767.                 var companyName = $("#signupCompanyName").val();
  768.                 var lastName = $("#signupLastName").val();
  769.                 var phoneCode = $("#jquery-intl-phone").val() ?? "";
  770.                 var phone = $("#signupContactNumber").val() ?? "";
  771.                 var password = $("#password").val();
  772.                 //var signupSupplierTypes = $('input[name="signupSupplierTypes"]:selectedIndex').val();
  773.                 var signupSupplierType = $('#signupSupplierTypes option:selected').val();
  775.                 var signupCustType = $('#signupCustTypes').find(":selected").text();
  776.                 //var type = $('input[name="type"]:checked').val();
  777.                 // var type = $("#customerType").val();
  778.                 var type = $('#customerType').val();
  779.                 //var country = $('#signupCountry').val();
  780.                 var website = $('#signupWebsite').val();
  781.                 var country = $('#signupCountry').select2('val');
  782.                 
  783.                 if(type == 'R'){
  784.                     var actionurl = '/customerSignup';
  785.                 }else{
  786.                     var actionurl = '/supplierSignup';
  787.                 }
  788.                 signupSupplierType  = type;
  789.                 signupCustType      = type;
  790.                // event.preventDefault();
  792.                 if ($('#frmSignup').valid()) {
  793.                     // reCAPTCHA is mandatory when it is configured on the page
  794.                     var recaptchaToken = "";
  795.                     if ($('#frmSignup').find('.g-recaptcha').length) {
  796.                         recaptchaToken = $('#frmSignup').find('[name="g-recaptcha-response"]').val() || "";
  797.                         if (recaptchaToken === "") {
  798.                             $('#signupRecaptcha-error').text('Please confirm you are not a robot').show();
  799.                             return false;
  800.                         }
  801.                         $('#signupRecaptcha-error').hide();
  802.                     }
  804.                     pushGtmAuthEvent('user-signup-submit');
  805.                     $('#signupMismatchData-error').remove();
  806.                     $.ajax({
  807.                         type: "POST",
  808.                         url: actionurl,
  809.                         data: "firstName=" + firstName + "&lastName="+lastName+"&email=" + email + "&companyName=" + companyName + "&supplierType=" + signupSupplierType + "&custType=" + signupCustType + "&password=" + password + "&country=" + country + "&website=" + website + "&phoneCode=" + phoneCode + "&phone=" + phone + "&g-recaptcha-response=" + encodeURIComponent(recaptchaToken),
  810.                         success: function (data) {
  811.                             data = JSON.parse(data);
  812.                             if (data.status == 'success') {
  813.                                 pushGtmAuthEvent('user-signup-success', {
  814.                                     'user-id': getAuthUserId(data)
  815.                                 });
  816.                                 $.ajax({
  817.                                     type: "POST",
  818.                                     url: '/signupEmails',
  819.                                     data: "firstName=" + firstName + "&lastName="+lastName+"&email=" + email + "&companyName=" + companyName + "&supplierType=" + signupSupplierType + "&custType=" + signupCustType + "&password=" + password + "&country=" + country + "&website=" + website + "&phoneCode=" + phoneCode + "&phone=" + phone,
  820.                                     success: function (data) {
  821.                                             data = JSON.parse(data);
  822.                                             if (data.status == 'success') {
  823.                                                 // console.log("hii");
  824.                                             }
  825.                                         }
  826.                                 });
  828.                                 if(type != 'R'){
  829.                                     signupCustType =    "Supplier";
  830.                                     actionurl      =    '/customerSignup';
  831.                                     $.ajax({
  832.                                     type: "POST",
  833.                                     url: actionurl,
  834.                                     data: "firstName=" + firstName + "&lastName="+lastName+"&email=" + email + "&companyName=" + companyName + "&supplierType=" + signupSupplierType + "&custType=" + signupCustType + "&password=" + password + "&country=" + country + "&website=" + website + "&phoneCode=" + phoneCode + "&phone=" + phone,
  835.                                     success: function (data) {
  836.                                             data = JSON.parse(data);
  837.                                             if (data.status == 'success') {
  838.                                                 // console.log("hii");
  839.                                             }
  840.                                         }
  841.                                     });
  842.                                 }
  843.                                 $("#signupCountry").val("").trigger("change");
  844.                                 $("#frmSignup").hide();
  845.                                 $(".modal-header").hide();
  846.                                 $("#signup_success").show();
  847.                                 $('#signupMismatchData-error').remove();
  848.                                 
  849.                             } else {
  850.                                 var error = data.errorData;
  851.                                 pushGtmAuthEvent('user-signup-fail', {
  852.                                     'validation-error': getValidationErrorReason(error)
  853.                                 });
  855.                                 //alert(error.companyName);
  856.                                 //alert(error.email);
  857.                                 if(error.email){
  858.                                     $('<span id="signupEmail-error" class="error-msg">'+error.email+'</span>').insertAfter("#signupEmail");
  859.                                 }
  860.                                 if(error.companyName){
  861.                                     $('<span id="signupCompanyName-error" class="error-msg">'+error.companyName+'</span>').insertAfter("#signupCompanyName");                                
  862.                                 }
  863.                                 if(error.signupContactNumber){
  864.                                     $('<span id="signupContactNumber-error" class="error-msg">'+error.signupContactNumber+'</span>').insertAfter("#signupContactNumber");                                
  865.                                 }
  866.                                 if(error.mismatchData){
  867.                                     $('<span id="signupMismatchData-error" class="error-msg" style="right: 145px;">'+error.mismatchData+'</span>').insertAfter(".modal-header");
  868.                                 }
  869.                                 if(error.recaptcha){
  870.                                     $('#signupRecaptcha-error').text(error.recaptcha).show();
  871.                                 }
  873.                                 // a token is single use at Google, so the widget
  874.                                 // must be reset before the customer tries again
  875.                                 if (window.grecaptcha && $('#frmSignup').find('.g-recaptcha').length) {
  876.                                     try { window.grecaptcha.reset(); } catch (e) {}
  877.                                 }
  878.                                 
  879.                                 $("#signup_form").show();
  880.                                 $("#signup_success").hide();
  881.                             }
  882.                         },
  883.                         error: function () {
  884.                             pushGtmAuthEvent('user-signup-fail', {
  885.                                 'validation-error': 'Network Error'
  886.                             });
  887.                         }
  888.                     });
  889.                 } else {
  890.                     pushGtmAuthEvent('user-signup-fail', {
  891.                         'validation-error': 'Validation Error'
  892.                     });
  893.                 }
  894.         });
  895.         
  896.         $('#examwizard-question').validate(validationRulesSignupMf);
  897.         $('#go-to-next-question').on('click', function(event) {
  898.            var screen = $("#currentQuestionNumber").val();
  899.            //alert(screen);            
  900.             if(screen == 1){
  901.                 //alert('validate first screen');
  902.                 event.preventDefault();
  904.                 if ($('#examwizard-question').valid()) {
  905.                     //return true;
  906.                     //alert('validated');            
  907.                     var actionurl = '/supplierSignupCheck';
  908.                     var firstName = $("#signupFirstNameMf").val();
  909.                     var email = $("#signupEmailMf").val();
  910.                     var companyName = $("#signupCompanyNameMf").val();
  911.                     var clients = $("#signupClientsMf").val();
  912.                     var lastName = $("#signupLastNameMf").val();
  913.                     var fd = new FormData();
  914.                     fd.append('firstName',firstName);
  915.                     fd.append('lastName',lastName);
  916.                     fd.append('email',email);
  917.                     fd.append('companyName',companyName);
  918.                     fd.append('clients',clients);
  920.                     $.ajax({
  921.                         type: "POST",
  922.                         url: actionurl,
  923.                         data: fd,
  924.                         contentType: false,
  925.                         processData: false,
  926.                         success: function (data) {
  927.                             data = JSON.parse(data);
  928.                             //alert(data.status);
  929.                             if (data.status == 'success') {
  930.                                 $("#current-question-number-label").text('2');
  931.                                 $("#currentQuestionNumber").val(2);
  932.                                 var count=0;
  933.                                 for (let el of document.querySelectorAll('div.question')){
  934.                                     el.classList.remove("hidden");
  935.                                     if(count != 1){
  936.                                     el.classList.add("hidden");
  937.                                     }
  938.                                     count++;
  939.                                 }
  940.                                 $("#back-to-prev-question").show();
  941.                                 $("#prev-screen").hide();
  942.                                 $("#back-to-prev-question").removeClass('disabled');
  943.                             } else {
  944.                                 var error = data.errorData;
  945.                                 pushGtmAuthEvent('user-signup-fail', {
  946.                                     'validation-error': getValidationErrorReason(error)
  947.                                 });
  948.                                 //alert(error.companyName);
  949.                                 //alert(error.email);
  950.                                 $("#current-question-number-label").text('1');
  951.                                 $("#currentQuestionNumber").val(1);
  952.                                 if(error.email){
  953.                                     $('<span id="signupEmailMf-error" class="error-msg">'+error.email+'</span>').insertAfter("#signupEmailMf");
  954.                                 }
  955.                                 if(error.companyName){
  956.                                     $('<span id="signupCompanyNameMf-error" class="error-msg">'+error.companyName+'</span>').insertAfter("#signupCompanyNameMf");                                
  957.                                 }
  958.                             }
  959.                         },
  960.                         error: function () {
  961.                             pushGtmAuthEvent('user-signup-fail', {
  962.                                 'validation-error': 'Network Error'
  963.                             });
  964.                         }
  965.                     });
  967.                     $("#current-question-number-label").text('1');
  968.                     $("#currentQuestionNumber").val(1);
  969.                     return false;
  970.                 }else{
  971.                     pushGtmAuthEvent('user-signup-fail', {
  972.                         'validation-error': 'Validation Error'
  973.                     });
  974.                     //alert('else validated');
  975.                     $("#current-question-number-label").text('1');
  976.                     $("#currentQuestionNumber").val(1);
  977.                     return false;
  978.                 }
  979.             }
  980.         });        
  981.         
  982.         $('#examwizard-question').submit(function (event) {
  983.             //alert("before submit");
  984.             // stop the form from submitting the normal way and refreshing the page
  985.             
  986.             var firstName = $("#signupFirstNameMf").val();
  987.             var email = $("#signupEmailMf").val();
  988.             var companyName = $("#signupCompanyNameMf").val();
  989.             var lastName = $("#signupLastNameMf").val();
  990.             var signupFactorySizeMf = $("#signupFactorySizeMf").val();
  991.             var signupEmployeesMf = $("#signupEmployeesMf").val();
  992.             var signupMachinesMf = $("#signupMachinesMf").val();
  993.             var signupPortMf = $('#signupPortMf').find(":selected").val();
  994.             var signupFOBMf = $("#signupFOBMf").val();
  995.             var clients = $("#signupClientsMf").val();
  996.             var phoneCode = $("#jquery-intl-phone-manufacture").val();
  997.             var phone = $("#signupContactNumber-manufacture").val();
  998.                    
  999.             ///alert(firstName);
  1000.             var signupCountryMf = '';
  1001.             $('input[name="signupCountryMf"]:checked').each(function() {
  1002.                signupCountryMf = signupCountryMf + this.value+',';
  1003.             });
  1004.             
  1005.             var signupCategoryMf = '';
  1006.             $('input[name="signupCategoryMf"]:checked').each(function() {
  1007.                signupCategoryMf = signupCategoryMf + this.value+',';
  1008.             });
  1009.             
  1010.             var signupComplianceMf = '';
  1011.             $('input[name="signupComplianceMf"]:checked').each(function() {
  1012.                signupComplianceMf = signupComplianceMf + this.value+',';
  1013.             });
  1014.             
  1015.             var signupSupplierType = $('#signupSupplierTypesMf option:selected').val();
  1016.             
  1017.             var fd = new FormData();
  1018.             fd.append('firstName',firstName);
  1019.             fd.append('lastName',lastName);
  1020.             fd.append('email',email);
  1021.             fd.append('companyName',companyName);
  1022.             fd.append('signupFactorySizeMf',signupFactorySizeMf);
  1023.             fd.append('signupEmployeesMf',signupEmployeesMf);
  1024.             fd.append('signupMachinesMf',signupMachinesMf);
  1025.             fd.append('signupPortMf',signupPortMf);
  1026.             fd.append('signupFOBMf',signupFOBMf);
  1027.             fd.append('signupCountryMf',signupCountryMf);
  1028.             fd.append('signupCategoryMf',signupCategoryMf);
  1029.             fd.append('signupComplianceMf',signupComplianceMf);
  1030.             fd.append('supplierType',signupSupplierType);
  1031.             fd.append('phoneCode',phoneCode);
  1032.             fd.append('phone',phone);
  1033.             fd.append('clients',clients);
  1034.             
  1035.             var files = $('#portfolio-upload')[0].files;  
  1037.             // Check file selected or not
  1038.             //alert(files.length);
  1039.             if(files.length > 0 ){
  1040.                fd.append('file',files[0]);
  1041.             }
  1043.             var actionurl = '/supplierSignup';
  1044.             event.preventDefault();
  1046.             //if ($('#frmSignup').valid()) {
  1047.                 //return true;
  1048.                 pushGtmAuthEvent('user-signup-submit');
  1050.                 $.ajax({
  1051.                     type: "POST",
  1052.                     url: actionurl,
  1053.                     data: fd,
  1054.                     contentType: false,
  1055.                     processData: false,
  1056.                     success: function (data) {
  1057.                         data = JSON.parse(data);
  1058.                         if (data.status == 'success') {
  1059.                             pushGtmAuthEvent('user-signup-success', {
  1060.                                 'user-id': getAuthUserId(data)
  1061.                             });
  1062.                             $("#signup_success").show();
  1063.                             $("#signup_form").hide();
  1064.                         } else {
  1065.                             pushGtmAuthEvent('user-signup-fail', {
  1066.                                 'validation-error': getValidationErrorReason(data.errorData)
  1067.                             });
  1068.                             $("#signup_form").show();
  1069.                             $("#signup_success").hide();
  1070.                         }
  1071.                     },
  1072.                     error: function () {
  1073.                         pushGtmAuthEvent('user-signup-fail', {
  1074.                             'validation-error': 'Network Error'
  1075.                         });
  1076.                     }
  1077.                 });
  1078.             //}
  1079.     });
  1080.     
  1082.         $('#frmContactUs').validate(validationRulesContact);
  1083.         //alert('before submit');
  1085.         $('#frmContactUs').submit(function (event) {
  1087.             //submit form with ajax - start
  1088.             var contactName = $("#contactName").val();
  1089.             var contactMessage = $("#contactMessage").val();
  1090.             var contactEmail = $("#contactEmail").val();
  1091.             var contactInquiryType = $("#contactInquiryType").val();
  1094.             // stop the form from submitting the normal way and refreshing the page
  1095.             event.preventDefault();
  1097.             console.log('1111');
  1100.             if ($('#frmContactUs').valid()) {
  1101.                 //alert('validated');
  1102.                 console.log('2222');
  1103.                 //return true;
  1105.                 //alert('ajax start');
  1106.                 //alert("name=" + contactName +"&message=" +contactMessage+"&email=" +contactEmail+"&inquiryType=" +contactInquiryType+"&submitAction=contactUs");
  1108.                 $.ajax({
  1109.                     type: "POST",
  1110.                     url: "/contact",
  1111.                     data: "name=" + contactName + "&message=" + contactMessage + "&email=" + contactEmail + "&inquiryType=" + contactInquiryType + "&submitAction=contactUs",
  1112.                     success: function (data) {
  1114.                         if (data == 'success') {
  1115.                             $("#frmContactUs").get(0).reset();
  1116.                             $('#contactInquiryType').prop('selectedIndex', 0).change();
  1117.                             // $("#contactusmodal").modal('hide');
  1118.                             // $("#success-message").html("Thanks! Our team will contact you shortly.");
  1119.                             // $("#contact_success").modal('show');
  1120.                         } else {
  1121.                             $("#contact_error").show();
  1122.                         }
  1123.                     }
  1124.                 });
  1125.                 $("#contactusmodal").modal('hide');
  1126.                 $("#success-message").html("Thanks! Our team will contact you shortly.");
  1127.                 $("#contact_success").modal('show');
  1128.                 //alert('ajax end');
  1130.             }
  1131.         });
  1133.     
  1135.         $('#frmScAccessCode').validate(validationRulesSC);
  1136.         //alert('before submit');
  1137.     
  1138.         $('#frmScAccessCode').submit(function (event) {
  1140.             //submit form with ajax - start
  1141.             var firstName = $("#SCFirstName").val();
  1142.             var lastName = $("#SCLastName").val();
  1143.             var email = $("#SCemail").val();
  1144.             var phone = $("#SCphone").val();
  1145.             var accessCode = $("#SCaccessCode").val();
  1148.             // stop the form from submitting the normal way and refreshing the page
  1149.             event.preventDefault();
  1151.             if ($('#frmScAccessCode').valid()) {
  1153.                 $.ajax({
  1154.                     type: "POST",
  1155.                     data: $('#frmScAccessCode').serialize(),
  1156.                     success: function (data) {      
  1157.                         data = JSON.parse(data);              
  1158.                         if (data.status == 'success') {
  1159.                             $('#leadForm').modal('hide');
  1160.                         }else{
  1161.                             var error = data.errorData;
  1162.                             if(error.accessCode){
  1163.                                 $('<span id="SCaccessCode-error" class="error-msg">Invalid!!</span>').insertAfter("#SCaccessCode");
  1164.                             }
  1165.                         }
  1166.                     }
  1167.                 });
  1168.                 //alert('ajax end');
  1170.             }
  1171.         });
  1172.         
  1174.     });
  1177.     function sitemenuValueStore(id) {  
  1178.             $.post("/sitemenuValue", {"siteMenuId": id});
  1179.     }
  1181.     function validatePassword() {
  1182.         $.validator.addMethod( "pattern", function( value, element, param ) {
  1183.             if ( this.optional( element ) ) {
  1184.                 return true;
  1185.             }
  1186.             if ( typeof param === "string" ) {
  1187.                 param = new RegExp( "^(?:" + param + ")$" );
  1188.             }
  1189.             return param.test( value );
  1190.         }, "Invalid format." );
  1192.         var validator = $("#resetPassword").validate({
  1193.             rules: {
  1194.                 newPassword: {
  1195.                     required: true,
  1196.                     minlength: 6,
  1197.                     maxlength: 20,
  1198.                     pattern: "((?=.*[0-9])(?=.*[a-z])(?=.*[A-Z]).{6,20})"
  1199.                 },
  1200.                 confirmPassword: {
  1201.                     equalTo: "#newPassword"
  1202.                 }
  1203.             },
  1204.             messages: {
  1205.                 newPassword: {
  1206.                     required: "Please enter your new password",
  1207.                     minlength: "Please enter at least 6 characters",
  1208.                     maxlength: "Please enter no more than 20 characters",
  1209.                     pattern: "Please enter a valid password. 1 number,1 Capital Alphabet "
  1210.                 },
  1211.                 confirmPassword: " Enter Confirm Password Same as Password"
  1212.             }
  1213.         });
  1214.         if (validator.form()) {
  1215.             $("#resetPassword").submit();
  1216.         }
  1217.     }
  1219. // $(".moveToDiv").on("click", function( e ) {
  1220. //     e.preventDefault();
  1221. //     document.getElementById("signupToExplore").focus()
  1222. // });
  1224. function salesCampaignPdfPreview(salesCampaignId){
  1225.          $(".bs-loader-pdf").show();
  1226.         var url = "/salesCampaignPreview/"+salesCampaignId;
  1227.          $('#myModal-wish-catalog').hide();
  1228.           $(".salesCampaign-catalog").html("");
  1229.         $.get( url, function( data ) {
  1230.           $(".salesCampaign-catalog").append(data);
  1232.           $("#myModal-wish-catalog").modal('show');
  1233.             $(".bs-loader-pdf").hide();
  1234.         });
  1235.     }
  1237.     function genrateSalesCampaignXLS(salesCampaignId){
  1238.         $.ajax({
  1239.             type: "POST",
  1240.             url:'/salesxls',
  1241.             // dataType:'json',
  1242.             data: ({salesCampaignId: salesCampaignId}),
  1243.             beforeSend: function(){
  1244.                 $(".bs-loader").show();
  1245.             },
  1246.             success: function(response)
  1247.             {
  1248.                 $(".bs-loader").hide();
  1249.                 data = JSON.parse(response);  
  1250.                 // console.log(data.ExportLink);
  1251.                 window.open(data.ExportLink, '_blank')
  1252.             }
  1253.         });
  1254.     }
  1256.     function genrateSalesCampaignPDF(salesCampaignId){
  1257.         $.ajax({
  1258.             type: "POST",
  1259.             url:'/salesCampaignPdf',
  1260.             dataType:'json',
  1261.             data: ({salesCampaignId: salesCampaignId}),
  1262.             beforeSend: function(){
  1263.                 $(".bs-loader").show();
  1264.             },
  1265.             success: function(response)
  1266.             {
  1268.                 //console.log(respose);
  1269.                 $(".bs-loader").hide();
  1270.                 window.open(response);
  1271.             }
  1272.         });
  1273.     }
  1276. $(document).ready(function(){
  1277.     var error = $("#_error").val();
  1278.     if(error){
  1279.         $("#login").modal('show');
  1280.     }
  1281.     $("#buyerbtn").addClass('active');
  1282.     $("#buyer").show();
  1283.     $("#supplier").hide();
  1284.     $("#designer").hide();
  1285.     //ON SIGNUP MODAL SHOW FORCE TO SHOW FORM
  1286.     $("#signup").on("shown.bs.modal",function(){
  1287.         $("#frmSignup").show();
  1288.         $("body").addClass("singup-modal-body");
  1289.     });
  1290.     $("#signup").on("hidden.bs.modal",function(){
  1291.         $("body").removeClass("singup-modal-body");
  1292.     });
  1294.     
  1295. });
  1297. $(".benefit-btn").on("click", function( e ) {
  1298.     var value   = this.id;
  1299.     $(this).addClass('active');
  1300.     if(value == 'buyerbtn'){
  1301.         $("#supplier").removeClass('active');
  1302.         $("#designerbtn").removeClass('active');
  1303.         $("#buyer").show();
  1304.         $("#supplier").hide();
  1305.         $("#designer").hide();
  1306.     }else if(value == 'supplierbtn'){
  1307.         $("#buyerbtn").removeClass('active');
  1308.         $("#designerbtn").removeClass('active');
  1309.         $("#buyer").hide();
  1310.         $("#supplier").show();
  1311.         $("#designer").hide();
  1312.     }else if(value == "designerbtn"){
  1313.         $("#supplierbtn").removeClass('active');
  1314.         $("#buyerbtn").removeClass('active');
  1315.         $("#buyer").hide();
  1316.         $("#supplier").hide();
  1317.         $("#designer").show();
  1318.     }
  1319.     $("video").each(function(){
  1320.         $(this).get(0).pause();
  1321.     });
  1322.     $(".benefit").css("background-color", $(this).attr("data-color"));
  1323. });
  1326. </script>
  1327. {% if '/blog' in app.request.pathinfo %}
  1328. <script>
  1329.     $(document).ready(function(){
  1330.         var blogId = $("#blogId").val();
  1331.         // alert("hii");
  1332.         $.ajax({
  1333.             type: "POST",
  1334.             url: "/saveBlogPageView",
  1335.             data: "blogId=" + blogId,
  1336.             success: function (data) {
  1338.             }
  1339.         });
  1340.     });
  1341. </script>
  1342. {% endif %}
  1343. {% if 'marketingreport' in app.request.pathinfo %}
  1344. <script type="text/javascript"> 
  1345.     $(document).ready(function(){
  1346.        var firstName = $('#signupFirstName');
  1347.         var lastName = $('#signupLastName');
  1348.         var email = $('#signupEmail');
  1349.         var downloadButton = $('#downloadButton');
  1351.         function checkInputs() {
  1352.             var emailRegex = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;
  1354.             if(firstName.val() && lastName.val() && emailRegex.test(email.val())) {
  1355.                 downloadButton.prop('disabled', false); // Enable the button
  1356.             } else {
  1357.                 downloadButton.prop('disabled', true); // Disable the button
  1358.             }
  1359.         }
  1361.         firstName.on('input', checkInputs);
  1362.         lastName.on('input', checkInputs);
  1363.         email.on('input', checkInputs);
  1365.         $("#download-report-form").on('submit', function(e){
  1367.             e.preventDefault(); 
  1368.             var formData = $(this).serialize(); 
  1370.             $.ajax({
  1371.                 url: "/marketingreport/response", 
  1372.                 type: "post",
  1373.                 data: formData,
  1374.                 success: function(response) {
  1375.                 data = JSON.parse(response);
  1376.                     if (data.status == 'success') {
  1377.                            $('#thankyou-popup').modal('show');
  1378.                     }
  1379.                 },
  1380.                 error: function(jqXHR, textStatus, errorThrown) {
  1381.                     // Handle the error here
  1382.                 }
  1383.             });
  1384.         });
  1385.     });
  1386. </script>
  1387. {% endif %}
  1389. {% if 'salescampaign' in app.request.pathinfo %}
  1390. <script>
  1391. $(document).ready(function(){
  1392.   $(".product-download-icon").click(function(e){
  1393.     e.preventDefault();
  1395.     var parameters = $(this).data('parameters');
  1397.     $.ajax({
  1398.       url: $(this).attr('href'),
  1399.       type: 'get',
  1400.       data: parameters,
  1401.       success: function (response) {
  1402.             data = JSON.parse(response);
  1403.             // downloadImageThumbnailAction returns {"success": false, "message": ...}
  1404.             // when the thumbnail cannot be generated. Without this guard the modal
  1405.             // opens with an undefined imageUrl and a dead download link.
  1406.             if (!data.success) {
  1407.                 alert(data.message || 'Unable to load the high resolution image. Please try again later.');
  1408.                 return;
  1409.             }
  1410.             var downloadFile = data.downloadFile;
  1411.             var downloadFileName = data.downloadFileName;
  1412.              // Clear the previous URL
  1413.             $('.produt-big-image img').attr('src', '');
  1414.             $('.download-popup-img').attr('href', '');
  1416.             // Set the new URL
  1417.             $('.produt-big-image img').attr('src', data.imageUrl);
  1418.             $('#downLoadProductImg').modal('show');
  1420.            $('.download-popup-img').on('click', function(e) {
  1421.             
  1422.                 e.preventDefault(); // prevent the default action
  1423.                  window.location = '/download-image-popup?downloadFile=' + encodeURIComponent(downloadFile) + '&downloadFileName=' + encodeURIComponent(downloadFileName);
  1424.             });
  1426.         }
  1427.     });
  1428.   });
  1429. });
  1431. </script>
  1433. {# common image download model popup #}
  1434. <div class="modal signup-modal download-product-image" id="downLoadProductImg">
  1435.     <div class="modal-dialog">
  1436.         <div class="modal-content">
  1437.             <div class="modal-header p-0">
  1438.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1439.                     <span aria-hidden="true">×</span>
  1440.                 </button>
  1441.                 <a href="#" class="download-popup-img">
  1442.                     <img src="https://d2fzew76uxzkhe.cloudfront.net/assets/images/download-arrow.svg">
  1443.                 </a>
  1444.             </div>
  1445.             <!-- Modal body -->
  1446.             <div class="modal-body p-0">
  1447.                 <div class="row">
  1448.                     <div class="col-lg-12 text-center col-md-12 col-12">
  1449.                         <div class="produt-big-image">
  1450.                             <img src="" alt="product big image">
  1451.                         </div>
  1452.                     </div>
  1453.                 </div>
  1454.             </div>
  1455.         </div>
  1456.     </div>
  1457. </div>
  1458. {# common image download popup end #}
  1460. {% endif %}
  1462. {% if currentSite == 'NuFind' %}
  1463. <!-- Global site tag (gtag.js) - Google Analytics -->
  1464. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-236265253-1"></script>
  1465. <script>
  1466.   window.dataLayer = window.dataLayer || [];
  1467.   function gtag(){dataLayer.push(arguments);}
  1468.   gtag('js', new Date());
  1470.   gtag('config', 'UA-236265253-1');
  1471.   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1472.     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1473.     m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1474.     })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  1475.     ga('create', 'UA-236265253-1', 'auto');
  1476.     ga('send', 'pageview');
  1477. </script>
  1478. {% endif %}
  1479. <script>
  1480.     document.addEventListener('DOMContentLoaded', function() {
  1481.         // ---------------------------------------------
  1482.         // 1️⃣ Enable "READY, SET, GO!" only if email is filled and valid
  1483.         // ---------------------------------------------
  1484.         const emailInput = document.getElementById('_username');
  1485.         const readyBtn = document.querySelector('.level-start .btn-sa-pink');
  1487.         if (!emailInput || !readyBtn) {
  1488.             return;
  1489.         }
  1491.         emailInput.addEventListener('input', function() {
  1492.             if (/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(emailInput.value.trim())) {
  1493.                 readyBtn.classList.remove('btn-disabled');
  1494.                 readyBtn.removeAttribute('disabled');
  1495.             } else {
  1496.                 readyBtn.classList.add('btn-disabled');
  1497.                 readyBtn.setAttribute('disabled', 'disabled');
  1498.             }
  1499.         });
  1501.         // ---------------------------------------------
  1502.         // 2️⃣ Initial setup - show only start screen
  1503.         // ---------------------------------------------
  1504.         document.querySelectorAll('.level-screens-main').forEach(el => el.style.display = 'none');
  1505.         document.querySelector('.level-start').style.display = 'block';
  1507.         let totalLevels = 4;
  1508.         let answers = {};
  1509.         let userEmail = '';
  1510.         let isSubmitting = false;
  1512.         // ---------------------------------------------
  1513.         // 3️⃣ Start Quiz
  1514.         // ---------------------------------------------
  1515.         readyBtn.addEventListener('click', function(e) {
  1516.             e.preventDefault();
  1517.             if (readyBtn.classList.contains('btn-disabled')) return;
  1518.             userEmail = emailInput.value.trim();
  1519.             document.querySelector('.level-start').style.display = 'none';
  1520.             document.querySelector('.level-1').style.display = 'block';
  1521.         });
  1523.         // ---------------------------------------------
  1524.         // 4️⃣ Levels 1 - 3 logic
  1525.         // ---------------------------------------------
  1526.         for (let i = 1; i <= totalLevels; i++) {
  1527.             let levelDiv = document.querySelector(`.level-${i}`);
  1528.             if (levelDiv) {
  1529.                 let radios = levelDiv.querySelectorAll('.radio-group');
  1530.                 let nextBtn = levelDiv.querySelector('.level-btn .btn-sa-pink');
  1531.                 nextBtn.classList.add('btn-disabled');
  1532.                 //nextBtn.setAttribute('disabled', 'disabled');
  1534.                 radios.forEach(function(group) {
  1535.                     group.addEventListener('change', function() {
  1536.                         let allAnswered = Array.from(radios).every(g => g.querySelector('input[type=radio]:checked'));
  1537.                         console.log(`Level ${i} allAnswered:`, allAnswered);
  1538.                         if (allAnswered) {
  1539.                             nextBtn.classList.remove('btn-disabled');
  1540.                             nextBtn.removeAttribute('disabled');
  1541.                         } else {
  1542.                             nextBtn.classList.add('btn-disabled');
  1543.                             //nextBtn.setAttribute('disabled', 'disabled');
  1544.                         }
  1545.                     });
  1546.                 });
  1548.                 nextBtn.addEventListener('click', function(e) {
  1549.                     e.preventDefault();
  1550.                     if (nextBtn.classList.contains('btn-disabled')) return;
  1552.                     radios.forEach(function(group, idx) {
  1553.                         let checked = group.querySelector('input[type=radio]:checked');
  1554.                         if (checked) {
  1555.                             answers[`level${i}_q${idx + 1}`] = parseInt(checked.labels[0].innerText);
  1556.                         }
  1557.                     });
  1559.                     levelDiv.style.display = 'none';
  1561.                     if (i < totalLevels) {
  1562.                         document.querySelector(`.level-${i + 1}`).style.display = 'block';
  1563.                     }
  1564.                     if (i === totalLevels) {
  1565.                         let total = Object.values(answers).reduce((a, b) => a + b, 0);
  1566.                         console.log('Sending data to backend:', { email: userEmail, score: total, answers: answers });
  1568.                         // Show circular loader
  1569.                         const loader = document.querySelector('.new-circle-loader-with-percentage');
  1570.                         const percentText = loader.querySelector('.percentage-text');
  1571.                         loader.style.display = 'flex';
  1572.                         percentText.textContent = '0%';
  1574.                         // Animate percentage (slower and smoother progress)
  1575.                         let percent = 0;
  1576.                         let interval = setInterval(() => {
  1577.                             percent += 2; // Smaller, consistent step for smoother effect
  1578.                             if (percent > 100) percent = 100;
  1579.                             percentText.textContent = percent + '%';
  1580.                             if (percent >= 100) clearInterval(interval);
  1581.                         }, 150); // Slower interval (150ms)
  1583.                         $.ajax({
  1584.                             url: '/sourcing-assessment',
  1585.                             type: 'POST',
  1586.                             dataType: 'json',
  1587.                             contentType: 'application/json',
  1588.                             data: JSON.stringify({ email: userEmail, score: total, answers: answers }),
  1589.                             success: function(resp) {
  1590.                                 console.log('Backend response:', resp);
  1591.                                 clearInterval(interval);
  1592.                                 percentText.textContent = '100%';
  1593.                                 setTimeout(function() {
  1594.                                     loader.style.display = 'none';
  1595.                                     document.querySelectorAll('.level-screens-main').forEach(el => el.style.display = 'none');
  1596.                                     document.querySelector('.get-your-score').style.display = 'block';
  1598.                                     // Show all score sections
  1599.                                     document.querySelectorAll('.final-level-score .score-section').forEach(sec => sec.style.display = 'block');
  1600.                                     // Hide all score badges
  1601.                                     document.querySelectorAll('.final-level-score .score-badge').forEach(badge => badge.style.display = 'none');
  1603.                                     let sec;
  1604.                                     if (total >= 44) {
  1605.                                         sec = document.querySelector('.final-level-score .score-section');
  1606.                                     } else if (total >= 30) {
  1607.                                         sec = document.querySelector('.final-level-score .score-section.yellow');
  1608.                                     } else {
  1609.                                         sec = document.querySelector('.final-level-score .score-section.red');
  1610.                                     }
  1611.                                     // Show only the correct score badge and set the score
  1612.                                     if (sec) {
  1613.                                         let badge = sec.querySelector('.score-badge');
  1614.                                         if (badge) {
  1615.                                             badge.style.display = 'flex';
  1616.                                             badge.querySelector('span').innerText = total;
  1617.                                         }
  1618.                                     }
  1619.                                     isSubmitting = false;
  1620.                                 }, 1200); // delay for effect
  1621.                             },
  1622.                             error: function() {
  1623.                                 clearInterval(interval);
  1624.                                 loader.style.display = 'none';
  1625.                                 getScoreBtn.classList.remove('btn-disabled');
  1626.                                 getScoreBtn.removeAttribute('disabled');
  1627.                                 isSubmitting = false;
  1628.                                 alert('An error occurred while submitting your score. Please try again.');
  1629.                             }
  1630.                         });
  1631.                     }
  1632.                 });
  1633.             }
  1634.         }
  1636.         // Handle modal show to ensure listeners are active
  1637.         $('#SourcingAssessment').on('shown.bs.modal', function() {
  1638.             console.log('Modal fully shown, re-checking final radios');
  1639.             const getScoreBtn = document.querySelector('.level-final .get-score-btn');
  1640.             if (getScoreBtn) {
  1641.                 const finalRadios = document.querySelectorAll('.level-final .radio-group');
  1642.                 let allAnswered = Array.from(finalRadios).every(g => g.querySelector('input[type=radio]:checked'));
  1643.                 if (allAnswered) {
  1644.                     getScoreBtn.classList.remove('btn-disabled');
  1645.                     getScoreBtn.removeAttribute('disabled');
  1646.                 }
  1647.             }
  1648.         });
  1649.         $('#SourcingAssessment .close').on('click', function() {
  1650.             // Hide the modal
  1651.             $('#SourcingAssessment').modal('hide');
  1653.             // Reset email input and button
  1654.             $('#_username').val('');
  1655.             $('.level-start .btn-sa-pink').addClass('btn-disabled').attr('disabled', 'disabled');
  1657.             // Reset answers and state
  1658.             answers = {};
  1659.             userEmail = '';
  1660.             isSubmitting = false;
  1662.             // Uncheck all radios
  1663.             $('#SourcingAssessment input[type=radio]').prop('checked', false);
  1665.             // Hide all levels and loader
  1666.             $('#SourcingAssessment .level-screens-main').hide();
  1667.             $('#SourcingAssessment .new-circle-loader-with-percentage').hide();
  1669.             // Show start screen
  1670.             $('#SourcingAssessment .level-start').show();
  1672.             // Reset all next/score buttons
  1673.             $('#SourcingAssessment .btn-sa-pink').addClass('btn-disabled').attr('disabled', 'disabled');
  1674.         });
  1675.     });
  1677.     // Sample Kit Registration Form Submissio
  1678.     document.addEventListener('DOMContentLoaded', function() {
  1679.         const form = document.getElementById('smapleKit3sForm');
  1680.         const submitBtn = document.getElementById('smplekitDone');
  1681.         const successPopup = $('#samplekit-success-popup');
  1683.         if (!form) {
  1684.             return;
  1685.         }
  1687.         function showError(input, message) {
  1688.             let errorSpan = input.parentNode.querySelector('.error-msg');
  1689.             if (!errorSpan) {
  1690.                 errorSpan = document.createElement('span');
  1691.                 errorSpan.className = 'error-msg';
  1692.                 errorSpan.style.display = 'none';
  1693.                 input.parentNode.appendChild(errorSpan);
  1694.             }
  1695.             errorSpan.innerText = message;
  1696.             errorSpan.style.display = 'block';
  1697.             errorSpan.style.opacity = 0;
  1698.             errorSpan.style.transition = 'opacity 0.3s';
  1699.             setTimeout(() => { errorSpan.style.opacity = 1; }, 10);
  1700.             input.classList.add('input-error');
  1701.         }
  1703.         function clearError(input) {
  1704.             let errorSpan = input.parentNode.querySelector('.error-msg');
  1705.             if (errorSpan) {
  1706.                 errorSpan.style.opacity = 0;
  1707.                 setTimeout(() => { errorSpan.style.display = 'none'; }, 300);
  1708.             }
  1709.             input.classList.remove('input-error');
  1710.         }
  1712.         function validateForm() {
  1713.             let valid = true;
  1714.             const firstName = document.getElementById('smplekitFirstName');
  1715.             const lastName = document.getElementById('smplekitLastName');
  1716.             const companyName = document.getElementById('smplekitCompanyName');
  1717.             const country = document.getElementById('sampleSignupCountry');
  1718.             const email = document.getElementById('smplekitEmail');
  1719.             const contactNumber = document.getElementById('smplekitContactNumber');
  1720.             const phoneCode = document.getElementById('jquery-intl-phone');
  1722.             const emailValid = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(email.value.trim());
  1723.             const nameValid = /^[A-Za-z\s]+$/;
  1725.             [firstName, lastName, companyName, country, email, contactNumber, phoneCode].forEach(clearError);
  1727.             if (!firstName.value.trim()) {
  1728.                 showError(firstName, '*');
  1729.                 valid = false;
  1730.             } else if (!nameValid.test(firstName.value.trim())) {
  1731.                 showError(firstName, 'Only letters allowed');
  1732.                 valid = false;
  1733.             }
  1734.             if (!lastName.value.trim()) {
  1735.                 showError(lastName, '*');
  1736.                 valid = false;
  1737.             } else if (!nameValid.test(lastName.value.trim())) {
  1738.                 showError(lastName, 'Only letters allowed');
  1739.                 valid = false;
  1740.             }
  1741.             if (!companyName.value.trim()) {
  1742.                 showError(companyName, '*');
  1743.                 valid = false;
  1744.             }
  1745.             if (!country.value.trim()) {
  1746.                 showError(country, '*');
  1747.                 valid = false;
  1748.             }
  1749.             if (!email.value.trim()) {
  1750.                 showError(email, '*');
  1751.                 valid = false;
  1752.             } else if (!emailValid) {
  1753.                 showError(email, 'Invalid email');
  1754.                 valid = false;
  1755.             }
  1756.             if (!phoneCode.value.trim()) {
  1757.                 showError(phoneCode, '*');
  1758.                 valid = false;
  1759.             }
  1760.             if (!contactNumber.value.trim()) {
  1761.                 showError(contactNumber, '*');
  1762.                 valid = false;
  1763.             }
  1764.             return valid;
  1765.         }
  1767.         ['smplekitFirstName','smplekitLastName','smplekitCompanyName','sampleSignupCountry','smplekitEmail','smplekitContactNumber','jquery-intl-phone'].forEach(id => {
  1768.             const el = document.getElementById(id);
  1769.             if (el) {
  1770.                 el.addEventListener('input', () => clearError(el));
  1771.                 el.addEventListener('change', () => clearError(el));
  1772.             }
  1773.         });
  1775.         form.addEventListener('submit', function(e) {
  1776.             e.preventDefault();
  1777.             if (!validateForm()) {
  1778.                 return;
  1779.             }
  1780.             submitBtn.disabled = true;
  1781.             submitBtn.innerText = 'Submitting...';
  1783.             const data = {
  1784.                 firstName: document.getElementById('smplekitFirstName').value.trim(),
  1785.                 lastName: document.getElementById('smplekitLastName').value.trim(),
  1786.                 companyName: document.getElementById('smplekitCompanyName').value.trim(),
  1787.                 country: document.getElementById('sampleSignupCountry').value.trim(),
  1788.                 countryCode: document.getElementById('jquery-intl-phone').value.trim(),
  1789.                 contactNumber: document.getElementById('smplekitContactNumber').value.trim(),
  1790.                 notes: document.getElementById('commentProductsamplekit').value.trim(),
  1791.                 email: document.getElementById('smplekitEmail').value.trim()
  1792.             };
  1794.             fetch('/sample-kit-registration-form-submit', {
  1795.                 method: 'POST',
  1796.                 headers: {'Content-Type': 'application/json'},
  1797.                 body: JSON.stringify(data)
  1798.             })
  1799.             .then(resp => resp.json())
  1800.             .then(resp => {
  1801.                 if (resp.status === 'success') {
  1802.                     form.reset();
  1803.                     $('.input-error').removeClass('input-error');
  1804.                     $('.error-msg').remove();
  1805.                     successPopup.modal('show');
  1806.                     setTimeout(() => { successPopup.modal('hide'); }, 3000);
  1807.                 } else {
  1808.                     let formError = document.getElementById('samplekit-form-error');
  1809.                     if (!formError) {
  1810.                         formError = document.createElement('div');
  1811.                         formError.id = 'samplekit-form-error';
  1812.                         formError.className = 'form-global-error';
  1813.                         form.insertBefore(formError, form.firstChild);
  1814.                     }
  1815.                     formError.innerText = resp.message || 'Submission failed.';
  1816.                     formError.style.display = 'block';
  1817.                     formError.style.opacity = 0;
  1818.                     formError.style.transition = 'opacity 0.3s';
  1819.                     setTimeout(() => { formError.style.opacity = 1; }, 10);
  1820.                 }
  1821.             })
  1822.             .catch(() => {
  1823.                 let formError = document.getElementById('samplekit-form-error');
  1824.                 if (!formError) {
  1825.                     formError = document.createElement('div');
  1826.                     formError.id = 'samplekit-form-error';
  1827.                     formError.className = 'form-global-error';
  1828.                     form.insertBefore(formError, form.firstChild);
  1829.                 }
  1830.                 formError.innerText = 'Server error. Please try again.';
  1831.                 formError.style.display = 'block';
  1832.                 formError.style.opacity = 0;
  1833.                 formError.style.transition = 'opacity 0.3s';
  1834.                 setTimeout(() => { formError.style.opacity = 1; }, 10);
  1835.             })
  1836.             .finally(() => {
  1837.                 submitBtn.disabled = false;
  1838.                 submitBtn.innerText = 'Sign Up';
  1839.             });
  1840.         });
  1841.     });
  1842. </script>