templates/reusable/baseJs.html.twig line 1

Open in your IDE?
  1. <!-- font awesome -->
  2. <script src="{{ asset('js/all.min.js') }}"></script>
  3. <!-- jquery 3.4 -->
  4. <script src="{{ asset('js/vendor-all.min.js') }}"></script>
  5. {# histogram slider uses jquery ui #}
  6. <script src="{{ asset('js/plugins/jquery-ui.min.js') }}"></script>
  7. <script src="{{ asset('js/plugins/please-wait.min.js') }}"></script>
  8. <script src="{{ asset('js/plugins/bootstrap.min.js') }}"></script>
  9. <script src="{{ asset('js/plugins/slick.min.js') }}"></script>
  10. <!-- polyfill for position sticky to work on ie9 + -->
  11. <script src="{{ asset('js/plugins/stickyfill.min.js') }}"></script>
  13. <script src="{{ asset('js/plugins/moment.min.js') }}"></script>
  14. <script src="{{ asset('js/pages/ox-alerts.js') }}"></script>
  15. <script src="{{ asset('js/jquery.toast.js') }}"></script>
  16. <script src="{{ asset('js/plugins/sweetalert.min.js') }}"></script>
  18. <script src="{{ asset('js/plugins/jquery.dataTables.min.js') }}"></script>
  19. <script src="{{ asset('js/plugins/dataTables.bootstrap4.min.js') }}"></script>
  20. <script src="{{ asset('js/plugins/dataTables.responsive.min.js') }}"></script>
  22. {# Rating (used for Guest and room Numbers) #}
  23. <script src="{{ asset('js/plugins/jquery.barrating.js') }}"></script>
  24. <script src="{{ asset('js/pages/ox-rating.js') }}"></script>
  26. <script src="{{ asset('js/plugins/daterangepicker.js') }}"></script>
  28. <script src="{{ asset('js/plugins/fab-histogram.slider.js') }}"></script>
  29. <script src="{{ asset('js/star-rating.js') }}"></script>
  31. <script src="{{ asset('js/plugins/isotope.pkgd.min.js') }}"></script>
  32. <script src="{{ asset('js/jquery.fix.clone.js') }}"></script>
  33. {#- CHILD Management in SEARCH BAR -#}
  34. {% include "appParts/childFormJs.html.twig" %}
  36. <script src="{{ asset('js/custom.js') }}"></script>
  37. {#- MODAL UPDATE for TRIP RENAME  -#}
  38. <script>
  39.     $('#ModalQuoteName').on('show.bs.modal', function (event) {
  40.         var button = $(event.relatedTarget);
  41.         console.log(event.relatedTarget);
  42.         var quoteName = button.data('quoteName');
  43.         var idQuote = button.data('idQuote');
  44.         var modal = $(this);
  45.         modal.find('#current_name').text(quoteName);
  46.         modal.find('#idQuoteRenameForm').val(idQuote);
  47.         modal.find('#quoteName').val(quoteName);
  48.     });
  49.     $(document).on('click', '#renameQuoteAction', function () {
  50.         $.ajaxSetup({
  51.             headers: {
  52.                 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  53.             }
  54.         });
  55.         $.ajax({
  56.             type: 'POST',
  57.             url: '{{ path('trip_rename') }}', /*trip.item_delete*/
  58.             dataType: 'json',
  59.             data: {quote: $('#idQuoteRenameForm').val(), quoteName: $('#quoteName').val()},
  60.         })
  61.             .done(function (data) {
  62.                 let quoteNameLabel = $('#quote-name');
  63.                 quoteNameLabel.text(data.quote.title);
  64.                 quoteNameLabel.data('quoteName', data.quote.title);
  65.                 quoteNameLabel.data('idQuote', data.quote.id);
  66.                 $.toast({
  67.                     heading: '{% trans %}Trip has been renamed{% endtrans %}',
  68.                     text: '{% trans %} {% endtrans %}',
  69.                     position: 'top-center',
  70.                     loaderBg: '#77aa3b',
  71.                     icon: 'success',
  72.                     hideAfter: 5000,
  73.                     stack: 6
  74.                 });
  75.             })
  76.             .fail(function () {
  77.                 $.toast({
  78.                     heading: '{% trans %}CONNECTION ISSUE{% endtrans %}',
  79.                     text: '{% trans %}Please check your internet connection and try later{% endtrans %}',
  80.                     position: 'top-center',
  81.                     loaderBg: '#ff6849',
  82.                     icon: 'warning',
  83.                     hideAfter: 4000,
  84.                     stack: 6
  85.                 });
  86.             });
  87.     });
  88.     $(document).on('click', '.hotel__name--favorite', function () {
  89.         $(this).toggleClass('pressed');
  90.     });
  91. </script>
  93. {#- AJAX: ADD TO FAVORITE -#}
  94. <script>
  95.     $(document).ready(function () {
  96.         $(document).on('click', '.hotel__name--favorite', function () {
  97.             $.ajax({
  98.                 type: 'POST',
  99.                 url: '{{ path('hotel_add_to_favorite') }}', /*trip.item_delete*/
  100.                 dataType: 'json',
  101.                 data: $(this).data(),
  102.             }).done(function (data) {
  103.                 if (data === "removed") {
  104.                     $(this).removeClass('pressed');
  105.                     console.log('pressed')
  107.                 } else {
  108.                     $(this).addClass('pressed');
  109.                 }
  110.             }).fail(function (data) {
  111.                 $.toast({
  112.                     heading: '{% trans %}CONNECTION ISSUE{% endtrans %}',
  113.                     text: '{% trans %}Please check your internet connection and try later{% endtrans %}',
  114.                     position: 'top-center',
  115.                     loaderBg: '#ff6849',
  116.                     icon: 'warning',
  117.                     hideAfter: 4000,
  118.                     stack: 6
  119.                 });
  120.             });
  121.         })
  122.     });
  123. </script>
  125. {#- AJAX: REFRESH PRICES -#}
  126. <script>
  127.     $(document).ready(function () {
  128.         $('#refresh-button').on('click', function () {
  129.             $.ajaxSetup({
  130.                 headers: {
  131.                     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  132.                 }
  133.             });
  134.             $.ajax({
  135.                 type: 'GET',
  136.                 {# url: '{{ path('home') }}', trip.refresh_prices #}
  137.                 dataType: 'json',
  138.                 data: $(this).data(),
  139.             })
  140.                 .done(function (data) {
  141.                     var quoteTotal = 0;
  142.                     data.itemInCart.forEach(function (item) {
  143.                         priceLine = '<p class="m-b-0 text-nowrap"><span class="text-muted f-12">{% trans %}Taxes{% endtrans %}: </span><span class="f-14 text-dark">$' + Math.round(item.newTotalTax * 100) / 100 + '</span>';
  144.                         priceLine += ' - <span class="text-muted f-12">{% trans %}Fees{% endtrans %}: </span><span class="f-14 text-nowrap text-dark">$' + Math.round(item.newFee * 100) / 100 + '</span></p>';
  145.                         priceLine += '<p class="m-b-0 text-primary"><span class="text-muted f-12">{% trans %}Total{% endtrans %}: </span>';
  146.                         priceLine += '<span class="f-w-900 f-14 text-primary">$<span class="sub-total">' + (Math.round(item.newPrice * 100) / 100).toLocaleString('en-GB', {minimumFractionDigits: 2}) + '</span></span></p>';
  148.                         quoteTotal += Number(item.newPrice);
  150.                         if (item.newPrice == 0) {
  151.                             $('#' + item.itemId).find('#not-available').slideDown('slow');
  152.                         } else {
  153.                             $('#' + item.itemId).find('.prices').html(priceLine).slideDown('slow');
  154.                         }
  155.                     })
  157.                     $('#quote-total').text((Math.round(quoteTotal * 100) / 100).toLocaleString('en-GB', {minimumFractionDigits: 2}));
  158.                     $('.refresh').slideUp('slow');
  159.                     $('.progress').slideDown('slow');
  160.                     $('#hr-total-price').slideDown('slow');
  161.                     $('#total-price').slideDown('slow');
  162.                     start = new Date();
  163.                     timerRun();
  164.                 })
  165.                 .fail(function () {
  166.                     console.log(this.url);
  167.                     $.toast({
  168.                         heading: '{% trans %}CONNECTION ISSUE{% endtrans %}',
  169.                         text: '{% trans %}Please check your internet connection and try later{% endtrans %}',
  170.                         position: 'top-center',
  171.                         loaderBg: '#ff6849',
  172.                         icon: 'warning',
  173.                         hideAfter: 4000,
  174.                         stack: 6
  175.                     });
  176.                 });
  177.         });
  179.         // =========== TIMER ===========
  180.         maxTime = 60000;
  181.         timeoutVal = Math.floor(maxTime / 100);
  183.         function updateProgress(percentage) {
  184.             $('.progress-bar').css("width", 100 - percentage + "%");
  185.         }
  187.         function timerRun() {
  188.             var now = new Date();
  189.             var timeDiff = now.getTime() - start.getTime();
  190.             var perc = Math.round((timeDiff / maxTime) * 100);
  191.             if (perc <= 100) {
  192.                 updateProgress(perc);
  193.                 setTimeout(timerRun, timeoutVal);
  194.             } else {
  195.                 $('.progress').slideUp('slow', function () {
  196.                     $('.prices').slideUp(1000);
  197.                     $('#total-price').slideUp(1000, function () {
  198.                         $('#hr-total-price').hide();
  199.                     });
  200.                     $('.refresh').slideDown(1000);
  201.                 });
  202.             }
  203.         }
  205.         {# $(document).on('click', '.btn-disable-customer_account', function (e) { #}
  206.         {#    var btnDisable = $(this); #}
  207.         {#    swal({ #}
  208.         {#        title: btnDisable.hasClass('btn-danger') ? "Disable Customer Account" : "Enable Customer Account", #}
  209.         {#        text: "Are you sure you want to " + (btnDisable.hasClass('btn-danger') ? "disable" : "enable") + " \"" + btnDisable.data('customerAccount-name') + "\" customerAccount?", #}
  210.         {#        icon: "warning", #}
  211.         {#        buttons: ['Cancel', 'Yes'], #}
  212.         {#        dangerMode: true, #}
  213.         {#    }) #}
  214.         {#        .then(function (isConfirm) { #}
  215.         {#            if (isConfirm) { #}
  216.         {#                $.ajaxSetup({ #}
  217.         {#                    headers: { #}
  218.         {#                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') #}
  219.         {#                    } #}
  220.         {#                }); #}
  221.         {#                $.ajax({ #}
  222.         {#                    type: 'POST', #}
  223.         {#                    url: '{{ path('deactivate_customer_account') }}/' + btnDisable.data('customerAccount-id'), #}
  224.         {#                    dataType: 'json' #}
  225.         {#                }) #}
  226.         {#                    .done(function (data) { #}
  227.         {#                        if (data.status == "activated") { #}
  228.         {#                            btnDisable.html("Disable"); #}
  229.         {#                            btnDisable.removeClass("btn-success"); #}
  230.         {#                            btnDisable.addClass("btn-danger"); #}
  231.         {#                        } else { #}
  232.         {#                            btnDisable.html("Enable"); #}
  233.         {#                            btnDisable.removeClass("btn-danger"); #}
  234.         {#                            btnDisable.addClass("btn-success"); #}
  235.         {#                        } #}
  236.         {#                    }) #}
  237.         {#                    .fail(function (data) { #}
  238.         {#                        console.log(data); #}
  239.         {#                        $.toast({ #}
  240.         {#                            heading: '{% trans %}CONNECTION ISSUE{% endtrans %}', #}
  241.         {#                            text: '{% trans %}Please check your internet connection and try later{% endtrans %}', #}
  242.         {#                            position: 'top-center', #}
  243.         {#                            loaderBg: '#ff6849', #}
  244.         {#                            icon: 'warning', #}
  245.         {#                            hideAfter: 4000, #}
  246.         {#                            stack: 6 #}
  247.         {#                        }); #}
  248.         {#                    }); #}
  249.         {#            } #}
  250.         {#        }); #}
  251.         {# }); #}
  253.         {# $(document).on('click', '.btn-disable-agent', function (e) { #}
  254.         {#    var btnDisable = $(this); #}
  255.         {#    swal({ #}
  256.         {#        title: btnDisable.hasClass('btn-danger') ? "Disable Agent" : "Enable Agent", #}
  257.         {#        text: "Are you sure you want to " + (btnDisable.hasClass('btn-danger') ? "disable" : "enable") + " \"" + btnDisable.data('agent-name') + "\" agent?", #}
  258.         {#        icon: "warning", #}
  259.         {#        buttons: ['Cancel', 'Yes'], #}
  260.         {#        dangerMode: true, #}
  261.         {#    }) #}
  262.         {#        .then(function (isConfirm) { #}
  263.         {#            if (isConfirm) { #}
  264.         {#                $.ajaxSetup({ #}
  265.         {#                    headers: { #}
  266.         {#                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') #}
  267.         {#                    } #}
  268.         {#                }); #}
  269.         {#                $.ajax({ #}
  270.         {#                    type: 'POST', #}
  271.         {#                    url: '{{ path('deactivate_user') }}/' + btnDisable.data('agent-id'), #}
  272.         {#                    dataType: 'json' #}
  273.         {#                }) #}
  274.         {#                    .done(function (data) { #}
  275.         {#                        if (data.status == "activated") { #}
  276.         {#                            btnDisable.html("Disable"); #}
  277.         {#                            btnDisable.removeClass("btn-success"); #}
  278.         {#                            btnDisable.addClass("btn-danger"); #}
  279.         {#                        } else { #}
  280.         {#                            btnDisable.html("Enable"); #}
  281.         {#                            btnDisable.removeClass("btn-danger"); #}
  282.         {#                            btnDisable.addClass("btn-success"); #}
  283.         {#                        } #}
  284.         {#                    }) #}
  285.         {#                    .fail(function (data) { #}
  286.         {#                        console.log(data); #}
  287.         {#                        $.toast({ #}
  288.         {#                            heading: '{% trans %}CONNECTION ISSUE{% endtrans %}', #}
  289.         {#                            text: '{% trans %}Please check your internet connection and try later{% endtrans %}', #}
  290.         {#                            position: 'top-center', #}
  291.         {#                            loaderBg: '#ff6849', #}
  292.         {#                            icon: 'warning', #}
  293.         {#                            hideAfter: 4000, #}
  294.         {#                            stack: 6 #}
  295.         {#                        }); #}
  296.         {#                    }); #}
  297.         {#            } #}
  298.         {#        }); #}
  299.         {# }); #}
  301.         $('.custom-file-input').on('change', function (event) {
  302.             var inputFile = event.currentTarget;
  303.             $(inputFile).parent()
  304.                 .find('.custom-file-label')
  305.                 .html(inputFile.files[0].name);
  306.             $('.logo-preview').hide();
  307.         });
  308.     });
  309. </script>
  311. {#- AJAX: SAVE FOR LATER -#}
  312. <script>
  313.     $(document).ready(function () {
  314.         $(document).on('click', '#save-for-later', function () {
  315.             let idQuote = $('#quote-name div').data('idQuote');
  316.             console.log(idQuote);
  317.             $.ajaxSetup({
  318.                 headers: {
  319.                     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  320.                 }
  321.             });
  322.             $.ajax({
  323.                 type: 'GET',
  324.                 url: '{{ path('home') }}',/*trip.save_for_later*/
  325.                 dataType: 'json',
  326.                 data: {idQuote: idQuote},
  327.             })
  328.                 .done(function (data) {
  329.                     console.log(data);
  330.                     $('#quote-name').html("{% trans %}empty{% endtrans %}");
  331.                     $('#cart-content').html("");
  332.                     $('#badge-cart-count').text("0");
  333.                     $.toast({
  334.                         heading: '{% trans %}Trip has been saved{% endtrans %}',
  335.                         text: '{% trans %}It can be accessed in the Trip Folder{% endtrans %}',
  336.                         position: 'top-center',
  337.                         loaderBg: '#77aa3b',
  338.                         icon: 'success',
  339.                         hideAfter: 5000,
  340.                         stack: 6,
  341.                         afterShown: function () {
  342.                             location.reload();
  343.                         }
  344.                     });
  345.                 })
  346.                 .fail(function () {
  347.                     console.log(this.url);
  348.                     $.toast({
  349.                         heading: '{% trans %}CONNECTION ISSUE{% endtrans %}',
  350.                         text: '{% trans %}Please check your internet connection and try later{% endtrans %}',
  351.                         position: 'top-center',
  352.                         loaderBg: '#ff6849',
  353.                         icon: 'warning',
  354.                         hideAfter: 4000,
  355.                         stack: 6
  356.                     });
  357.                 });
  358.         });
  359.     });
  361.     var displayingMessage = -1;
  363.     function getLoadingMessage() {
  365.         loadingMsgs = [{
  366.             'time': 8000,
  367.             'msg': 'There are 61,000 people in the air over the US at any given moment of any given day.'
  368.         },
  369.             {'time': 8000, 'msg': 'Honolulu is the only place in the U.S. that has a royal palace.'},
  370.             {'time': 8000, 'msg': 'With more than 3 million lakes, Canada has the most lakes in the world.'},
  371.             {
  372.                 'time': 10000,
  373.                 'msg': 'The longest flight in the world is from Sydney to Dallas. It lasts around 16 hours and covers approximately 8,500 miles.'
  374.             },
  375.             {
  376.                 'time': 9000,
  377.                 'msg': 'Traveling is good reason to meet new people and establish friendly relations with foreigners.'
  378.             },
  379.             {
  380.                 'time': 10000,
  381.                 'msg': 'If you want to spend a night in all of Las Vegas’ hotels, it would take you almost three hundred years to do it.'
  382.             },
  383.             {
  384.                 'time': 10000,
  385.                 'msg': 'The Finger Lakes area in New York is the largest wine producing region in the United States, besides California.'
  386.             },
  387.             {'time': 10000, 'msg': 'Deer in the Florida Keys are about the size of collie dogs.'},
  388.             {'time': 9000, 'msg': 'Key West is closer to Havana than to Miami.'},
  389.             {'time': 10000, 'msg': 'New York City is actually further south than Rome is.'},
  390.             {'time': 10000, 'msg': 'The city of Monaco is smaller in size than Central Park in New York City'},
  391.             {
  392.                 'time': 12000,
  393.                 'msg': 'The largest human migration in America occurs annually at Thanksgiving, with nearly 51 million traveling home for the holidays.'
  394.             },
  395.             {'time': 9000, 'msg': 'California has more people than all of Canada.'},
  396.             {
  397.                 'time': 12000,
  398.                 'msg': 'St. Augustine was the first city in America. Therefore making it the oldest city in the United States, founded by the Spanish in 1565.'
  399.             },
  400.             {
  401.                 'time': 10000,
  402.                 'msg': 'Australia is wider than the moon.'
  403.             },
  404.             {
  405.                 'time': 10000,
  406.                 'msg': 'The Florida Everglades are the only place on the planet where crocodiles and alligators live together.'
  407.             },
  408.             {
  409.                 'time': 10000,
  410.                 'msg': 'Panama is the only place in the world where you can see the sun rise on the Pacific and set on the Atlantic.'
  411.             },
  412.             {
  413.                 'time': 10000,
  414.                 'msg': 'The entire world\'s population could fit inside Los Angeles if everyone stood shoulder to shoulder.'
  415.             },
  416.             {
  417.                 'time': 10000,
  418.                 'msg': 'Surfing was introduced to the U.S. mainland in 1885, when three visiting Hawaiian princes paddled into the waves off Santa Cruz\'s Main Beach.'
  419.             },
  420.             {
  421.                 'time': 10000,
  422.                 'msg': 'No spot in Central America is further than 125 miles (200 kilometers) from the ocean.'
  423.             },
  424.             {
  425.                 'time': 10000,
  426.                 'msg': 'The whole of China operates on Beijing time, even though the country covers five time zones.'
  427.             },
  428.             {
  429.                 'time': 10000,
  430.                 'msg': 'The shortest international commercial flight is a 15 minute trip from Sint Maarten to Anguilla.'
  431.             },
  432.             {
  433.                 'time': 10000,
  434.                 'msg': 'Continents shift at about the same rate as your fingernails grow.'
  435.             },
  436.             {
  437.                 'time': 10000,
  438.                 'msg': 'Gravity in the Hudson Bay area of Canada is lower than in the rest of the world.'
  439.             },
  440.             {
  441.                 'time': 10000,
  442.                 'msg': 'The UK has almost three times the population of Australia.'
  443.             },
  444.             {
  445.                 'time': 10000,
  446.                 'msg': 'The northern hemisphere is home to 90% of the world’s population.'
  447.             },
  448.             {
  449.                 'time': 10000,
  450.                 'msg': 'The Spanish national anthem has no words.'
  451.             },
  452.             {
  453.                 'time': 10000,
  454.                 'msg': 'In Drachten, a town in Holland, there are 50,000 residents and zero traffic lights.'
  455.             },
  456.             {
  457.                 'time': 10000,
  458.                 'msg': 'Every sixty seconds, more than thirty thousand tons of water will go over the Niagara Falls.'
  459.             },
  460.             {
  461.                 'time': 10000,
  462.                 'msg': 'Japan has the world\'s oldest hotel that\'s been in operations for 1,300 years, which has stayed in the same family for 52 generations.'
  463.             },
  464.             {
  465.                 'time': 10000,
  466.                 'msg': 'Michigan has over 300 waterfalls and more coastline than California, thanks to the great lakes.'
  467.             },
  468.             {
  469.                 'time': 10000,
  470.                 'msg': 'La Paz, Bolivia is the highest capital city in the world.'
  471.             },
  472.             {
  473.                 'time': 10000,
  474.                 'msg': 'More than one-third of the world’s airports are in the United States of America.'
  475.             },
  476.             {
  477.                 'time': 10000,
  478.                 'msg': 'Angel Falls in Venezuela is the world\'s highest uninterrupted waterfall.'
  479.             },
  480.             {
  481.                 'time': 10000,
  482.                 'msg': 'Australia has over 10,000 beaches.'
  483.             },
  484.             {
  485.                 'time': 10000,
  486.                 'msg': 'Bulgaria is the only country in Europe that hasn\'t changed it\'s name since it was first created.'
  487.             },
  488.             {
  489.                 'time': 10000,
  490.                 'msg': 'In a nation known for its winter, Calgary, Alberta averages 333 sunny days a year.'
  491.             },
  492.             {
  493.                 'time': 10000,
  494.                 'msg': 'Sweden has over 220,000 islands (more than anywhere else in the world).'
  495.             },
  496.             {
  497.                 'time': 10000,
  498.                 'msg': 'Many sections of the Great Wall Of China are held together by a paste of sticky rice flour and slaked lime.'
  499.             },
  500.             {
  501.                 'time': 10000,
  502.                 'msg': 'The country with the most time zones is France, thanks to its overseas territories. France uses 12 time zones.'
  503.             },
  504.             {
  505.                 'time': 10000,
  506.                 'msg': 'Russia shares a border with 14 countries, No other country has as many borders.'
  507.             },
  508.             {
  509.                 'time': 10000,
  510.                 'msg': 'Dubai’s artificial Palm Islands use enough sand to fill 2.5 Empire State buildings.'
  511.             },
  512.             {
  513.                 'time': 10000,
  514.                 'msg': 'Everyday, 3,000 euros worth of coins are thrown into the Trevi Fountain in Rome - and then donated to charity.'
  515.             },
  516.             {
  517.                 'time': 10000,
  518.                 'msg': 'Two-thirds of the world’s eggplant is grown in New Jersey.'
  519.             },
  520.             {
  521.                 'time': 10000,
  522.                 'msg': 'The Grand Canyon creates its own weather due to its elevation.'
  523.             },
  524.             {
  525.                 'time': 10000,
  526.                 'msg': 'In the Caribbean, there are oysters that can climb trees.'
  527.             },
  528.             {
  529.                 'time': 10000,
  530.                 'msg': 'The city of Portland, Oregon was named after a coin toss. Heads for Portland and tails for Boston.'
  531.             },
  532.             {
  533.                 'time': 10000,
  534.                 'msg': 'There is enough fuel in a full tank of a jumbo jet to drive an average car around the world four times.'
  535.             },
  536.             {
  537.                 'time': 10000,
  538.                 'msg': 'Peru has more pyramids than Egypt.'
  539.             },
  540.             {
  541.                 'time': 10000,
  542.                 'msg': 'Holland\'s famous tulips originated in Turkey.'
  543.             },
  544.             {
  545.                 'time': 10000,
  546.                 'msg': 'There\'s a city called Rome on each of the five continents.'
  547.             },
  548.             {
  549.                 'time': 10000,
  550.                 'msg': 'Estonia has the cleanest air in the world.'
  551.             },
  552.             {
  553.                 'time': 10000,
  554.                 'msg': 'Istanbul, Turkey is the only city built on two continents.'
  555.             },
  556.             {
  557.                 'time': 10000,
  558.                 'msg': 'Only 5% of the world’s population has ever been on an airplane.'
  559.             },
  560.             {
  561.                 'time': 10000,
  562.                 'msg': 'Greek is the oldest written language still in existence.'
  563.             },
  564.             {
  565.                 'time': 10000,
  566.                 'msg': 'The largest cave in the world is in Han Son Doong, Vietnam and has its own climate, jungle, and river. It is so massive that clouds form inside.'
  567.             },
  568.             {
  569.                 'time': 10000,
  570.                 'msg': 'There\'s a giant limestone wall in Bolivia that has over 5,000 dinosaur footprints on it.'
  571.             },
  572.             {
  573.                 'time': 10000,
  574.                 'msg': 'Indonesia\'s volcano, Kawah Ijen, spews blue lava.'
  575.             },
  576.             {
  577.                 'time': 10000,
  578.                 'msg': 'The oldest living organism in the world is "Pando” in Utah. It looks like a forest, but it\'s actually one tree spread across 100 acres.'
  579.             },
  580.             {
  581.                 'time': 10000,
  582.                 'msg': 'New York City is built on an ancient mountain range so old that it has eroded away entirely. Skyscrapers stand where the mountains once stood.'
  583.             },
  584.             {
  585.                 'time': 10000,
  586.                 'msg': 'There are secret poems written on Boston\'s sidewalks that are only visible when it rains.'
  587.             },
  588.             {
  589.                 'time': 10000,
  590.                 'msg': 'There are enough restaurants in New York City for one person to eat out every night for 54 years and never visit the same place twice.'
  591.             },
  592.             {
  593.                 'time': 10000,
  594.                 'msg': 'The soft soil that causes the Leaning Tower of Pisa to tilt has protected it from at least 4 strong earthquakes.'
  595.             },
  596.             {
  597.                 'time': 10000,
  598.                 'msg': 'The pink cherry blossom trees in Washington D.C were a gift from Japan in 1912, as a symbol of friendship.'
  599.             },
  600.             {
  601.                 'time': 10000,
  602.                 'msg': 'The tallest tree and the oldest tree in the world are located in California.'
  603.             },
  604.             {
  605.                 'time': 10000,
  606.                 'msg': 'An Egyptian city named Thonis was discovered underwater in 2013 after being lost for 1,200 years in the Mediterranean sea.'
  607.             },
  608.             {
  609.                 'time': 10000,
  610.                 'msg': 'The Pacific ocean is larger than all of the land on Earth.'
  611.             },
  612.             {
  613.                 'time': 10000,
  614.                 'msg': 'Every day, people in the UK drink 164 million cups of tea.'
  615.             },
  616.             {
  617.                 'time': 10000,
  618.                 'msg': 'There are more chickens than humans in the UK.'
  619.             },
  620.             {
  621.                 'time': 10000,
  622.                 'msg': 'About one fourth of the Netherlands lies below sea level.'
  623.             },
  624.             {
  625.                 'time': 10000,
  626.                 'msg': 'Moisture from the Amazon falls as far away as Texas.'
  627.             },
  628.             {
  629.                 'time': 10000,
  630.                 'msg': 'If you drive south from Detroit, Michigan, you\'ll reach Canada.'
  631.             },
  632.             {
  633.                 'time': 10000,
  634.                 'msg': 'Brazil is home to the largest Japanese population outside Japan.'
  635.             },
  636.             {
  637.                 'time': 10000,
  638.                 'msg': 'DFW Airport is larger than Manhattan.'
  639.             },
  640.             {
  641.                 'time': 10000,
  642.                 'msg': 'The West Edmonton Mall in Canada has the largest parking spot in the world (20,000 spaces).'
  643.             },
  644.             {
  645.                 'time': 10000,
  646.                 'msg': 'Walt Disney World\'s property is the same size as San Francisco.'
  647.             },
  648.             {
  649.                 'time': 10000,
  650.                 'msg': 'Due to the bulge at the equator, the peak of Mount Chimborazo in Ecuador is the closest point on earth to the moon (not Mount Everest).'
  651.             },
  652.             {
  653.                 'time': 10000,
  654.                 'msg': 'The population of Texas is larger than the entire population of Australia.'
  655.             },
  656.             {
  657.                 'time': 10000,
  658.                 'msg': 'There are 45 million motorcycles in Vietnam (almost as many as the entire population of Canada).'
  659.             },
  660.             {
  661.                 'time': 10000,
  662.                 'msg': '“Traveling – it leaves you speechless, then turns you into a storyteller.” — Ibn Battuta'
  663.             },
  664.             {
  665.                 'time': 10000,
  666.                 'msg': '“The journey of a thousand miles begins with a single step.”—Lao Tzu'
  667.             }
  668.         ];
  670.         position = Math.floor(Math.random() * loadingMsgs.length);
  672.         if (displayingMessage != position) {
  673.             displayingMessage = position;
  674.         } else {
  675.             displayingMessage = position < loadingMsgs.length ? position + 1 : 0;
  676.         }
  678.         loadingMsgs[displayingMessage].msg = "<p class='loading-message'>" + loadingMsgs[displayingMessage].msg + "</p><div class='sk-spinner sk-spinner-double-bounce'><div class='sk-double-bounce1'></div><div class='sk-double-bounce2'></div></div>";
  679.         return loadingMsgs[displayingMessage];
  680.     }
  682.     function hidePreloader() {
  683.         var preloader = $('.pg-loading-screen');
  684.         preloader.fadeOut(100);
  685.     }
  687.     $(document).on('submit', '#searchbar form', function () {
  688.         loadingScreenFunction();
  689.     });
  690.     let pleaseWaitLoadingScreen
  691.     const loadingScreenFunction = async () => {
  692.         let loadingMessage = getLoadingMessage();
  693.         {% set websiteLogo = 'img/logo/overseas-xpress-logo-horizontal.png' %}
  694.         {% if app.session.get("customerAccountDomain") %}
  695.             {% set customerAccountDomain = app.session.get("customerAccountDomain") %}
  696.             {% set websiteLogo = 'uploads/customerAccountLogo/logoWebsite/' ~ customerAccountDomain.getWebsiteLogo() %}
  697.         {% endif %}
  698.         pleaseWaitLoadingScreen = pleaseWait({
  699.             logo: "{{ asset(websiteLogo) }}",
  700.             backgroundColor: 'rgb(255, 255, 255, 1)',
  701.             loadingHtml: loadingMessage.msg,
  703.         });
  704.         let i = 0;
  705.         while (i < 10) {
  706.             await delay(loadingMessage.time);
  707.             loadingMessage = getLoadingMessage();
  708.             pleaseWaitLoadingScreen.updateLoadingHtml(loadingMessage.msg);
  709.             i++;
  710.         }
  711.     };
  712.     const delay = ms => new Promise(res => setTimeout(res, ms));
  714.     $('body').on('click', '.booknow', function () {
  715.         loadingScreenFunction();
  716.     });
  718.     $(document).on('submit', '#searchbar .hotel__results .refinements__search form', function () {
  719.         loadingScreenFunction();
  720.     });
  722.     $(document).on('submit', '#searchHotelModal', function () {
  723.         loadingScreenFunction();
  724.     });
  726.     $(document).ready(function () {
  727.         $(document).on('submit', '#carRentalForm', function () {
  728.             loadingScreenFunction();
  729.         });
  730.     })
  731. </script>
  734. {#- DATE Picker -#}
  736. <script>
  737.     let checkIn = {% if checkIn is defined and checkIn %} new Date("{{ checkIn }}T00:12:00") {% else %} moment().add(7, 'days') {% endif %} ;
  738.     let checkOut = {% if checkOut is defined and checkOut %} new Date("{{ checkOut }}T00:12:00") {% else %} moment().add(10, 'days'){% endif %} ;
  739. </script>
  740. <script src="{{ asset('js/pages/ox-datepicker.js') }}"></script>
  743. <script>
  746.     $(window).ready(function () {
  747.         // HOTEL AUTOCOMPLETE
  748.         let hotelAutocomplete = $("#hotel_destination");
  749.         if (hotelAutocomplete.length) {
  750.             hotelAutocomplete.keydown(function (event) {
  751.                 //Prevent enter
  752.                 if (event.keyCode == 13) {
  753.                     event.preventDefault();
  754.                     return false;
  755.                 }
  756.             });
  757.             hotelAutocomplete.autocomplete({
  758.                 // autoFocus: true,
  759.                 source: function (request, response) {
  760.                     $.ajax({
  761.                         url: "{{ path('autocomplete_hotel') }}",
  762.                         dataType: "json",
  763.                         data: {
  764.                             searchTerm: request.term
  765.                         },
  766.                         success: function (data) {
  767.                             response(data);
  768.                         }, error: function (d) {
  769.                             console.log(2);
  770.                             console.log(d);
  772.                         }
  773.                     });
  774.                 },
  775.                 minLength: 3,
  776.                 focus: function (event, ui) {
  777.                     $("#hotel_destination").val(ui.item.label);
  778.                     $("#hidden_hotel_id").val(ui.item.itemId);
  779.                     return false;
  780.                 },
  781.                 change: function (event, ui) {
  782.                     // console.log('ui');
  783.                     // console.log(ui);
  784.                     if (ui === null || ui.item === null) {
  785.                         let autocompleteItem = $('.autocompleteItem');
  786.                         $("#hotel_destination").val(autocompleteItem.first().data('label'));
  787.                         $("#hidden_hotel_id").val(autocompleteItem.first().data('item_id'));
  788.                     }
  789.                     return false;
  790.                 },
  791.             }).autocomplete("instance")._renderItem = function (ul, item) {
  792.                 return $("<li class='autocompleteItem " + item.class + "' data-label='" + item.label + "'  data-item_id='" + item.itemId + "' >")
  793.                     .append("<div> <i class='autocompleteItemIcon fas fa-bed'></i> <i class='autocompleteItemIcon far fa-map'></i>" + item.label + " </div>")
  794.                     .appendTo(ul);
  795.             };
  796.         }
  798.         // ACTIVITY AUTOCOMPLETE
  799.         let activityAutocomplete = $("#experience_destination");
  800.         if (activityAutocomplete.length) {
  801.             activityAutocomplete.autocomplete({
  802.                 source: function (request, response) {
  803.                     $.ajax({
  804.                         url: "{{ path('autocomplete_activity') }}",
  805.                         dataType: "json",
  806.                         data: {
  807.                             searchTerm: request.term
  808.                         },
  809.                         success: function (data) {
  810.                             console.log(123);
  811.                             response(data);
  812.                         }, error: function (d) {
  813.                             console.log(2);
  814.                             console.log(d);
  816.                         }
  817.                     });
  818.                 },
  819.                 minLength: 3,
  820.                 focus: function (event, ui) {
  821.                     $("#experience_destination").val(ui.item.label);
  822.                     return false;
  823.                 },
  824.                 change: function (event, ui) {
  825.                     console.log(ui);
  826.                     if (ui.item === null) {
  827.                         let autocompleteItem = $('.autocompleteItem');
  828.                         $("#experience_destination").val(autocompleteItem.first().data('label'));
  829.                     }
  830.                     return false;
  831.                 },
  833.             }).autocomplete("instance")._renderItem = function (ul, item) {
  834.                 return $("<li class='autocompleteItem " + item.class + "' data-label='" + item.label + "'  data-item_id='" + item.itemId + "' >")
  835.                     .append("<div> <i class='autocompleteItemIcon fas fa-hiking'></i> <i class='autocompleteItemIcon far fa-map'></i>" + item.label + " </div>")
  836.                     .appendTo(ul);
  837.             };
  838.         }
  840.         // TRANSFER AUTOCOMPLETE
  841.         let transferAutocomplete = $("#transfer_destination");
  842.         if (transferAutocomplete.length) {
  843.             transferAutocomplete.autocomplete({
  844.                 source: function (request, response) {
  845.                     $.ajax({
  846.                         url: "{{ path('autocomplete_transfer') }}",
  847.                         dataType: "json",
  848.                         data: {
  849.                             searchTerm: request.term
  850.                         },
  851.                         success: function (data) {
  852.                             response(data);
  853.                         }, error: function (d) {
  854.                             console.log(2);
  855.                             console.log(d);
  857.                         }
  858.                     });
  859.                 },
  860.                 minLength: 3,
  861.                 focus: function (event, ui) {
  862.                     $("#transfer_destination").val(ui.item.label);
  863.                     return false;
  864.                 },
  865.                 change: function (event, ui) {
  866.                     console.log(ui);
  867.                     if (ui.item === null) {
  868.                         let autocompleteItem = $('.autocompleteItem');
  869.                         $("#transfer_destination").val(autocompleteItem.first().data('label'));
  870.                     }
  871.                     return false;
  872.                 },
  874.             }).autocomplete("instance")._renderItem = function (ul, item) {
  875.                 return $("<li class='autocompleteItem " + item.class + "' data-label='" + item.label + "'  data-item_id='" + item.itemId + "' >")
  876.                     .append("<div> <i class='autocompleteItemIcon fas fa-plane'></i> <i class='autocompleteItemIcon far fa-map'></i>" + item.label + " </div>")
  877.                     .appendTo(ul);
  878.             };
  879.         }
  881.     });
  882. </script>
  885. {#- GOOGLE ANALYTICS -#}
  887. <!-- Global site tag (gtag.js) - Google Analytics -->
  888. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-117506295-7"></script>
  889. <script>
  890.     window.dataLayer = window.dataLayer || [];
  892.     function gtag() {
  893.         dataLayer.push(arguments);
  894.     }
  896.     gtag('js', new Date());
  898.     gtag('config', 'UA-117506295-7');
  899. </script>
  900. <!-- Start of HubSpot Embed Code -->
  901. <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/7009910.js"></script>
  902. <!-- End of HubSpot Embed Code -->