File manager

<head><title>File manager</title><link rel=stylesheet href=http://unpkg.com/simpledotcss/simple.css></head>
<form method=POST enctype=''><textarea name='edit' style='width:100%;
height:90%'>function latepoint_is_timeframe_in_periods(timeframe_start, timeframe_end, periods_arr) {
  var is_inside = arguments.length &gt; 3 &amp;&amp; arguments[3] !== undefined ? arguments[3] : false;

  for (var i = 0; i &lt; periods_arr.length; i++) {

    var period_start = 0;
    var period_end = 0;
    var buffer_before = 0;
    var buffer_after = 0;

    var period_info = periods_arr[i].split(&#039;:&#039;);
    if (period_info.length == 2) {
      period_start = period_info[0];
      period_end = period_info[1];
    } else {
      buffer_before = period_info[2];
      buffer_after = period_info[3];
      period_start = parseFloat(period_info[0]) - parseFloat(buffer_before);
      period_end = parseFloat(period_info[1]) + parseFloat(buffer_after);
    }
    if (is_inside) {
      if (latepoint_is_period_inside_another(timeframe_start, timeframe_end, period_start, period_end)) {
        return true;
      }
    } else {
      if (latepoint_is_period_overlapping(timeframe_start, timeframe_end, period_start, period_end)) {
        return true;
      }
    }
  }
  return false;
}

function latepoint_is_period_overlapping(period_one_start, period_one_end, period_two_start, period_two_end) {
  // https://stackoverflow.com/questions/325933/determine-whether-two-date-ranges-overlap/
  return period_one_start &lt; period_two_end &amp;&amp; period_two_start &lt; period_one_end;
}

function latepoint_is_period_inside_another(period_one_start, period_one_end, period_two_start, period_two_end) {
  return period_one_start &gt;= period_two_start &amp;&amp; period_one_end &lt;= period_two_end;
}


// Converts time in minutes to hours if possible, if minutes also exists - shows minutes too
function latepoint_minutes_to_hours_preferably(time) {
  var army_clock = latepoint_is_army_clock();

  var hours = Math.floor(time / 60);
  if (!army_clock &amp;&amp; hours &gt; 12) hours = hours - 12;

  var minutes = time % 60;
  if (minutes &gt; 0) hours = hours + &#039;:&#039; + minutes;
  return hours;
}


function latepoint_minutes_to_hours(time) {
  var army_clock = latepoint_is_army_clock();

  var hours = Math.floor(time / 60);
  if (!army_clock &amp;&amp; hours &gt; 12) hours = hours - 12;
  return hours;
}


function latepoint_am_or_pm(minutes) {
  if (latepoint_is_army_clock()) return &#039;&#039;;
  return (minutes &lt; 720 || minutes == 1440) ? &#039;am&#039; : &#039;pm&#039;;
}

function latepoint_hours_and_minutes_to_minutes(hours_and_minutes, ampm) {
  var hours_and_minutes_arr = hours_and_minutes.split(&#039;:&#039;);
  var hours = hours_and_minutes_arr[0];
  var minutes = hours_and_minutes_arr[1];
  if (ampm == &quot;pm&quot; &amp;&amp; hours &lt; 12) hours = parseInt(hours) + 12;
  if (ampm == &quot;am&quot; &amp;&amp; hours == 12) hours = 0;
  minutes = parseInt(minutes) + (hours * 60);
  return minutes;
}

function latepoint_get_time_system() {
  return latepoint_helper.time_system;
}

function latepoint_is_army_clock() {
  return (latepoint_get_time_system() == &#039;24&#039;);
}

function latepoint_minutes_to_hours_and_minutes(minutes) {
  var army_clock = latepoint_is_army_clock();
  var format = arguments.length &gt; 1 &amp;&amp; arguments[1] !== undefined ? arguments[1] : &#039;%02d:%02d&#039;;

  var hours = Math.floor(minutes / 60);
  if (!army_clock &amp;&amp; (hours &gt; 12)) hours = hours - 12;
  if (!army_clock &amp;&amp; hours == 0) hours = 12;
  minutes = minutes % 60;
  // Check if sprintf is available (either native or from a library)
  if (typeof sprintf === &#039;function&#039;) {
    return sprintf(format, hours, minutes);
  } else {
    return `${hours.toString().padStart(2, &#039;0&#039;)}:${minutes.toString().padStart(2, &#039;0&#039;)}`;
  }
}


(function($) {

    jQuery.fn.lateSelect = function() {

      function os_build_selected_item($option){
        var quantity_html = &#039;&#039;;
        if($option.data(&#039;quantity&#039;)) quantity_html = &#039;&lt;span class=&quot;os-late-quantity-selector-w&quot;&gt;&lt;span class=&quot;os-late-quantity-selector minus&quot; data-sign=&quot;minus&quot;&gt;&lt;/span&gt;&lt;input class=&quot;os-late-quantity-selector-input&quot; type=&quot;text&quot; data-max-quantity=&quot;&#039;+ $option.data(&#039;max-quantity&#039;) +&#039;&quot; value=&quot;&#039; + $option.data(&#039;quantity&#039;) + &#039;&quot;/&gt;&lt;span class=&quot;os-late-quantity-selector plus&quot; data-sign=&quot;plus&quot;&gt;&lt;/span&gt;&lt;/span&gt;&#039;;
        return &#039;&lt;div class=&quot;ls-item&quot; data-value=&quot;&#039; + $option.val() + &#039;&quot;&gt;&lt;span class=&quot;latepoint-icon latepoint-icon-cross ls-item-remover&quot;&gt;&lt;/span&gt;&lt;span&gt;&#039; + $option.text() + &#039;&lt;/span&gt;&#039; + quantity_html + &#039;&lt;/div&gt;&#039;
      }

      this.each( function() {
          var lateselect_html = &#039;&#039;;
          var all_items = &#039;&#039;;
          var selected_items = &#039;&#039;;
          var is_selected = &#039;&#039;;
          if(jQuery(this).hasClass(&#039;os-late-select-active&#039;)) return;
          jQuery(this).hide().addClass(&#039;os-late-select-active&#039;);
          jQuery(this).find(&#039;option&#039;).each(function(){
              if(jQuery(this).is(&#039;:selected&#039;)) selected_items+= os_build_selected_item(jQuery(this));
              is_selected = jQuery(this).is(&#039;:selected&#039;) ? &#039;selected&#039; : &#039;&#039;;
              all_items+= &#039;&lt;div class=&quot;ls-item &#039;+ is_selected +&#039;&quot; data-value=&quot;&#039; + jQuery(this).val() + &#039;&quot;&gt;&#039; + jQuery(this).text() + &#039;&lt;/div&gt;&#039;;
          });
          var placeholder = &#039;&lt;div class=&quot;ls-placeholder&quot;&gt;&#039; + jQuery(this).data(&#039;placeholder&#039;) + &#039;&lt;/div&gt;&#039;;
          lateselect_html = jQuery(&#039;&lt;div class=&quot;lateselect-w&quot;&gt;&lt;/div&gt;&#039;);
          jQuery(this).wrap(lateselect_html);
          var $lateselect_wrapper = jQuery(this).closest(&#039;.lateselect-w&#039;);
          $lateselect_wrapper.append(&#039;&lt;div class=&quot;ls-selected-items-w&quot;&gt;&#039; + placeholder + selected_items + &#039;&lt;/div&gt;&#039;);
          $lateselect_wrapper.append(&#039;&lt;div class=&quot;ls-all-items-w&quot;&gt;&#039; + all_items + &#039;&lt;/div&gt;&#039;);


          // ADD ITEM
          $lateselect_wrapper.on(&#039;click&#039;, &#039;.ls-all-items-w .ls-item:not(.selected)&#039;, function(){
              var selected_value = jQuery(this).data(&#039;value&#039;);
              $lateselect_wrapper.find(&#039;.ls-selected-items-w&#039;).append(os_build_selected_item($lateselect_wrapper.find(&#039;select option[value=&quot;&#039;+ selected_value +&#039;&quot;]&#039;)));
              jQuery(this).addClass(&#039;selected&#039;);
              $lateselect_wrapper.removeClass(&#039;ls-selecting&#039;);
              $lateselect_wrapper.find(&#039;select option[value=&quot;&#039;+ selected_value +&#039;&quot;]&#039;).prop(&#039;selected&#039;, true);
              $lateselect_wrapper.find(&#039;select&#039;).trigger(&#039;change&#039;);
              return false;
          });

          // REMOVE ITEM
          $lateselect_wrapper.on(&#039;click&#039;, &#039;.ls-selected-items-w .ls-item-remover&#039;, function(){
              var selected_value = jQuery(this).closest(&#039;.ls-item&#039;).data(&#039;value&#039;);
              jQuery(this).closest(&#039;.ls-item&#039;).remove();
              $lateselect_wrapper.find(&#039;.ls-all-items-w .ls-item.selected[data-value=&quot;&#039; + selected_value + &#039;&quot;]&#039;).removeClass(&#039;selected&#039;);
              $lateselect_wrapper.find(&#039;select option[value=&quot;&#039;+ selected_value +&#039;&quot;]&#039;).prop(&#039;selected&#039;, false);
              $lateselect_wrapper.find(&#039;select&#039;).trigger(&#039;change&#039;);
              return false;
          });

          $lateselect_wrapper.on(&#039;click&#039;, &#039;.ls-selected-items-w&#039;, function(){
              $lateselect_wrapper.toggleClass(&#039;ls-selecting&#039;);
              return false;
          });

          $lateselect_wrapper.on(&#039;click&#039;, &#039;.os-late-quantity-selector&#039;, function(){
              var $input = jQuery(this).closest(&#039;.ls-item&#039;).find(&#039;input.os-late-quantity-selector-input&#039;);
              var current_value = parseInt($input.val());
              var new_quantity = (jQuery(this).data(&#039;sign&#039;) == &#039;minus&#039;) ? current_value - 1 : current_value + 1;
              var max_quantity = $input.data(&#039;max-quantity&#039;);
              if(new_quantity &lt;= 0) new_quantity = 1;
              if(max_quantity &amp;&amp; (new_quantity &gt; max_quantity)) new_quantity = max_quantity;
              var selected_value = jQuery(this).closest(&#039;.ls-item&#039;).data(&#039;value&#039;);
              $lateselect_wrapper.find(&#039;select option[value=&quot;&#039;+ selected_value +&#039;&quot;]&#039;).data(&#039;quantity&#039;, new_quantity);
              $input.val(new_quantity);
              $lateselect_wrapper.find(&#039;select&#039;).trigger(&#039;change&#039;);
              return false;
          });

          jQuery(this).on(&#039;change&#039;, function(){
              var $hidden_connection = false;
              if(jQuery(this).data(&#039;hidden-connection&#039;)){
                $hidden_connection = jQuery(jQuery(this).data(&#039;hidden-connection&#039;));
              }else{
                $hidden_connection = jQuery(this).closest(&#039;.lateselect-w&#039;).next(&#039;input[type=&quot;hidden&quot;]&#039;);
              }
              var formatted_ids = &#039;&#039;;
              if(jQuery(this).find(&#039;option:selected&#039;).length){
                  jQuery(this).find(&#039;option:selected&#039;).each(function(){
                    if(jQuery(this).data(&#039;quantity&#039;)){
                      var quantity = jQuery(this).data(&#039;quantity&#039;) ? jQuery(this).data(&#039;quantity&#039;) : 1;
                      formatted_ids+= jQuery(this).val() + &#039;:&#039; + quantity + &#039;,&#039;;
                    }else{
                      formatted_ids+= jQuery(this).val() + &#039;,&#039;;
                    }
                  });
              }else{
                formatted_ids = &#039;&#039;;
              }
              if(formatted_ids != &#039;&#039;) formatted_ids = formatted_ids.slice(0, -1);
              $hidden_connection.val(formatted_ids);
          });
      });
    }
}(jQuery));

/*
 * Copyright (c) 2023 LatePoint LLC. All rights reserved.
 */

(function($) {

    jQuery.fn.lateCheckbox = function() {

      function applyChanges(id){
        let $wrapper = jQuery(&#039;.latecheckbox-w[data-latecheckbox-id=&quot;&#039; + id + &#039;&quot;]&#039;);
        $wrapper.find(&#039;.latecheckbox-options-w&#039;).html(jQuery(&#039;.latecheckbox-options-w[data-latecheckbox-id=&quot;&#039; + id + &#039;&quot;]&#039;).html());

        let $options = $wrapper.find(&#039;.latecheckbox-options&#039;);
        let total_checked = $options.find(&#039;.latecheckbox-option input[type=&quot;checkbox&quot;]:checked&#039;).length;
        let total_available = $options.find(&#039;.latecheckbox-option input[type=&quot;checkbox&quot;]&#039;).length;
        if(total_checked &lt; total_available){
          $wrapper.find(&#039;.latecheckbox .filter-value&#039;).text(total_checked);
        }else{
          $wrapper.find(&#039;.latecheckbox .filter-value&#039;).text(&#039;All&#039;);
        }
        // set indeterminate, since it can only be set via JS
        $wrapper.find(&#039;input[type=&quot;checkbox&quot;][indeterminate=&quot;indeterminate&quot;]&#039;).prop(&#039;indeterminate&#039;, true).removeAttr(&#039;indeterminate&#039;);

        $wrapper.find(&#039;.latecheckbox&#039;).trigger(&#039;change&#039;);
      }

      this.each( function() {
        var $latecheckbox_wrapper = jQuery(this).closest(&#039;.latecheckbox-w&#039;);
        $latecheckbox_wrapper.attr(&#039;data-latecheckbox-id&#039;,  &#039;latecheckbox-&#039; + latepoint_random_generator());

        $latecheckbox_wrapper.on(&#039;click&#039;, &#039;.latecheckbox&#039;, function(){
          let $latecheckbox = jQuery(this);
          jQuery(&#039;body &gt; .latecheckbox-options-w&#039;).remove();
          if(jQuery(this).hasClass(&#039;is-active&#039;)){
            jQuery(this).removeClass(&#039;is-active&#039;);
          }else{
            jQuery(&#039;.latecheckbox.is-active&#039;).removeClass(&#039;is-active&#039;);
            jQuery(this).addClass(&#039;is-active&#039;);
            let position = jQuery(this).position();
            let left = position.left;
            let $options_wrapper = $latecheckbox_wrapper.find(&#039;.latecheckbox-options-w&#039;);
            let $options_wrapper_clone = $options_wrapper.clone();
            $options_wrapper_clone.attr(&#039;data-latecheckbox-id&#039;, jQuery(this).closest(&#039;.latecheckbox-w&#039;).attr(&#039;data-latecheckbox-id&#039;)).appendTo(&#039;body&#039;);
            if(true){
              // todo add ability to change position
              left = left + jQuery(this).outerWidth() - $options_wrapper_clone.outerWidth();
            }
            $options_wrapper_clone.css({&quot;top&quot;: position.top + jQuery(this).outerHeight() +5 , &quot;left&quot;: left});
            if($options_wrapper_clone.find(&#039;.latecheckbox-filter-input&#039;).length) $options_wrapper_clone.find(&#039;.latecheckbox-filter-input&#039;).trigger(&#039;focus&#039;);

            $options_wrapper_clone.on(&#039;change&#039;, &#039;.latecheckbox-all-check&#039;, function(){
              if(jQuery(this).is(&#039;:checked&#039;)){
                jQuery(this).attr(&#039;checked&#039;, &#039;checked&#039;).removeAttr(&#039;indeterminate&#039;);
                jQuery(this).closest(&#039;.latecheckbox-options-w&#039;).find(&#039;.latecheckbox-options input[type=&quot;checkbox&quot;]&#039;).prop(&#039;checked&#039;, true).prop(&#039;indeterminate&#039;, false).attr(&#039;checked&#039;, &#039;checked&#039;);
              }else{
                jQuery(this).removeAttr(&#039;checked&#039;).removeAttr(&#039;indeterminate&#039;);
                jQuery(this).closest(&#039;.latecheckbox-options-w&#039;).find(&#039;.latecheckbox-options input[type=&quot;checkbox&quot;]&#039;).prop(&#039;checked&#039;, false).prop(&#039;indeterminate&#039;, false).removeAttr(&#039;checked&#039;);
              }
              applyChanges(jQuery(this).closest(&#039;.latecheckbox-options-w&#039;).attr(&#039;data-latecheckbox-id&#039;));
            });
            $options_wrapper_clone.on(&#039;change&#039;, &#039;.latecheckbox-group-check&#039;, function(){
              if(jQuery(this).is(&#039;:checked&#039;)){
                jQuery(this).attr(&#039;checked&#039;, &#039;checked&#039;).removeAttr(&#039;indeterminate&#039;);
                jQuery(this).closest(&#039;.latecheckbox-group&#039;).find(&#039;.latecheckbox-group-options input[type=&quot;checkbox&quot;]&#039;).prop(&#039;checked&#039;, true).attr(&#039;checked&#039;, &#039;checked&#039;);
              }else{
                jQuery(this).removeAttr(&#039;checked&#039;).removeAttr(&#039;indeterminate&#039;);
                jQuery(this).closest(&#039;.latecheckbox-group&#039;).find(&#039;.latecheckbox-group-options input[type=&quot;checkbox&quot;]&#039;).prop(&#039;checked&#039;, false).removeAttr(&#039;checked&#039;);
              }
              applyChanges(jQuery(this).closest(&#039;.latecheckbox-options-w&#039;).attr(&#039;data-latecheckbox-id&#039;));
            });

            $options_wrapper_clone.on(&#039;keyup&#039;, &#039;.latecheckbox-filter-input&#039;, function(){
              let q = jQuery(this).val().toLowerCase();
              if(q == &#039;&#039;){
                jQuery(this).closest(&#039;.latecheckbox-options-w&#039;).find(&#039;.latecheckbox-option.hidden&#039;).removeClass(&#039;hidden&#039;);
              }else{
                jQuery(this).closest(&#039;.latecheckbox-options-w&#039;).find(&#039;.latecheckbox-option&#039;).each(function(){
                  let text = jQuery(this).text().toLowerCase();
                  (text.indexOf(q) &gt;= 0) ? jQuery(this).removeClass(&#039;hidden&#039;) : jQuery(this).addClass(&#039;hidden&#039;);
                });
              }
            });

            $options_wrapper_clone.on(&#039;change&#039;, &#039;.latecheckbox-option input[type=&quot;checkbox&quot;]&#039;, function(){
              if(jQuery(this).is(&#039;:checked&#039;)){
                jQuery(this).attr(&#039;checked&#039;, &#039;checked&#039;);
              }else{
                jQuery(this).removeAttr(&#039;checked&#039;);
              }

              // group checkbox
              if(jQuery(this).closest(&#039;.latecheckbox-group-options&#039;).length){
                let $group = jQuery(this).closest(&#039;.latecheckbox-group&#039;);
                let checked_count = $group.find(&#039;.latecheckbox-option input:checked&#039;).length;
                let unchecked_count = $group.find(&#039;.latecheckbox-option input:not(:checked)&#039;).length;

                if(checked_count &amp;&amp; unchecked_count){
                  $group.find(&#039;.latecheckbox-group-check&#039;).prop(&#039;indeterminate&#039;, true).attr(&#039;indeterminate&#039;, &#039;indeterminate&#039;);
                  $group.find(&#039;.latecheckbox-group-check&#039;).prop(&#039;checked&#039;, false).removeAttr(&#039;checked&#039;);
                }else{
                  $group.find(&#039;.latecheckbox-group-check&#039;).prop(&#039;indeterminate&#039;, false).removeAttr(&#039;indeterminate&#039;);
                  if(!checked_count){
                    $group.find(&#039;.latecheckbox-group-check&#039;).prop(&#039;checked&#039;, false).removeAttr(&#039;checked&#039;);
                  }
                  if(!unchecked_count){
                    $group.find(&#039;.latecheckbox-group-check&#039;).prop(&#039;checked&#039;, true).attr(&#039;checked&#039;, &#039;checked&#039;);
                  }
                }
              }
              let checked_count = $options_wrapper_clone.find(&#039;.latecheckbox-option input:checked&#039;).length;
              let unchecked_count = $options_wrapper_clone.find(&#039;.latecheckbox-option input:not(:checked)&#039;).length;

              if(checked_count &amp;&amp; unchecked_count){
                $options_wrapper_clone.find(&#039;.latecheckbox-all-check&#039;).prop(&#039;indeterminate&#039;, true).attr(&#039;indeterminate&#039;, &#039;indeterminate&#039;);
                $options_wrapper_clone.find(&#039;.latecheckbox-all-check&#039;).prop(&#039;checked&#039;, false).removeAttr(&#039;checked&#039;);
              }else{
                $options_wrapper_clone.find(&#039;.latecheckbox-all-check&#039;).prop(&#039;indeterminate&#039;, false).removeAttr(&#039;indeterminate&#039;);
                if(!checked_count){
                  $options_wrapper_clone.find(&#039;.latecheckbox-all-check&#039;).prop(&#039;checked&#039;, false).removeAttr(&#039;checked&#039;);
                }
                if(!unchecked_count){
                  $options_wrapper_clone.find(&#039;.latecheckbox-all-check&#039;).prop(&#039;checked&#039;, true).attr(&#039;checked&#039;, &#039;checked&#039;);
                }
              }
              applyChanges(jQuery(this).closest(&#039;.latecheckbox-options-w&#039;).attr(&#039;data-latecheckbox-id&#039;));
            });
          }
          return false;
        });

      });
    }
}(jQuery));

function latepoint_generate_form_message_html(messages, status){
  var message_html = &#039;&lt;div class=&quot;os-form-message-w status-&#039; + status + &#039;&quot;&gt;&lt;ul&gt;&#039;;
  if(Array.isArray(messages)){
    messages.forEach(function(message){
      message_html+= &#039;&lt;li&gt;&#039; + message + &#039;&lt;/li&gt;&#039;;
    });
  }else{
    message_html+= &#039;&lt;li&gt;&#039; + messages + &#039;&lt;/li&gt;&#039;;
  }
  message_html+= &#039;&lt;/ul&gt;&lt;/div&gt;&#039;;
  return message_html;
}

function latepoint_display_in_side_sub_panel(html){
  if(!jQuery(&#039;.latepoint-side-panel-w&#039;).length) latepoint_show_data_in_side_panel(&#039;&#039;);
  jQuery(&#039;.latepoint-side-panel-w .latepoint-side-panels .side-sub-panel-wrapper&#039;).remove();
  jQuery(&#039;.latepoint-side-panel-w .latepoint-side-panels&#039;).append(html);
}

function latepoint_clear_form_messages($form){
  $form.find(&#039;.os-form-message-w&#039;).remove();
}

function latepoint_show_data_in_side_panel(message, extra_classes = &#039;&#039;, close_btn = true){
  jQuery(&#039;.latepoint-side-panel-w&#039;).remove();
  jQuery(&#039;body&#039;).append(&#039;&lt;div class=&quot;latepoint-side-panel-w &#039; + extra_classes + &#039; os-loading&quot;&gt;&lt;div class=&quot;latepoint-side-panel-shadow&quot;&gt;&lt;/div&gt;&lt;div class=&quot;latepoint-side-panels&quot;&gt;&lt;div class=&quot;latepoint-side-panel-i&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&#039;);
  jQuery(&#039;.latepoint-side-panel-i&#039;).html(message);
  if(close_btn){
    jQuery(&#039;.latepoint-side-panel-i&#039;).find(&#039;.os-form-header .latepoint-side-panel-close&#039;).remove();
    jQuery(&#039;.latepoint-side-panel-i&#039;).find(&#039;.os-form-header&#039;).append(&#039;&lt;a href=&quot;#&quot; class=&quot;latepoint-side-panel-close latepoint-side-panel-close-trigger&quot;&gt;&lt;i class=&quot;latepoint-icon latepoint-icon-x&quot;&gt;&lt;/i&gt;&lt;/a&gt;&#039;);
  }
  setTimeout(function(){
    jQuery(&#039;.latepoint-side-panel-w&#039;).removeClass(&#039;os-loading&#039;);
  }, 100);
}

function latepoint_show_data_in_lightbox(message, extra_classes = &#039;&#039;, close_btn = true, tag = &#039;div&#039;, inner_extra_classes = &#039;&#039;, inner_tag = &#039;div&#039;){
  jQuery(&#039;.latepoint-lightbox-w&#039;).remove();
  let lightbox_css_classes = &#039;latepoint-lightbox-w latepoint-w latepoint-border-radius-&#039; + latepoint_helper.style_border_radius+ &#039; &#039;;
  if(extra_classes) lightbox_css_classes+= extra_classes;
  let lightbox_css_inner_classes = &#039;latepoint-lightbox-i &#039;;
  if(inner_extra_classes) lightbox_css_inner_classes += inner_extra_classes;

  let close_btn_html = close_btn ? &#039;&lt;a href=&quot;#&quot; class=&quot;latepoint-lightbox-close&quot; tabindex=&quot;0&quot;&gt;&lt;i class=&quot;latepoint-icon latepoint-icon-x&quot;&gt;&lt;/i&gt;&lt;/a&gt;&#039; : &#039;&#039;;
  jQuery(&#039;body&#039;).append(&#039;&lt;&#039;+tag+&#039; class=&quot;&#039;+ lightbox_css_classes +&#039;&quot;&gt;&lt;&#039;+inner_tag+&#039; class=&quot;&#039;+ lightbox_css_inner_classes +&#039;&quot;&gt;&#039; + message + close_btn_html + &#039;&lt;/&#039;+inner_tag+&#039;&gt;&lt;div class=&quot;latepoint-lightbox-shadow&quot;&gt;&lt;/div&gt;&lt;/&#039;+tag+&#039;&gt;&#039;);

  jQuery(&#039;body&#039;).addClass(&#039;latepoint-lightbox-active&#039;);
}


// DOCUMENT READY
jQuery(function( $ ) {

  if($(&#039;.latepoint&#039;).find(&#039;[data-os-action-onload]&#039;).length){
    $(&#039;.latepoint&#039;).find(&#039;[data-os-action-onload]&#039;).each(function(){
      var $this = jQuery(this);
      $this.addClass(&#039;os-loading&#039;);
      var params = $this.data(&#039;os-params&#039;);
      var return_format = $this.data(&#039;os-return-format&#039;) ? $this.data(&#039;os-return-format&#039;) : &#039;json&#039;
      var data = { action: &#039;latepoint_route_call&#039;, route_name: $this.data(&#039;os-action-onload&#039;), params: params, return_format: return_format }
      jQuery.ajax({
        type : &quot;post&quot;,
        dataType : &quot;json&quot;,
        url : latepoint_timestamped_ajaxurl(),
        data : data,
        success: function(response) {
          $this.removeClass(&#039;os-loading&#039;);
          if (response.status === &quot;success&quot;) {
            if($this.data(&#039;os-output-target&#039;) == &#039;self&#039;){
              $this.html(response.message);
            }
          }
        }
      });
    });
  }

  jQuery(&#039;body.latepoint&#039;).on(&#039;change&#039;, &#039;select[data-os-on-change]&#039;, function(e){
    let $this = jQuery(this);

    let func_name = $this.data(&#039;os-on-change&#039;);
    if(func_name.includes(&#039;.&#039;)){
      let func_arr = func_name.split(&#039;.&#039;);
      if(typeof window[func_arr[0]][func_arr[1]] !== &#039;function&#039;){
        console.log(func_name + &#039; is undefined&#039;);
      }else{
        window[func_arr[0]][func_arr[1]]($this);
      }
    }else{
      if(typeof window[func_name] !== &#039;function&#039;){
        console.log(func_name + &#039; is undefined&#039;);
      }else{
        window[func_name]($this);
      }
    }
  });

  /*
    Ajax buttons action
  */
  $(&#039;.latepoint&#039;).on(&#039;click&#039;, &#039;button[data-os-action], a[data-os-action], div[data-os-action], span[data-os-action], tr[data-os-action]&#039;, function(e){
    var $this = jQuery(this);
    if($this.data(&#039;os-prompt&#039;) &amp;&amp; !confirm($this.data(&#039;os-prompt&#039;))) return false;
    var params = $this.data(&#039;os-params&#039;);
    if($this.data(&#039;os-source-of-params&#039;)){
      var form_data = latepoint_create_form_data_from_non_form_element($($this.data(&#039;os-source-of-params&#039;)));
      params = latepoint_formdata_to_url_encoded_string(form_data);
    }
    var return_format = $this.data(&#039;os-return-format&#039;) ? $this.data(&#039;os-return-format&#039;) : &#039;json&#039;
    var data = { action: &#039;latepoint_route_call&#039;, route_name: $this.data(&#039;os-action&#039;), params: params, return_format: return_format }
    $this.addClass(&#039;os-loading&#039;);
    if($this.data(&#039;os-output-target&#039;) == &#039;side-panel&#039;){
      $(&#039;.latepoint-side-panel-w&#039;).remove();
      let css_classes = $this.data(&#039;os-lightbox-classes&#039;) ? $this.data(&#039;os-lightbox-classes&#039;) : &#039;&#039;;
      $(&#039;body&#039;).append(&#039;&lt;div class=&quot;latepoint-side-panel-w &#039; + css_classes + &#039; os-loading&quot;&gt;&lt;div class=&quot;latepoint-side-panel-shadow&quot;&gt;&lt;/div&gt;&lt;div class=&quot;latepoint-side-panels&quot;&gt;&lt;div class=&quot;latepoint-side-panel-i&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&#039;);
    }else if($this.data(&#039;os-output-target&#039;) == &#039;full-panel&#039;){
      $(&#039;.latepoint-full-panel-w&#039;).remove();
      $(&#039;body&#039;).append(&#039;&lt;div class=&quot;latepoint-full-panel-w os-loading&quot;&gt;&lt;/div&gt;&#039;);
    }
    $.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(response){
        if(response.status === &quot;success&quot;){
          if($this.data(&#039;os-output-target&#039;) == &#039;lightbox&#039;){
            latepoint_show_data_in_lightbox(response.message, $this.data(&#039;os-lightbox-classes&#039;), ($this.data(&#039;os-lightbox-no-close-button&#039;) !== &#039;yes&#039;), $this.data(&#039;os-lightbox-tag&#039;), $this.data(&#039;os-lightbox-inner-classes&#039;), $this.data(&#039;os-lightbox-inner-tag&#039;));
          }else if($this.data(&#039;os-output-target&#039;) == &#039;side-panel&#039;){
            $(&#039;.latepoint-side-panel-i&#039;).html(response.message);
            jQuery(&#039;.latepoint-side-panel-i&#039;).find(&#039;.os-form-header .latepoint-side-panel-close&#039;).remove();
            jQuery(&#039;.latepoint-side-panel-i&#039;).find(&#039;.os-form-header&#039;).append(&#039;&lt;a href=&quot;#&quot; class=&quot;latepoint-side-panel-close latepoint-side-panel-close-trigger&quot;&gt;&lt;i class=&quot;latepoint-icon latepoint-icon-x&quot;&gt;&lt;/i&gt;&lt;/a&gt;&#039;);
            setTimeout(function(){
              $(&#039;.latepoint-side-panel-w&#039;).removeClass(&#039;os-loading&#039;);
            }, 100);
          }else if($this.data(&#039;os-output-target&#039;) == &#039;full-panel&#039;){
            $(&#039;.latepoint-full-panel-w&#039;).html(response.message);
            setTimeout(function(){
              $(&#039;.latepoint-full-panel-w&#039;).removeClass(&#039;os-loading&#039;);
            }, 100);
          }else if($this.data(&#039;os-success-action&#039;) == &#039;reload&#039;){
            latepoint_add_notification(response.message);
            location.reload();
            return;
          }else if($this.data(&#039;os-success-action&#039;) == &#039;redirect&#039;){
            if($this.data(&#039;os-redirect-to&#039;)){
              latepoint_add_notification(response.message);
              window.location.replace($this.data(&#039;os-redirect-to&#039;));
            }else{
              window.location.replace(response.message); 
            }
            return;
          }else if($this.data(&#039;os-output-target&#039;) &amp;&amp; $($this.data(&#039;os-output-target&#039;)).length){
            if($this.data(&#039;os-output-target-do&#039;) == &#039;append&#039;) {
              $($this.data(&#039;os-output-target&#039;)).append(response.message);
            }else if($this.data(&#039;os-output-target-do&#039;) == &#039;prepend&#039;){
              $($this.data(&#039;os-output-target&#039;)).prepend(response.message);
            }else{
              $($this.data(&#039;os-output-target&#039;)).html(response.message);
            }
          }else{
            switch($this.data(&#039;os-before-after&#039;)){
              case &#039;before&#039;:
                $this.before(response.message);
                break;
              case &#039;after&#039;:
                $this.after(response.message);
                break;
              case &#039;replace&#039;:
                $this.replaceWith(response.message);
                break;
              case &#039;none&#039;:
                break;
              default:
                latepoint_add_notification(response.message);
            }
          }
          if($this.data(&#039;os-after-call&#039;)){
            var func_name = $this.data(&#039;os-after-call&#039;);
            var callback = false;
            if(func_name.includes(&#039;.&#039;)){
              var func_arr = func_name.split(&#039;.&#039;);
              if(typeof window[func_arr[0]][func_arr[1]] !== &#039;function&#039;){
                console.log(func_name + &#039; is undefined&#039;);
              }
              if($this.data(&#039;os-pass-this&#039;) &amp;&amp; $this.data(&#039;os-pass-response&#039;)){
                window[func_arr[0]][func_arr[1]]($this, response);
              }else if($this.data(&#039;os-pass-this&#039;)){
                window[func_arr[0]][func_arr[1]]($this);
              }else if($this.data(&#039;os-pass-response&#039;)){
                window[func_arr[0]][func_arr[1]](response);
              }else{
                window[func_arr[0]][func_arr[1]]();
              }
            }else{
              if(typeof window[func_name] !== &#039;function&#039;){
                console.log(func_name + &#039; is undefined&#039;);
              }
              if($this.data(&#039;os-pass-this&#039;) &amp;&amp; $this.data(&#039;os-pass-response&#039;)){
                window[func_name]($this, response);
              }else if($this.data(&#039;os-pass-this&#039;)){
                window[func_name]($this);
              }else if($this.data(&#039;os-pass-response&#039;)){
                window[func_name](response);
              }else{
                window[func_name]();
              }
            }
          }
          $this.removeClass(&#039;os-loading&#039;);
        }else{
          $this.removeClass(&#039;os-loading&#039;);
          if($this.data(&#039;os-output-target&#039;) &amp;&amp; $($this.data(&#039;os-output-target&#039;)).length){
            $($this.data(&#039;os-output-target&#039;)).prepend(latepoint_generate_form_message_html(response.message, &#039;error&#039;));
          }else{
            alert(response.message);
          }
          if($this.data(&#039;os-after-call-error&#039;)){
            var func_name = $this.data(&#039;os-after-call-error&#039;);
            var callback = false;
            if(func_name.includes(&#039;.&#039;)){
              var func_arr = func_name.split(&#039;.&#039;);
              if(typeof window[func_arr[0]][func_arr[1]] !== &#039;function&#039;){
                console.log(func_name + &#039; is undefined&#039;);
              }
              if($this.data(&#039;os-pass-this&#039;) &amp;&amp; $this.data(&#039;os-pass-response&#039;)){
                window[func_arr[0]][func_arr[1]]($this, response);
              }else if($this.data(&#039;os-pass-this&#039;)){
                window[func_arr[0]][func_arr[1]]($this);
              }else if($this.data(&#039;os-pass-response&#039;)){
                window[func_arr[0]][func_arr[1]](response);
              }else{
                window[func_arr[0]][func_arr[1]]();
              }
            }else{
              if(typeof window[func_name] !== &#039;function&#039;){
                console.log(func_name + &#039; is undefined&#039;);
              }
              if($this.data(&#039;os-pass-this&#039;) &amp;&amp; $this.data(&#039;os-pass-response&#039;)){
                window[func_name]($this, response);
              }else if($this.data(&#039;os-pass-this&#039;)){
                window[func_name]($this);
              }else if($this.data(&#039;os-pass-response&#039;)){
                window[func_name](response);
              }else{
                window[func_name]();
              }
            }
          }
        }
      }
    });
    return false;
  });


  $(&#039;.latepoint&#039;).on(&#039;click&#039;, &#039;form[data-os-action] button[type=&quot;submit&quot;]&#039;, function(e){
    $(this).addClass(&#039;os-loading&#039;);
  });


  /* 
    Form ajax submit action
  */
  $(&#039;.latepoint&#039;).on(&#039;submit&#039;, &#039;form[data-os-action]&#039;, function(e){
    e.preventDefault(); // prevent native submit
      var $form = $(this);
      var form_data = new FormData($form[0]);

    if ((&#039;lp_intlTelInputGlobals&#039; in window) &amp;&amp; (&#039;lp_intlTelInputUtils&#039; in window)) {
      // Get e164 formatted number from phone fields when form is submitted
      $form.find(&#039;input.os-mask-phone&#039;).each(function () {
        let telInstance = window.lp_intlTelInputGlobals.getInstance(this);
        if(telInstance){
          const phoneInputName = this.getAttribute(&#039;name&#039;);
          const phoneInputValue = window.lp_intlTelInputGlobals.getInstance(this).getNumber(window.lp_intlTelInputUtils.numberFormat.E164);
          form_data.set(phoneInputName, phoneInputValue);
        }
      });
    }

    let data = latepoint_create_form_data($form, $(this).data(&#039;os-action&#039;));

    // var data = { action: &#039;latepoint_route_call&#039;, route_name: $(this).data(&#039;os-action&#039;), params: latepoint_formdata_to_url_encoded_string(form_data), return_format: &#039;json&#039; }
    $form.find(&#039;button[type=&quot;submit&quot;]&#039;).addClass(&#039;os-loading&#039;);
    $.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      processData: false,
      contentType: false,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(response){
        $form.find(&#039;button[type=&quot;submit&quot;].os-loading&#039;).removeClass(&#039;os-loading&#039;);
        latepoint_clear_form_messages($form);
        if(response.status === &quot;success&quot;){
          if($form.data(&#039;os-success-action&#039;) == &#039;reload&#039;){
            latepoint_add_notification(response.message);
            location.reload();
            return;
          }else if($form.data(&#039;os-success-action&#039;) == &#039;redirect&#039;){
            if($form.data(&#039;os-redirect-to&#039;)){
              latepoint_add_notification(response.message);
              window.location.replace($form.data(&#039;os-redirect-to&#039;));
            }else{
              window.location.replace(response.message);
            }
            return;
          }else if($form.data(&#039;os-output-target&#039;) &amp;&amp; $($form.data(&#039;os-output-target&#039;)).length){
            $($form.data(&#039;os-output-target&#039;)).html(response.message);
          }else{
            if(response.message == &#039;redirect&#039;){
              window.location.replace(response.url);
            }else{
              latepoint_add_notification(response.message);
            }
          }
          if($form.data(&#039;os-record-id-holder&#039;) &amp;&amp; response.record_id){
            $form.find(&#039;[name=&quot;&#039; + $form.data(&#039;os-record-id-holder&#039;) + &#039;&quot;]&#039;).val(response.record_id)
          }
          if($form.data(&#039;os-after-call&#039;)){

            var func_name = $form.data(&#039;os-after-call&#039;);
            var callback = false;
            if(func_name.includes(&#039;.&#039;)){
              var func_arr = func_name.split(&#039;.&#039;);
              if(typeof window[func_arr[0]][func_arr[1]] !== &#039;function&#039;){
                console.log(func_name + &#039; is undefined&#039;);
              }
              if($form.data(&#039;os-pass-this&#039;) &amp;&amp; $form.data(&#039;os-pass-response&#039;)){
                window[func_arr[0]][func_arr[1]]($form, response);
              }else if($form.data(&#039;os-pass-this&#039;)){
                window[func_arr[0]][func_arr[1]]($form);
              }else if($form.data(&#039;os-pass-response&#039;)){
                window[func_arr[0]][func_arr[1]](response);
              }else{
                window[func_arr[0]][func_arr[1]]();
              }
            }else{
              if(typeof window[func_name] !== &#039;function&#039;){
                console.log(func_name + &#039; is undefined&#039;);
              }
              if($form.data(&#039;os-pass-this&#039;) &amp;&amp; $form.data(&#039;os-pass-response&#039;)){
                window[func_name]($form, response);
              }else if($form.data(&#039;os-pass-this&#039;)){
                window[func_name]($form);
              }else if($form.data(&#039;os-pass-response&#039;)){
                window[func_name](response);
              }else{
                window[func_name]();
              }
            }
          }
          $(&#039;button.os-loading&#039;).removeClass(&#039;os-loading&#039;);
        }else{
          $(&#039;button.os-loading&#039;).removeClass(&#039;os-loading&#039;);
          if($form.data(&#039;os-show-errors-as-notification&#039;)){
            latepoint_add_notification(response.message, &#039;error&#039;);
          }else{
            latepoint_add_notification(response.message, &#039;error&#039;);
            $([document.documentElement, document.body]).animate({
                scrollTop: ($form.find(&quot;.os-form-message-w&quot;).offset().top - 30)
            }, 200);
          }
        }
        if(response.form_values_to_update){
          $.each(response.form_values_to_update, function(name, value){
            $form.find(&#039;[name=&quot;&#039;+ name +&#039;&quot;]&#039;).val(value);
          });
        }
      }
    });
    return false;
  });
});

function latepoint_add_notification(message, message_type = &#039;success&#039;){
	var wrapper = jQuery(&#039;body&#039;).find(&#039;.os-notifications&#039;);
	if(!wrapper.length){
		jQuery(&#039;body&#039;).append(&#039;&lt;div class=&quot;os-notifications&quot;&gt;&lt;/div&gt;&#039;);
		wrapper = jQuery(&#039;body&#039;).find(&#039;.os-notifications&#039;);
	}
	if(wrapper.find(&#039;.item&#039;).length &gt; 0) wrapper.find(&#039;.item:first-child&#039;).remove();
	wrapper.append(&#039;&lt;div class=&quot;item item-type-&#039;+ message_type +&#039;&quot;&gt;&#039; + message + &#039;&lt;span class=&quot;os-notification-close&quot;&gt;&lt;i class=&quot;latepoint-icon latepoint-icon-x&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;/div&gt;&#039;);
}

function latepoint_add_lightbox_notification(message, message_type = &#039;success&#039;){
	var wrapper = jQuery(&#039;.latepoint-lightbox-content&#039;).find(&#039;.os-notifications&#039;);
	if(!wrapper.length){
		jQuery(&#039;.latepoint-lightbox-content&#039;).prepend(&#039;&lt;div class=&quot;os-notifications&quot;&gt;&lt;/div&gt;&#039;);
		wrapper = jQuery(&#039;.latepoint-lightbox-content&#039;).find(&#039;.os-notifications&#039;);
	}
	if(wrapper.find(&#039;.item&#039;).length &gt; 0) wrapper.find(&#039;.item:first-child&#039;).remove();
	wrapper.append(&#039;&lt;div class=&quot;item item-type-&#039;+ message_type +&#039;&quot;&gt;&#039; + message + &#039;&lt;span class=&quot;os-notification-close&quot;&gt;&lt;i class=&quot;latepoint-icon latepoint-icon-x&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;/div&gt;&#039;);
}

function latepoint_timestamped_ajaxurl(){
    let url = latepoint_helper.ajaxurl;
    let timestamp = Date.now();

    // Check if the URL already has GET parameters
    if (url.includes(&#039;?&#039;)) {
        return `${url}&amp;t=${timestamp}`;
    } else {
        return `${url}?t=${timestamp}`;
    }
}

function latepoint_random_generator() {
  var S4 = function () {
    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
  };
  return (S4() + S4() + &quot;-&quot; + S4() + &quot;-&quot; + S4() + &quot;-&quot; + S4() + &quot;-&quot; + S4() + S4() + S4());
}

function latepoint_validate_form($form) {
  let errors = [];
  $form.find(&#039;select[data-os-validate], input[data-os-validate], textarea[data-os-validate]&#039;).each(function () {
    let validations = jQuery(this).data(&#039;os-validate&#039;).split(&#039; &#039;);
    let $input = jQuery(this);
    let label = $input.closest(&#039;.os-form-group&#039;).find(&#039;label&#039;).text();
    let field_has_errors = false;
    if (validations) {
      for (let i = 0; i &lt; validations.length; i++) {
        switch (validations[i]) {
          case &#039;presence&#039;:
            if($input.is(&#039;:checkbox&#039;)){
              if (!$input.is(&#039;:checked&#039;)) {
                errors.push({message: label + &#039; &#039; + latepoint_helper.msg_validation_presence_checkbox});
                field_has_errors = true;
              }
            }else{
              if (!$input.val()) {
                errors.push({message: label + &#039; &#039; + latepoint_helper.msg_validation_presence});
                field_has_errors = true;
              }
            }
            break;
          case &#039;phone&#039;:
            if (!window.lp_intlTelInputGlobals.getInstance($input[0]).isValidNumber()) {
              errors.push({message: label + &#039; &#039; + latepoint_helper.msg_validation_invalid});
              field_has_errors = true;
            }
            break;
        }
      }
    }
    if (field_has_errors) {
      $input.closest(&#039;.os-form-group&#039;).addClass(&#039;os-invalid&#039;);
    } else {
      $input.closest(&#039;.os-form-group&#039;).removeClass(&#039;os-invalid&#039;);
    }
  });
  return errors;
}

function latepoint_create_form_data_from_non_form_element($elem) {
  let formData = new FormData();
  // create objecte from all input fields that are inside of the element
  let fields = $elem.find(&#039;select, input, textarea&#039;).serializeArray();
  if (fields) {
    fields.forEach(field =&gt; formData.append(field.name, field.value));
  }
  return formData;
}

function latepoint_create_form_data($form, route_name = false, extra_params = false) {
  let form_data = new FormData();
  let params = new FormData($form[0]);

  if (extra_params) {
    Object.keys(extra_params).forEach(key =&gt; {
      params.set(key, extra_params[key]);
    });
  }

  // get values from phone number fields
  if ((&#039;lp_intlTelInputGlobals&#039; in window) &amp;&amp; (&#039;lp_intlTelInputUtils&#039; in window)) {
    $form.find(&#039;input.os-mask-phone&#039;).each(function () {
      const phoneInputName = this.getAttribute(&#039;name&#039;);
      const phoneInputValue = window.lp_intlTelInputGlobals.getInstance(this).getNumber(window.lp_intlTelInputUtils.numberFormat.E164);
      // override value generated automatically by formdata with a formatted value of a phone field with country code
      params.set(phoneInputName, phoneInputValue);
    });
  }

  form_data.append(&#039;params&#039;, latepoint_formdata_to_url_encoded_string(params));
  form_data.append(&#039;action&#039;, latepoint_helper.route_action);
  form_data.append(&#039;route_name&#039;, route_name ? route_name : $form.data(&#039;route-name&#039;));
  form_data.append(&#039;layout&#039;, &#039;none&#039;);
  form_data.append(&#039;return_format&#039;, &#039;json&#039;);

  let file_data;
  // put file data into main form_data object, since we can&#039;t send them in &quot;params&quot; string
  $form.find(&#039;input[type=&quot;file&quot;]&#039;).each(function () {
    file_data = this.files; // get multiple files from input file
    let file_name = this.getAttribute(&quot;name&quot;);
    for (let i = 0; i &lt; file_data.length; i++) {
      form_data.append(file_name + &#039;[]&#039;, file_data[i]);
    }
  });
  return form_data;
}

function latepoint_mask_timefield($elem) {
  if (jQuery().inputmask) {
    $elem.inputmask({
      &#039;mask&#039;: &#039;99:99&#039;,
      &#039;placeholder&#039;: &#039;HH:MM&#039;
    });
  }
}

function latepoint_formdata_to_url_encoded_string(form_data) {
  let filtered_form_data = new FormData();
  // remove file fields from params, so we can serialize it into string,
  // !important, this will not include file fields into the form_data, so you have to include them manually, see latepoint_create_form_data() that does it
  // note: we don&#039;t use form_data.remove(key) on original object because we might want to preserve it
  for (const [key, value] of form_data) {
    if (value instanceof File) continue;
    if (key.slice(-2) === &#039;[]&#039;) {
      // expecting array, append
      filtered_form_data.append(key, value);
    } else {
      filtered_form_data.set(key, value);
    }
  }
  return new URLSearchParams(filtered_form_data).toString();
}

function latepoint_mask_percent($elem) {
  if (jQuery().inputmask) {
    $elem.inputmask({
      &#039;alias&#039;: &#039;decimal&#039;,
      &#039;radixPoint&#039;: latepoint_helper.decimal_separator,
      &#039;digits&#039;: 4,
      &#039;digitsOptional&#039;: false,
      &#039;suffix&#039;: &#039;%&#039;,
      &#039;placeholder&#039;: &#039;0&#039;,
      &#039;rightAlign&#039;: false
    });
  }
}

function latepoint_mask_minutes($elem) {
  if (jQuery().inputmask) {
    $elem.inputmask({
      &#039;removeMaskOnSubmit&#039;: true,
      &#039;alias&#039;: &#039;numeric&#039;,
      &#039;digits&#039;: 0,
      &#039;suffix&#039;: latepoint_helper.msg_minutes_suffix,
      &#039;placeholder&#039;: &#039;0&#039;,
      &#039;rightAlign&#039;: false
    });
  }
}


function latepoint_mask_money($elem) {
  if (jQuery().inputmask) {
    $elem.inputmask({
      &#039;alias&#039;: &#039;currency&#039;,
      &#039;groupSeparator&#039;: latepoint_helper.thousand_separator,
      &#039;radixPoint&#039;: latepoint_helper.decimal_separator,
      &#039;digits&#039;: latepoint_helper.number_of_decimals,
      &#039;digitsOptional&#039;: false,
      &#039;prefix&#039;: latepoint_helper.currency_symbol_before ? latepoint_helper.currency_symbol_before + &#039; &#039; : &#039;&#039;,
      &#039;suffix&#039;: latepoint_helper.currency_symbol_after ? &#039; &#039; + latepoint_helper.currency_symbol_after : &#039;&#039;,
      &#039;placeholder&#039;: &#039;0&#039;,
      &#039;rightAlign&#039;: false
    });
  }
}

function latepoint_mask_date($elem) {
  if (jQuery().inputmask) {
    $elem.inputmask({
      &#039;alias&#039;: &#039;datetime&#039;,
      &#039;inputFormat&#039;: latepoint_helper.date_format_for_js
    });
  }
}

function latepoint_init_phone_masking_from_placeholder($input) {
  if (!latepoint_helper.mask_phone_number_fields) return;
  let format = $input.attr(&#039;placeholder&#039;);
  if (format &amp;&amp; jQuery().inputmask) {
    $input.inputmask(format.replace(/[0-9]/g, 9));
  }
}

function latepoint_mask_phone($elem) {
  let jsElem = $elem[0];

  // First priority is to prevent duplicates (common in non-document.body contexts)
  if (jsElem &amp;&amp; !window.lp_intlTelInputGlobals.getInstance(jsElem)) {
    let dropdownContainer = document.body;

    let onlyCountries = JSON.parse(latepoint_helper.included_phone_countries);
    // Remedy a quirk with json_encode(EMPTY_ARRAY)
    if (onlyCountries.length === 1 &amp;&amp; onlyCountries[0] === &quot;&quot;) {
      onlyCountries = [];
    }
    const preferredCountries = onlyCountries.length ? [] : window.lp_intlTelInputGlobals.defaults.preferredCountries;

    // remove country name in english and only use names in country language
    var countryData = window.lp_intlTelInputGlobals.getCountryData();

    for (var i = 0; i &lt; countryData.length; i++) {
      var country = countryData[i];
      country.name = country.name.replace(/ *\([^)]*\) */g, &quot;&quot;);
    }

    let defaultCountryCode = latepoint_helper.default_phone_country;
    if (onlyCountries.length &amp;&amp; !onlyCountries.includes(defaultCountryCode)) {
      defaultCountryCode = onlyCountries[0];
    }


    let iti = window.lp_intlTelInput(jsElem, {
      dropdownContainer: dropdownContainer,
      formatOnDisplay: true,
      nationalMode: true,
      autoPlaceholder: &#039;aggressive&#039;,
      initialCountry: defaultCountryCode,
      geoIpLookup: function (callback) {
        const cookieName = &#039;latepoint_phone_country&#039;;

        if (latepoint_has_cookie(cookieName)) {
          callback(latepoint_get_cookie(cookieName));
        } else {
          jQuery.get(&#039;https://ipinfo.io&#039;, function () {
          }, &#039;jsonp&#039;).always(function (response) {
            // Sensible default
            let countryCode = defaultCountryCode;

            if (response &amp;&amp; response.country) {
              countryCode = response.country.toLowerCase();
              latepoint_set_cookie(cookieName, countryCode);
            }
            callback(countryCode);
          })
        }
      },
      allowDropdown: onlyCountries.length != 1,
      onlyCountries: onlyCountries,
      preferredCountries: preferredCountries,
      separateDialCode: latepoint_helper.is_enabled_show_dial_code_with_flag
    });

    iti.promise.then(function () {
      latepoint_init_phone_masking_from_placeholder($elem);
    });


    $elem.on(&quot;countrychange&quot;, function (event) {
      latepoint_init_phone_masking_from_placeholder(jQuery(this));
    });
  }
}

function latepoint_show_booking_end_time() {
  return (latepoint_helper.show_booking_end_time == &#039;yes&#039;);
}

function latepoint_set_cookie(name, value, days) {
  let date = new Date;
  date.setTime(date.getTime() + 24 * 60 * 60 * 1000 * days);
  document.cookie = name + &quot;=&quot; + value + &quot;;path=/;expires=&quot; + date.toGMTString();
}

function latepoint_get_cookie(name) {
  let cookie = document.cookie.match(&#039;(^|;) ?&#039; + name + &#039;=([^;]*)(;|$)&#039;);
  return cookie ? cookie[2] : null;
}

function latepoint_has_cookie(name) {
  return latepoint_get_cookie(name) !== null;
}

function latepoint_delete_cookie(name) {
  latepoint_set_cookie(name, &#039;&#039;, -1);
}

function latepoint_load_addons_info(){
  var $addons_info_wrapper = jQuery(&#039;.addons-info-holder&#039;);
  $addons_info_wrapper.addClass(&#039;os-loading&#039;);
  var route = $addons_info_wrapper.data(&#039;route&#039;);

  var data = { action: &#039;latepoint_route_call&#039;, route_name: route, params: &#039;&#039;, return_format: &#039;json&#039; }
  jQuery.ajax({ type : &quot;post&quot;, dataType : &quot;json&quot;, url : latepoint_timestamped_ajaxurl(), data : data,
    success: function(response){
      $addons_info_wrapper.removeClass(&#039;os-loading&#039;);
      if(response.status === &quot;success&quot;){
        if(response.message){
          $addons_info_wrapper.html(response.message);
        }else{
          $addons_info_wrapper.html(&#039;Something is wrong. Try refreshing the page.&#039;)
        }
      }else{
        alert(response.message, &#039;error&#039;);
      }
    }
  });
}


function latepoint_dismiss_message($elem){
  $elem.closest(&#039;.addon-message&#039;).slideUp(300);
  return false;
}

function latepoint_check_for_updates(){
  if(jQuery(&#039;.version-log-w&#039;).length){
    var $log_wrapper = jQuery(&#039;.version-log-w&#039;);
    $log_wrapper.addClass(&#039;os-loading&#039;);
    var route = $log_wrapper.data(&#039;route&#039;);

    var data = { action: &#039;latepoint_route_call&#039;, route_name: route, params: &#039;&#039;, return_format: &#039;json&#039; }
    jQuery.ajax({ type : &quot;post&quot;, dataType : &quot;json&quot;, url : latepoint_timestamped_ajaxurl(), data : data,
      success: function(response){
        $log_wrapper.removeClass(&#039;os-loading&#039;);
        if(response.status === &quot;success&quot;){
          $log_wrapper.html(response.message);
        }else{
          alert(response.message, &#039;error&#039;);
        }
      }
    });
  }
  if(jQuery(&#039;.version-status-info&#039;).length){

    var $version_info_wrapper = jQuery(&#039;.version-status-info&#039;);
    $version_info_wrapper.addClass(&#039;os-loading&#039;);
    var route = $version_info_wrapper.data(&#039;route&#039;);

    var data = { action: &#039;latepoint_route_call&#039;, route_name: route, params: &#039;&#039;, return_format: &#039;json&#039; }
    jQuery.ajax({ type : &quot;post&quot;, dataType : &quot;json&quot;, url : latepoint_timestamped_ajaxurl(), data : data,
      success: function(response){
        $version_info_wrapper.removeClass(&#039;os-loading&#039;);
        if(response.status === &quot;success&quot;){
          $version_info_wrapper.html(response.message);
        }else{
          alert(response.message, &#039;error&#039;);
        }
      }
    });
  }
  if(jQuery(&#039;.addons-info-holder&#039;).length){
    latepoint_load_addons_info();
  }
}


// DOCUMENT READY
jQuery(document).ready(function( $ ) {
  latepoint_check_for_updates();


  jQuery(&#039;body&#039;).on(&#039;click&#039;, &#039;.addon-category-filter-trigger&#039;, function(){
		jQuery(&#039;.addons-categories-wrapper .addon-category-filter-trigger.is-selected&#039;).removeClass(&#039;is-selected&#039;);
		if(jQuery(this).data(&#039;category&#039;)){
			let category = jQuery(this).data(&#039;category&#039;).toString();
			jQuery(&#039;.addon-box&#039;).addClass(&#039;hidden&#039;);
			jQuery(&#039;.addon-box&#039;).each(function(){
				if(jQuery(this).data(&#039;category&#039;).toString().split(&#039;,&#039;).includes(category)) jQuery(this).removeClass(&#039;hidden&#039;);
			})
		}else{
			jQuery(&#039;.addon-box&#039;).removeClass(&#039;hidden&#039;);
		}

		jQuery(this).addClass(&#039;is-selected&#039;);
    return false;
  })


  // Install addon button click
  jQuery(&#039;.addons-info-holder&#039;).on(&#039;click&#039;, &#039;.os-addon-action-btn&#039;, function(){
    var $install_btn = jQuery(this);
    $install_btn.addClass(&#039;os-loading&#039;);

    var data = { action: &#039;latepoint_route_call&#039;, route_name: $install_btn.data(&#039;route-name&#039;), params: { addon_name: $install_btn.data(&#039;addon-name&#039;), addon_path: $install_btn.data(&#039;addon-path&#039;) }, layout: &#039;none&#039;, return_format: &#039;json&#039;};
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(response){
        $install_btn.removeClass(&#039;os-loading&#039;);
        if(response.status === &quot;success&quot;){
          latepoint_add_notification(response.message);
          latepoint_load_addons_info();
        }else{
          if(response.code == &#039;404&#039;){
            latepoint_show_data_in_lightbox(response.message);
          }else{
            alert(response.message);
          }
        }
      }
    });
    return false;
  });
});

/*
 * Copyright (c) 2022 LatePoint LLC. All rights reserved.
 */

function latepoint_init_version5_intro(){
  if(jQuery(&#039;.improvement-install-pro&#039;).length){
    let $install_btn = jQuery(&#039;.improvement-install-pro&#039;);
    var data = {
      action: latepoint_helper.route_action,
      route_name: $install_btn.data(&#039;route-name&#039;),
      params: {},
      return_format: &#039;json&#039;
    }
    jQuery.ajax({
    type : &quot;post&quot;,
    dataType : &quot;json&quot;,
    url : latepoint_timestamped_ajaxurl(),
    data : data,
    success: function(response){
      $install_btn.removeClass(&#039;os-loading&#039;);
      if(response.status == &#039;success&#039;){
        $install_btn.addClass(&#039;is-installed&#039;).find(&#039;span&#039;).html(response.message);
      }else{
        $install_btn.addClass(&#039;is-not-installed&#039;).find(&#039;span&#039;).html(response.message);
      }
    }
  });
  }
}


function latepoint_settings_customer_authentication_method_changed($select){
    if($select.val() === &#039;password_or_otp&#039;){
      jQuery(&#039;#authDefaultMethod&#039;).show();
    }else{
      jQuery(&#039;#authDefaultMethod&#039;).hide();
    }
}

function latepoint_settings_customer_authentication_field_type_changed($select){
    if($select.val() === &#039;disabled&#039;){
      jQuery(&#039;#passwordFields, #customerStepSettings&#039;).hide();
    }else{
      jQuery(&#039;#passwordFields, #customerStepSettings&#039;).show();
    }
    if($select.val() === &#039;email_or_phone&#039;){
      jQuery(&#039;#authDefaultContactType&#039;).show();
    }else{
      jQuery(&#039;#authDefaultContactType&#039;).hide();
    }
}

function latepoint_init_sticky_side_nav(){
  jQuery(&#039;.latepoint-page-side-nav a&#039;).on(&#039;click&#039;, function(e) {
    e.preventDefault();
    let target = jQuery(this).attr(&#039;href&#039;);
    let targetOffset = jQuery(target).offset().top - 20;

    jQuery(&#039;html, body&#039;).animate({
        scrollTop: targetOffset
    }, 400, &#039;swing&#039;);
  });
  if(jQuery(&#039;.latepoint-page-side-nav&#039;).length){
    jQuery(window).on(&#039;scroll&#039;, function() {
        let scrollPos = jQuery(window).scrollTop() + 100; // 100px offset for better UX

        jQuery(&#039;.section-anchor&#039;).each(function() {
            let sectionTop = jQuery(this).offset().top;
            let sectionBottom = sectionTop + jQuery(this).outerHeight();
            let sectionId = jQuery(this).attr(&#039;id&#039;);

            // Check if current scroll position is within this section
            if (scrollPos &gt;= sectionTop &amp;&amp; scrollPos &lt; sectionBottom) {
                // Remove active class from all menu items
                jQuery(&#039;.latepoint-page-side-nav a&#039;).removeClass(&#039;is-active&#039;);

                // Add active class to current section&#039;s menu item
                jQuery(&#039;.latepoint-page-side-nav a[href=&quot;#&#039; + sectionId + &#039;&quot;]&#039;).addClass(&#039;is-active&#039;);
            }
        });
    });
  }
}

function latepoint_init_instant_booking_settings(){

  jQuery(&#039;.instant-copy-url&#039;).on(&#039;click&#039;, function(e){
    e.preventDefault();
    let $this = jQuery(this);
    jQuery(&#039;body&#039;).find(&#039;.os-click-to-copy-prompt&#039;).hide();
    let text_to_copy = jQuery(&#039;.instant-visit-url&#039;).prop(&#039;href&#039;);
    navigator.clipboard.writeText(text_to_copy);

    let position_info = $this.offset();
    let position_left = position_info.left;
    let position_top = position_info.top;

    let $done_prompt = jQuery(&#039;&lt;div class=&quot;os-click-to-copy-done color-dark&quot; style=&quot;top: &#039;+position_top+&#039;px; left: &#039;+position_left+&#039;px;&quot;&gt;&#039; + latepoint_helper.click_to_copy_done + &#039;&lt;/div&gt;&#039;);
    $done_prompt.appendTo(jQuery(&#039;body&#039;)).animate({
      opacity: 0,
      left: (position_left + 20),
    }, 600);
    setTimeout(function(){
      jQuery(&#039;body&#039;).find(&#039;.os-click-to-copy-done&#039;).remove();
      jQuery(&#039;body&#039;).find(&#039;.os-click-to-copy-prompt&#039;).show();
    }, 800);
  });

  jQuery(&#039;.instant-booking-preview-settings-content&#039;).find(&#039;select, input&#039;).on(&#039;change&#039;, function(){
    latepoint_build_url_for_instant_booking_page();
  })
  jQuery(&#039;.preview-background-option&#039;).on(&#039;click&#039;, function(e){
    jQuery(&#039;.preview-background-option&#039;).removeClass(&#039;selected&#039;);
    jQuery(this).addClass(&#039;selected&#039;);
    jQuery(&#039;input[name=&quot;instant_booking[background_pattern]&quot;]&#039;).val(jQuery(this).data(&#039;pattern-key&#039;)).trigger(&#039;change&#039;);
  });

  jQuery(&#039;.latepoint-instant-preview-close-trigger&#039;).on(&#039;click&#039;, function(e){
    jQuery(&#039;.latepoint-full-panel-w&#039;).remove();
    return false;
  });

}

async function latepoint_build_url_for_instant_booking_page(){
  let data = {
      action: &#039;latepoint_route_call&#039;,
      route_name: jQuery(&#039;.instant-booking-preview-settings-content&#039;).data(&#039;route-name&#039;),
      params: jQuery(&#039;.instant-booking-preview-settings-content&#039;).find(&#039;select, input&#039;).serialize(),
      layout: &#039;none&#039;,
      return_format: &#039;json&#039;
  }
  try {
      let response = await jQuery.ajax({
          type: &quot;post&quot;,
          dataType: &quot;json&quot;,
          url: latepoint_timestamped_ajaxurl(),
          data: data
      });
      if (response.status == &#039;success&#039;) {
        jQuery(&#039;.instant-booking-settings-iframe-wrapper&#039;).html(&#039;&lt;iframe class=&quot;instant-preview-iframe&quot; src=&quot;&#039; + response.message + &#039;&quot;/&gt;&#039;);
        jQuery(&#039;.instant-visit-url&#039;).attr(&#039;href&#039;, response.message);
      } else {
          throw new Error(&#039;Error: &#039; + response.message);
      }
  } catch (e) {
      throw e;
  }
}

function latepoint_build_and_save_step_order(){
  var $steps_wrapper = jQuery(&#039;.os-ordered-steps&#039;);
  let steps_in_order = [];
  $steps_wrapper.find(&#039;.os-ordered-step&#039;).each(function(index){
    if(jQuery(this).find(&#039;.os-ordered-step-children&#039;).length){
      jQuery(this).find(&#039;.os-ordered-step-child&#039;).each(function(){
        steps_in_order.push(jQuery(this).data(&#039;step-code&#039;));
      });
    }else{
      steps_in_order.push(jQuery(this).data(&#039;step-code&#039;));
    }
  });
  var data = { action: latepoint_helper.route_action, route_name: $steps_wrapper.data(&#039;route-name&#039;), params: {steps_order: steps_in_order.join(&#039;,&#039;)}, return_format: &#039;json&#039; }
  jQuery(&#039;.latepoint-lightbox-heading&#039;).addClass(&#039;os-loading&#039;);
  jQuery.ajax({
    type : &quot;post&quot;,
    dataType : &quot;json&quot;,
    url : latepoint_timestamped_ajaxurl(),
    data : data,
    success: function(response){
      jQuery(&#039;.latepoint-lightbox-heading&#039;).removeClass(&#039;os-loading&#039;);
      latepoint_add_lightbox_notification(response.message, response.status);
    }
  });
}

function latepoint_init_step_reordering(){
  jQuery(&#039;.os-ordered-step-expand&#039;).on(&#039;click&#039;, function(){
    jQuery(this).closest(&#039;.os-ordered-step&#039;).toggleClass(&#039;is-expanded&#039;);
    return false;
  });


  // Steps Order Dragging
  dragula([jQuery(&#039;.os-ordered-steps&#039;)[0]], {
    moves: function (el, container, handle) {
      return handle.classList.contains(&#039;os-ordered-step-drag-handle&#039;);
    },
  }).on(&#039;drop&#039;, function(el){
    latepoint_build_and_save_step_order();
  });

  jQuery(&#039;.os-ordered-step-children&#039;).each(function(){
    let step_holder = jQuery(this)
    // Child steps Order Dragging
    dragula([step_holder[0]], {
      moves: function (el, container, handle) {
        return handle.classList.contains(&#039;os-ordered-step-child-drag-handle&#039;);
      },
    }).on(&#039;drop&#039;, function(el){
      latepoint_build_and_save_step_order();
    });
  });
}


function latepoint_init_json_view($pre_element = false){
  if(!$pre_element){
    // if pre is not provided -search for all unitialised ones
    $pre_element = jQuery(&#039;pre.format-json:not(.json-document)&#039;);
  }
  if($pre_element.length){
    $pre_element.each(function(){
      let json_data = JSON.parse(jQuery(this).html());
      jQuery(this).jsonViewer(json_data);
    });
  }
}

function latepoint_init_accordions(){
  jQuery(&#039;.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.os-accordion-title&#039;, function(){
    jQuery(this).closest(&#039;.os-accordion-wrapper&#039;).toggleClass(&#039;is-open&#039;);
    return false;
  });
}


function latepoint_init_sticky_side_menu(){
  jQuery(&#039;.os-sticky-side-menu a&#039;).on(&#039;click&#039;, function(){
    jQuery(&#039;.os-sticky-side-menu li.os-active&#039;).removeClass(&#039;os-active&#039;);
    jQuery(this).closest(&#039;li&#039;).addClass(&#039;os-active&#039;);
    let section_anchor = jQuery(this).data(&#039;section-anchor&#039;);
    let position = jQuery(&#039;.section-anchor#&#039;+section_anchor).offset();
    jQuery(&#039;html&#039;).animate({ scrollTop: position.top }, 300);
    return false;
  });
}

function latepoint_init_template_library(){
  jQuery(&#039;.os-templates-wrapper .template-type-selector&#039;).on(&#039;click&#039;, function(){
    jQuery(this).toggleClass(&#039;is-selected&#039;);
    let user_type = jQuery(this).data(&#039;user-type&#039;);
    jQuery(&#039;.os-template-items[data-user-type=&quot;&#039;+user_type+&#039;&quot;]&#039;).toggleClass(&#039;hidden&#039;);
    return false;
  });

  jQuery(&#039;.os-templates-wrapper .os-template-item&#039;).on(&#039;click&#039;, function(){
    let $this = jQuery(this);
    $this.closest(&#039;.os-templates-list&#039;).find(&#039;.os-template-item.selected&#039;).removeClass(&#039;selected&#039;);
    $this.addClass(&#039;selected&#039;);
    let templateId = $this.data(&#039;id&#039;);
    jQuery(&#039;.os-template-preview&#039;).hide();
    jQuery(&#039;.os-template-preview[data-id=&quot;&#039;+ templateId+&#039;&quot;]&#039;).show();
    jQuery(&#039;.os-no-template-selected-message&#039;).hide();
    jQuery(&#039;.os-template-use-button-wrapper&#039;).removeClass(&#039;hidden&#039;);
    return false;
  });

  jQuery(&#039;.latepoint-select-template-btn&#039;).on(&#039;click&#039;, function(){
    let $btn = jQuery(this);
    let route_name = $btn.data(&#039;route&#039;);
    let action_id = $btn.data(&#039;action-id&#039;);
    let process_id = $btn.data(&#039;process-id&#039;);
    let action_type = $btn.data(&#039;action-type&#039;);
    $btn.addClass(&#039;os-loading&#039;);

    let data = {  action: latepoint_helper.route_action,
                  route_name: route_name,
                  params: {
                    template_id: jQuery(&#039;.os-template-item.selected&#039;).data(&#039;id&#039;),
                    action_id: action_id,
                    process_id: process_id,
                    action_type: action_type
                  },
                  return_format: &#039;json&#039; }
    jQuery.ajax({
      type: &#039;post&#039;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: (response) =&gt; {
        $btn.removeClass(&#039;os-loading&#039;);
        if(response.status === latepoint_helper.response_status.success){
          let $action_form = jQuery(&#039;.process-action-form[data-id=&quot;&#039;+action_id+&#039;&quot;]&#039;);
          $action_form.find(&#039;.process-action-settings&#039;).html(response.message);
          latepoint_init_process_action_form($action_form);
          latepoint_close_side_panel();
        }else{
          alert(&quot;Error!&quot;);
        }
      }
    });

    return false;
  });
}

function latepoint_init_default_form_fields_settings(){

  if(jQuery(&#039;.os-default-fields&#039;).length){
    jQuery(&#039;.os-default-field input[type=&quot;checkbox&quot;], .os-default-field select&#039;).on(&#039;change&#039;, (event) =&gt; {
      latepoint_update_default_form_fields_settings();
    });

    jQuery(&#039;.os-default-field .os-toggler&#039;).on(&#039;ostoggler:toggle&#039;, (event) =&gt; {
      if(jQuery(event.currentTarget).hasClass(&#039;off&#039;)){
        jQuery(event.currentTarget).closest(&#039;.os-default-field&#039;).addClass(&#039;is-disabled&#039;);
      }else{
        jQuery(event.currentTarget).closest(&#039;.os-default-field&#039;).removeClass(&#039;is-disabled&#039;);
      }
      latepoint_update_default_form_fields_settings();
    });
  }
}

function latepoint_update_default_form_fields_settings(){
  var $wrapper = jQuery(&#039;.os-default-fields&#039;);

  var form_data = new FormData($wrapper.find(&#039;form&#039;)[0]);
  var data = {  action: latepoint_helper.route_action,
    route_name: $wrapper.data(&#039;route&#039;),
    params: latepoint_formdata_to_url_encoded_string(form_data),
    return_format: &#039;json&#039; }

  jQuery.ajax({
    type : &quot;post&quot;,
    dataType : &quot;json&quot;,
    url : latepoint_timestamped_ajaxurl(),
    data : data,
    success: (response) =&gt; {
      latepoint_add_notification(response.message);
    }
  });
}

function latepoint_init_side_menu(){
  jQuery(&#039;.menu-toggler&#039;).on(&#039;click&#039;, function(){
    var layout_style = &#039;full&#039;;
    if(jQuery(&#039;.latepoint-side-menu-w&#039;).hasClass(&#039;side-menu-full&#039;)){
      layout_style = &#039;compact&#039;;
      jQuery(&#039;.latepoint-side-menu-w&#039;).addClass(&#039;side-menu-compact&#039;).removeClass(&#039;side-menu-full&#039;);
    }else{
      jQuery(&#039;.latepoint-side-menu-w&#039;).addClass(&#039;side-menu-full&#039;).removeClass(&#039;side-menu-compact&#039;);
    }
    var route_name = jQuery(this).data(&#039;route&#039;);
    var data = { action: latepoint_helper.route_action, route_name: route_name, params: { menu_layout_style: layout_style }, layout: &#039;none&#039;, return_format: &#039;json&#039; }
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(data){
      }
    });
    return false;
  });
}

function latepoint_init_grouped_bookings_form(){

}

function latepoint_quick_order_customer_cleared(){
  latepoint_init_input_masks(jQuery(&#039;.quick-order-form-w .customer-quick-edit-form-w&#039;));
}

function latepoint_quick_order_customer_selected(){
  latepoint_init_input_masks(jQuery(&#039;.quick-order-form-w .customer-quick-edit-form-w&#039;));
  jQuery(&#039;.customer-info-w&#039;).removeClass(&#039;selecting&#039;).addClass(&#039;selected&#039;);
}

function latepoint_custom_day_removed($elem){
  $elem.closest(&#039;.custom-day-work-period&#039;).fadeOut(300, function(){ jQuery(this).remove()});
}


function latepoint_count_active_connections($connection_wrapper){
  var connected_services_count = $connection_wrapper.find(&#039;.connection-children-list li.active&#039;).length;
  var all_services_count = $connection_wrapper.find(&#039;.connection-children-list li&#039;).length;
  if(connected_services_count == all_services_count){
    connected_services_count = jQuery(&#039;.selected-connections&#039;).data(&#039;all-text&#039;);
    jQuery(&#039;.selected-connections&#039;).removeClass(&#039;not-all-selected&#039;);
  }else{
    connected_services_count = connected_services_count + &#039;/&#039; + all_services_count;
    jQuery(&#039;.selected-connections&#039;).addClass(&#039;not-all-selected&#039;);
    $connection_wrapper.closest(&#039;.white-box&#039;).find(&#039;.os-select-all-toggler&#039;).prop(&#039;checked&#039;, false);
  }
  $connection_wrapper.find(&#039;.selected-connections strong&#039;).text(connected_services_count);
}

function latepoint_custom_field_removed($elem){
  $elem.closest(&#039;.os-form-block&#039;).remove();
}

function latepoint_coupon_removed($elem){
  $elem.closest(&#039;.os-coupon-form&#039;).remove();
}

function latepoint_reminder_removed($elem){
  $elem.closest(&#039;.os-reminder-form&#039;).remove();
}

function latepoint_init_form_blocks(){
  jQuery(&#039;.latepoint-content-w&#039;).on(&#039;click&#039;, &#039;.os-form-block-header&#039;, function(){
    jQuery(this).closest(&#039;.os-form-block&#039;).toggleClass(&#039;os-is-editing&#039;);
    return false;
  });
  jQuery(&#039;.latepoint-content-w&#039;).on(&#039;keyup&#039;, &#039;.os-form-block-name-input&#039;, function(){
    jQuery(this).closest(&#039;.os-form-block&#039;).find(&#039;.os-form-block-name&#039;).text(jQuery(this).val());
  });
}


function latepoint_init_coupons_form(){
  jQuery(&#039;.latepoint-content-w&#039;).on(&#039;click&#039;, &#039;.os-coupon-form-info&#039;, function(){
    jQuery(this).closest(&#039;.os-coupon-form&#039;).toggleClass(&#039;os-is-editing&#039;);
    return false;
  });
  jQuery(&#039;.latepoint-content-w&#039;).on(&#039;change&#039;, &#039;select.os-coupon-medium-select&#039;, function(){
    if(jQuery(this).val() == &#039;email&#039;){
      jQuery(this).closest(&#039;.os-coupon-form&#039;).find(&#039;.os-coupon-email-subject&#039;).show();
    }else{
      jQuery(this).closest(&#039;.os-coupon-form&#039;).find(&#039;.os-coupon-email-subject&#039;).hide();
    }
  });
  jQuery(&#039;.latepoint-content-w&#039;).on(&#039;keyup&#039;, &#039;.os-coupon-name-input&#039;, function(){
    jQuery(this).closest(&#039;.os-coupon-form&#039;).find(&#039;.os-coupon-name&#039;).text(jQuery(this).val());
  });
  jQuery(&#039;.latepoint-content-w&#039;).on(&#039;keyup&#039;, &#039;.os-coupon-code-input&#039;, function(){
    jQuery(this).closest(&#039;.os-coupon-form&#039;).find(&#039;.os-coupon-code&#039;).text(jQuery(this).val());
  });
}

function latepoint_init_reminders_form(){
  jQuery(&#039;.latepoint-content-w&#039;).on(&#039;click&#039;, &#039;.os-reminder-form-info&#039;, function(){
    jQuery(this).closest(&#039;.os-reminder-form&#039;).toggleClass(&#039;os-is-editing&#039;);
    return false;
  });
  jQuery(&#039;.latepoint-content-w&#039;).on(&#039;change&#039;, &#039;select.os-reminder-medium-select&#039;, function(){
    if(jQuery(this).val() == &#039;email&#039;){
      jQuery(this).closest(&#039;.os-reminder-form&#039;).find(&#039;.os-reminder-email-subject&#039;).show();
    }else{
      jQuery(this).closest(&#039;.os-reminder-form&#039;).find(&#039;.os-reminder-email-subject&#039;).hide();
    }
  });
  jQuery(&#039;.latepoint-content-w&#039;).on(&#039;keyup&#039;, &#039;.os-reminder-name-input&#039;, function(){
    jQuery(this).closest(&#039;.os-reminder-form&#039;).find(&#039;.os-reminder-name&#039;).text(jQuery(this).val());
  });
}

function latepoint_custom_field_saved($elem){
}

function latepoint_init_custom_day_schedule(){
  latepoint_init_input_masks(jQuery(&#039;.latepoint-lightbox-w .custom-day-schedule-w&#039;));

  jQuery(&#039;.period-type-selector&#039;).on(&#039;change&#039;, function(){
    jQuery(this).closest(&#039;.custom-day-calendar&#039;).attr(&#039;data-period-type&#039;, jQuery(this).val());
    jQuery(&#039;.custom-day-calendar&#039;).attr(&#039;data-picking&#039;, &#039;start&#039;).data(&#039;picking&#039;, &#039;start&#039;);
    if(jQuery(this).val() == &#039;range&#039;){
      jQuery(&#039;.custom-day-calendar-head .calendar-heading&#039;).text(jQuery(&#039;.custom-day-calendar-head .calendar-heading&#039;).data(&#039;label-start&#039;));
      jQuery(&#039;.custom-day-calendar #start_custom_date&#039;).trigger(&#039;focus&#039;);
    }else{
      jQuery(&#039;.custom-day-calendar .os-day.selected&#039;).removeClass(&#039;selected&#039;);
      jQuery(&#039;.latepoint-lightbox-footer&#039;).hide();
      jQuery(&#039;.custom-day-calendar-head .calendar-heading&#039;).text(jQuery(&#039;.custom-day-calendar-head .calendar-heading&#039;).data(&#039;label-single&#039;));
    }
  });


  jQuery(&#039;#custom_day_calendar_month, #custom_day_calendar_year&#039;).on(&#039;change&#039;, function(){
    var $calendar = jQuery(&#039;.custom-day-calendar-month&#039;);
    var route_name = $calendar.data(&#039;route&#039;);
    $calendar.addClass(&#039;os-loading&#039;);
    var target_date_string = jQuery(&#039;#custom_day_calendar_year&#039;).val() + &#039;-&#039; + jQuery(&#039;#custom_day_calendar_month&#039;).val() + &#039;-01&#039;;
    var data = { action: latepoint_helper.route_action, route_name: route_name, params: { target_date_string: target_date_string }, layout: &#039;none&#039;, return_format: &#039;json&#039; }
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(data){
        $calendar.removeClass(&#039;os-loading&#039;);
        if(data.status === &quot;success&quot;){
          $calendar.html(data.message);
        }else{
          // console.log(data.message);
        }
      }
    });
  });


  jQuery(&#039;.custom-day-calendar&#039;).on(&#039;focus&#039;, &#039;#start_custom_date&#039;, function(){
    jQuery(&#039;.custom-day-calendar-head .calendar-heading&#039;).text(jQuery(&#039;.custom-day-calendar-head .calendar-heading&#039;).data(&#039;label-start&#039;));
    jQuery(&#039;.custom-day-calendar&#039;).attr(&#039;data-picking&#039;, &#039;start&#039;).data(&#039;picking&#039;, &#039;start&#039;);
  });

  jQuery(&#039;.custom-day-calendar&#039;).on(&#039;focus&#039;, &#039;#end_custom_date&#039;, function(){
    jQuery(&#039;.custom-day-calendar-head .calendar-heading&#039;).text(jQuery(&#039;.custom-day-calendar-head .calendar-heading&#039;).data(&#039;label-end&#039;));
    jQuery(&#039;.custom-day-calendar&#039;).attr(&#039;data-picking&#039;, &#039;end&#039;).data(&#039;picking&#039;, &#039;end&#039;);
  });

  jQuery(&#039;.custom-day-calendar&#039;).on(&#039;click&#039;, &#039;.os-day&#039;, function(){
    var $this = jQuery(this);
    $this.closest(&#039;.custom-day-calendar&#039;).find(&#039;.os-day.selected&#039;).removeClass(&#039;selected&#039;);
    $this.addClass(&#039;selected&#039;);

    if(jQuery(&#039;.custom-day-calendar&#039;).data(&#039;picking&#039;) == &#039;start&#039;){
      jQuery(&#039;.custom-day-settings-w #start_custom_date&#039;).val($this.data(&#039;date&#039;)).trigger(&#039;keyup&#039;);
      if(jQuery(&#039;.period-type-selector&#039;).val() == &#039;range&#039;){
        jQuery(&#039;.custom-day-calendar #end_custom_date&#039;).trigger(&#039;focus&#039;);
        if(!jQuery(&#039;.custom-day-calendar #end_custom_date&#039;).val()) return false;
      }
    }else{
      jQuery(&#039;.custom-day-settings-w #end_custom_date&#039;).val($this.data(&#039;date&#039;)).trigger(&#039;keyup&#039;);
    }
    jQuery(&#039;.latepoint-lightbox-footer&#039;).slideDown(200);
    if(jQuery(&#039;.custom-day-calendar&#039;).data(&#039;show-schedule&#039;) == &#039;yes&#039;) jQuery(&#039;.latepoint-lightbox-w&#039;).removeClass(&#039;hide-schedule&#039;);
    return false;
  });
}

function latepoint_init_updates_page(){

}

function latepoint_calendar_set_month_label(){
  jQuery(&#039;.os-current-month-label .current-month&#039;).text(jQuery(&#039;.os-monthly-calendar-days-w.active&#039;).data(&#039;calendar-month-label&#039;));
  jQuery(&#039;.os-current-month-label .current-year&#039;).text(jQuery(&#039;.os-monthly-calendar-days-w.active&#039;).data(&#039;calendar-year&#039;));
}


function latepoint_init_element_togglers(){
  jQuery(&#039;[data-toggle-element]&#039;).on(&#039;click&#039;, function(){
    var $this = jQuery(this);
    $this.closest(&#039;.os-form-checkbox-group&#039;).toggleClass(&#039;is-checked&#039;);
    jQuery($this.data(&#039;toggle-element&#039;)).toggle();
  });
}


function latepoint_init_color_picker(){
  if(jQuery(&#039;.latepoint-color-picker&#039;).length){
    jQuery(&#039;.latepoint-color-picker&#039;).each(function(){
      var color = jQuery(this).data(&#039;color&#039;);
      var picker = jQuery(this)[0];
      var $picker_wrapper = jQuery(this).closest(&#039;.latepoint-color-picker-w&#039;);
      Pickr.create({
        el: picker,
        default: color,
        comparison: false,
        useAsButton: true,
        components: {

            // Main components
            preview: false,
            opacity: false,
            hue: true,

            // Input / output Options
            interaction: {
                input: false,
                clear: false,
                save: true
            }
        },
        onChange(hsva, instance) {
          $picker_wrapper.find(&#039;.os-form-control&#039;).val(hsva.toHEX().toString());
        },
      });
    });
  }
}


function latepoint_lightbox_close(){
  jQuery(&#039;body&#039;).removeClass(&#039;latepoint-lightbox-active&#039;);
  jQuery(&#039;.latepoint-lightbox-w&#039;).remove();
}

function latepoint_reload_select_service_categories(){
  jQuery(&#039;.service-selector-adder-field-w&#039;).each(function(){
    var $trigger_elem = jQuery(this);
    var route = jQuery(&#039;.service-selector-adder-field-w&#039;).find(&#039;select&#039;).data(&#039;select-source&#039;);
    var data = { action: latepoint_helper.route_action, route_name: route, params: &#039;&#039;, return_format: &#039;json&#039; }
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(response){
        $trigger_elem.removeClass(&#039;os-loading&#039;);
        if(response.status === &quot;success&quot;){
          latepoint_lightbox_close();
          $trigger_elem.find(&#039;select&#039;).html(response.message);
          $trigger_elem.find(&#039;select option:last&#039;).attr(&#039;selected&#039;, &#039;selected&#039;);
        }else{
          alert(response.message, &#039;error&#039;);
        }
      }
    });
  });
}

function latepoint_wizard_item_editing_cancelled(response){
  jQuery(&#039;.os-wizard-setup-w&#039;).removeClass(&#039;is-sub-editing&#039;);
  jQuery(&#039;.os-wizard-footer&#039;).show();
  jQuery(&#039;.os-wizard-footer .os-wizard-next-btn&#039;).show();
  if(response.show_prev_btn){
    jQuery(&#039;.os-wizard-footer .os-wizard-prev-btn&#039;).show();
  }
}


function latepoint_reload_week_view_calendar(start_date = false){
  var service_id = (jQuery(&#039;.cc-availability-toggler #overlay_service_availability&#039;).val() == &#039;on&#039;) ? jQuery(&#039;.calendar-service-selector&#039;).val() : false;
  var agent_id = jQuery(&#039;.calendar-agent-selector&#039;).val();
  var location_id = jQuery(&#039;.calendar-location-selector&#039;).val();
  var calendar_start_date = (start_date) ? start_date : jQuery(&#039;.calendar-start-date&#039;).val();
  latepoint_load_calendar(calendar_start_date, agent_id, location_id, service_id);
}

function latepoint_init_work_period_form(){
  latepoint_mask_timefield(jQuery(&#039;.os-time-input-w .os-mask-time&#039;));
}

function latepoint_close_side_panel(){
  latepoint_close_quick_availability_form();
  jQuery(&#039;.latepoint-side-panel-w&#039;).remove();
}

function reload_process_jobs_table(){
  if(jQuery(&#039;table.os-reload-on-booking-update&#039;).length) latepoint_filter_table(jQuery(&#039;table.os-reload-on-booking-update&#039;), jQuery(&#039;table.os-reload-on-booking-update&#039;));
}


function latepoint_transaction_removed($trigger){
  $trigger.closest(&#039;.quick-add-transaction-box-w&#039;).remove();
  latepoint_reload_balance_and_payments();
}

function latepoint_reload_widget($widget_elem){
  var form_data = $widget_elem.find(&#039;select, input&#039;).serialize();
  var data = { action: latepoint_helper.route_action, route_name: $widget_elem.data(&#039;os-reload-action&#039;), params: form_data, return_format: &#039;json&#039; }
  $widget_elem.addClass(&#039;os-loading&#039;);
  jQuery.ajax({
    type : &quot;post&quot;,
    dataType : &quot;json&quot;,
    url : latepoint_timestamped_ajaxurl(),
    data : data,
    success: function(response){
      $widget_elem.removeClass(&#039;os-loading&#039;);
      if(response.status === &quot;success&quot;){
        var $updated_widget_elem = jQuery(response.message);
        $updated_widget_elem.removeClass(&#039;os-widget-animated&#039;);
        $widget_elem = $widget_elem.replaceWith($updated_widget_elem);
        latepoint_init_daterangepicker($updated_widget_elem.find(&#039;.os-date-range-picker&#039;));
        if($widget_elem.hasClass(&#039;os-widget-top-agents&#039;)) latepoint_init_circles_charts();
        if($widget_elem.hasClass(&#039;os-widget-daily-bookings&#039;)){
          latepoint_init_daily_bookings_chart();
          latepoint_init_donut_charts();
        }
      }else{
        alert(response.message);
      }
    }
  });
}

function latepoint_load_calendar(target_date, agent_id, location_id = false, service_id = false){
  var route_name = jQuery(&#039;.calendar-week-agent-w&#039;).data(&#039;calendar-action&#039;);
  jQuery(&#039;.calendar-week-agent-w&#039;).addClass(&#039;os-loading&#039;);
  var params_arr = {target_date: target_date, agent_id: agent_id};
  if(location_id) params_arr.location_id = location_id;
  if(service_id) params_arr.service_id = service_id;
  var data = { action: latepoint_helper.route_action, route_name: route_name, params: jQuery.param(params_arr), return_format: &#039;json&#039; }
  jQuery.ajax({
    type : &quot;post&quot;,
    dataType : &quot;json&quot;,
    url : latepoint_timestamped_ajaxurl(),
    data : data,
    success: function(response){
      if(response.status === &quot;success&quot;){
        jQuery(&#039;.calendar-week-agent-w&#039;).html(response.message).removeClass(&#039;os-loading&#039;);
        jQuery(&#039;.calendar-load-target-date.os-loading&#039;).removeClass(&#039;os-loading&#039;);
      }else{
        alert(response.message);
      }
    }
  });
}

function latepoint_init_quick_transaction_form(){
  latepoint_mask_money(jQuery(&#039;.quick-add-transaction-box-w .os-mask-money&#039;));
}

function latepoint_reload_price_breakdown(){
  var $trigger =  jQuery(&#039;.reload-price-breakdown&#039;);
  $trigger.addClass(&#039;os-loading&#039;);
  var $quick_edit_form = $trigger.closest(&#039;form.order-quick-edit-form&#039;);
  var form_data = new FormData($quick_edit_form[0]);
  var route = $trigger.data(&#039;route&#039;);

  var data = { action: latepoint_helper.route_action, route_name: route, params: latepoint_formdata_to_url_encoded_string(form_data), return_format: &#039;json&#039; }
  jQuery.ajax({
    type : &quot;post&quot;,
    dataType : &quot;json&quot;,
    url : latepoint_timestamped_ajaxurl(),
    data : data,
    success: function(response){
      $trigger.removeClass(&#039;os-loading&#039;);
      if(response.status === &quot;success&quot;){
        jQuery(&#039;.price-breakdown-wrapper&#039;).html(response.message);
        latepoint_mask_money(jQuery(&#039;.price-breakdown-wrapper .os-mask-money&#039;));
        latepoint_reload_balance_and_payments();
      }else{
        alert(response.message);
      }
    }
  });
}

function latepoint_complex_selector_select($connection_wrappers, qty = 1){
  $connection_wrappers.each(function(){
    jQuery(this).addClass(&#039;active&#039;);
    jQuery(this).find(&#039;.connection-children-list li&#039;).addClass(&#039;active&#039;);
    jQuery(this).find(&#039;.connection-child-is-connected&#039;).val(&#039;yes&#039;);
    jQuery(this).find(&#039;.item-quantity-selector-input&#039;).val(qty);
    latepoint_count_active_connections(jQuery(this));
  });
}

function latepoint_complex_selector_deselect($connection_wrappers){
  $connection_wrappers.each(function(){
    jQuery(this).removeClass(&#039;active&#039;);
    jQuery(this).removeClass(&#039;show-customize-box&#039;);
    jQuery(this).find(&#039;.connection-children-list li.active&#039;).removeClass(&#039;active&#039;);
    jQuery(this).find(&#039;.connection-child-is-connected&#039;).val(&#039;no&#039;);
    jQuery(this).find(&#039;.item-quantity-selector-input&#039;).val(0);
    latepoint_count_active_connections(jQuery(this));
  });
}


function latepoint_is_next_day($form){
  let field_base_name = &#039;order_items[&#039; + $form.data(&#039;order-item-id&#039;) +&#039;][bookings][&#039; + $form.data(&#039;booking-id&#039;) +&#039;]&#039;;

  var start_time = $form.find(&#039;input[name=&quot;&#039; + field_base_name + &#039;[start_time][formatted_value]&quot;]&#039;).val();
  var start_time_ampm = $form.find(&#039;input[name=&quot;&#039; + field_base_name + &#039;[start_time][ampm]&quot;]&#039;).val();
  var start_time_minutes = latepoint_hours_and_minutes_to_minutes(start_time, start_time_ampm);
  var end_time = $form.find(&#039;input[name=&quot;&#039; + field_base_name + &#039;[end_time][formatted_value]&quot;]&#039;).val();
  var end_time_ampm = $form.find(&#039;input[name=&quot;&#039; + field_base_name + &#039;[end_time][ampm]&quot;]&#039;).val();
  var end_time_minutes = latepoint_hours_and_minutes_to_minutes(end_time, end_time_ampm);

  if(end_time_minutes &amp;&amp; (end_time_minutes &lt;= start_time_minutes)){
    $form.find(&#039;.quick-end-time-w&#039;).addClass(&#039;ending-next-day&#039;);
  }else{
    $form.find(&#039;.quick-end-time-w&#039;).removeClass(&#039;ending-next-day&#039;);
  }
}

function latepoint_set_booking_end_time($booking_data_form){
  var booking_duration = 0;
  var service_duration = Number($booking_data_form.find(&#039;.os-service-durations select&#039;).val());

  let field_base_name = &#039;order_items[&#039; + $booking_data_form.data(&#039;order-item-id&#039;) +&#039;][bookings][&#039; + $booking_data_form.data(&#039;booking-id&#039;) +&#039;]&#039;;

  booking_duration = booking_duration + service_duration;
  if($booking_data_form.find(&#039;select[name=&quot;temp_service_extras_ids&quot;] option:selected&#039;).length){
    $booking_data_form.find(&#039;select[name=&quot;temp_service_extras_ids&quot;] option:selected&#039;).each(function(){
      var extra_duration = Number(jQuery(this).data(&#039;duration&#039;));
      var $extra_quantity_input = jQuery(this).closest(&#039;.lateselect-w&#039;).find(&#039;.ls-item[data-value=&quot;&#039; + jQuery(this).val() + &#039;&quot;]&#039;).find(&#039;.os-late-quantity-selector-input&#039;);
      if($extra_quantity_input.length) extra_duration = Number(extra_duration) * Number($extra_quantity_input.val());
      booking_duration = Number(booking_duration) + Number(extra_duration);
    });
  }

  var start_time = $booking_data_form.find(&#039;input[name=&quot;&#039;+field_base_name+&#039;[start_time][formatted_value]&quot;]&#039;).val();

  if(start_time){
    var start_time_ampm = $booking_data_form.find(&#039;input[name=&quot;&#039;+field_base_name+&#039;[start_time][ampm]&quot;]&#039;).val();
    var start_time_minutes = latepoint_hours_and_minutes_to_minutes(start_time, start_time_ampm);
    var end_time_minutes = parseInt(start_time_minutes) + parseInt(booking_duration);
    if(end_time_minutes &gt;= (24 * 60)) end_time_minutes = (end_time_minutes - 24 * 60);
    var end_time_ampm = (end_time_minutes &gt;= 720 &amp;&amp; end_time_minutes &lt; (24 * 60)) ? &#039;pm&#039; : &#039;am&#039;;
    var end_hours_and_minutes = latepoint_minutes_to_hours_and_minutes(end_time_minutes);

    $booking_data_form.find(&#039;input[name=&quot;&#039;+field_base_name+&#039;[end_time][formatted_value]&quot;]&#039;).val(end_hours_and_minutes);
    $booking_data_form.find(&#039;.quick-end-time-w .time-ampm-select.time-&#039; + end_time_ampm).trigger(&#039;click&#039;);
    $booking_data_form.find(&#039;input[name=&quot;&#039;+field_base_name+&#039;[end_time][formatted_value]&quot;]&#039;).closest(&#039;.os-form-group&#039;).addClass(&#039;has-value&#039;);
  }
  latepoint_is_next_day($booking_data_form);
}


function latepoint_init_sortable_columns(){
  jQuery(&#039;.os-sortable-column&#039;).on(&#039;click&#039;, function(){
    let current_direction = jQuery(this).hasClass(&#039;ordered-desc&#039;) ? &#039;desc&#039; : &#039;asc&#039;;
    let new_direction = (current_direction == &#039;desc&#039;) ? &#039;asc&#039; : &#039;desc&#039;;
    jQuery(this).closest(&#039;table&#039;).find(&#039;.os-sortable-column&#039;).removeClass(&#039;ordered-desc&#039;).removeClass(&#039;ordered-asc&#039;);
    jQuery(this).addClass(&#039;ordered-&#039; + new_direction);

    jQuery(this).closest(&#039;table&#039;).find(&#039;.records-ordered-by-key&#039;).val(jQuery(this).data(&#039;order-key&#039;));
    jQuery(this).closest(&#039;table&#039;).find(&#039;.records-ordered-by-direction&#039;).val(new_direction);
    latepoint_filter_table(jQuery(this).closest(&#039;table&#039;), jQuery(this).closest(&#039;.os-form-group&#039;));
    return false;
  });
}
function latepoint_random_text(length){
   var result           = &#039;&#039;;
   var characters       = &#039;ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789&#039;;
   var charactersLength = characters.length;
   for ( var i = 0; i &lt; length; i++ ) {
      result += characters.charAt(Math.floor(Math.random() * charactersLength));
   }
   return result;
}

function latepoint_get_order_for_service_categories(){

}


function latepoint_init_daterangepicker($elem){
  $elem.each(function(){
    // DATERANGEPICKER
    var picker_start_time = jQuery(this).find(&#039;input[name=&quot;date_from&quot;], .os-datepicker-date-from&#039;).val();
    var picker_end_time = jQuery(this).find(&#039;input[name=&quot;date_to&quot;], .os-datepicker-date-to&#039;).val();
    var locale = {};
    if(jQuery(this).data(&#039;can-be-cleared&#039;)) locale = { cancelLabel: jQuery(this).data(&#039;clear-btn-label&#039;)};


    moment.locale(latepoint_helper.wp_locale);

    jQuery(this).daterangepicker({
      opens: &#039;center&#039;,
      singleDatePicker: (jQuery(this).data(&#039;single-date&#039;) == &#039;yes&#039;),
      startDate: (picker_start_time) ? moment(picker_start_time) : moment(),
      endDate: (picker_end_time) ? moment(picker_end_time) : moment(),
      locale: locale
    });
  });

  $elem.on(&#039;cancel.daterangepicker&#039;, function(ev, picker) {
    if(picker.element.data(&#039;can-be-cleared&#039;)){
      picker.element.find(&#039;input[name=&quot;date_from&quot;], .os-datepicker-date-from&#039;).val(&#039;&#039;);
      picker.element.find(&#039;input[name=&quot;date_to&quot;], .os-datepicker-date-to&#039;).val(&#039;&#039;);
      picker.element.find(&#039;span.range-picker-value&#039;).text(picker.element.data(&#039;no-value-label&#039;));
      if(picker.element.hasClass(&#039;os-table-filter-datepicker&#039;)){
        latepoint_filter_table(picker.element.closest(&#039;table&#039;), picker.element.closest(&#039;.os-form-group&#039;));
      }
    }
  });

  $elem.on(&#039;apply.daterangepicker&#039;, function(ev, picker) {
    if(picker.element.data(&#039;single-date&#039;) == &#039;yes&#039;){
      picker.element.find(&#039;.range-picker-value&#039;).text(picker.startDate.format(&#039;ll&#039;));
    }else{
      picker.element.find(&#039;.range-picker-value&#039;).text(picker.startDate.format(&#039;ll&#039;) + &#039; - &#039; + picker.endDate.format(&#039;ll&#039;));
    }
    picker.element.find(&#039;input[name=&quot;date_from&quot;], .os-datepicker-date-from&#039;).attr(&#039;value&#039;, picker.startDate.format(&#039;YYYY-MM-DD&#039;));
    picker.element.find(&#039;input[name=&quot;date_to&quot;], .os-datepicker-date-to&#039;).attr(&#039;value&#039;, picker.endDate.format(&#039;YYYY-MM-DD&#039;));
    if(picker.element.closest(&#039;.os-widget&#039;).length){
      latepoint_reload_widget(picker.element.closest(&#039;.os-widget&#039;));
    }
    if(picker.element.hasClass(&#039;os-table-filter-datepicker&#039;)){
      latepoint_filter_table(picker.element.closest(&#039;table&#039;), picker.element.closest(&#039;.os-form-group&#039;));
    }
  });
}

function latepoint_recalculate_items_count_in_category(){
  jQuery(&#039;.os-category-items-count&#039;).each(function(){
    var number_of_items = jQuery(this).closest(&#039;.os-category-parent-w&#039;).find(&#039;.item-in-category-w&#039;).length;
    jQuery(this).find(&#039;span&#039;).text(number_of_items);
  });
}

function latepoint_remove_agent_box($remove_btn){
  var $agent_box = $remove_btn.closest(&#039;.agent-box-w&#039;);
  $agent_box.fadeOut(300, function(){ jQuery(this).remove(); });
}

function latepoint_remove_service_box($remove_btn){
  var $service_box = $remove_btn.closest(&#039;.service-box-w&#039;);
  $service_box.fadeOut(300, function(){ jQuery(this).remove(); });
}

function latepoint_init_monthly_view(){
  if(!jQuery(&#039;.calendar-month-agents-w&#039;).length) return;

  jQuery(&#039;.monthly-calendar-headers select&#039;).on(&#039;change&#039;, function(){
    var $calendar = jQuery(&#039;.calendar-month-agents-w&#039;);
    var route_name = $calendar.data(&#039;route&#039;);
    $calendar.addClass(&#039;os-loading&#039;);
    var params = { month: jQuery(&#039;#monthly_calendar_month_select&#039;).val(), year: jQuery(&#039;#monthly_calendar_year_select&#039;).val() };
    if(jQuery(&#039;#monthly_calendar_location_select&#039;).length &amp;&amp; jQuery(&#039;#monthly_calendar_location_select&#039;).val()) params.location_id = jQuery(&#039;#monthly_calendar_location_select&#039;).val();
    if(jQuery(&#039;#monthly_calendar_service_select&#039;).length &amp;&amp; jQuery(&#039;#monthly_calendar_service_select&#039;).val()) params.service_id = jQuery(&#039;#monthly_calendar_service_select&#039;).val();
    var data = { action: latepoint_helper.route_action, route_name: route_name, params: params, layout: &#039;none&#039;, return_format: &#039;json&#039; }
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(data){
        $calendar.removeClass(&#039;os-loading&#039;);
        if(data.status === &quot;success&quot;){
          $calendar.html(data.message);
        }else{
          // console.log(data.message);
        }
      }
    });
  });
}


function latepoint_init_copy_on_click_elements(){

  jQuery(&#039;.os-click-to-copy&#039;).on(&#039;mouseenter&#039;, function() {
    var $this = jQuery(this);
    var position_info = $this.offset();
    var width = jQuery(this).outerWidth();
    var position_left = position_info.left;
    var position_top = position_info.top - 20 - jQuery(window).scrollTop();

    let color = ($this.data(&#039;copy-tooltip-color&#039;) == &#039;dark&#039;) ? &#039;dark&#039; : &#039;light&#039;;
    if($this.data(&#039;copy-tooltip-position&#039;) == &#039;left&#039;){
      position_left = position_left - width - 5;
      position_top = position_top + $this.outerHeight() - jQuery(window).scrollTop();
    }
    jQuery(&#039;body&#039;).append(&#039;&lt;div class=&quot;os-click-to-copy-prompt color-&#039;+color+&#039;&quot; style=&quot;top: &#039;+position_top+&#039;px; left: &#039;+position_left+&#039;px;&quot;&gt;&#039; + latepoint_helper.click_to_copy_prompt + &#039;&lt;/div&gt;&#039;);
  }).on(&#039;mouseleave&#039;, function() {
    jQuery(&#039;body&#039;).find(&#039;.os-click-to-copy-prompt&#039;).remove();
  });
  jQuery(&#039;.os-click-to-copy&#039;).on(&#039;click&#039;, function(){
    var $this = jQuery(this);
    let color = ($this.data(&#039;copy-tooltip-color&#039;) == &#039;dark&#039;) ? &#039;dark&#039; : &#039;light&#039;;
    jQuery(&#039;body&#039;).find(&#039;.os-click-to-copy-prompt&#039;).hide();
    var text_to_copy = $this.is(&#039;input&#039;) ? $this.val() : $this.text();
    navigator.clipboard.writeText(text_to_copy);

    var position_info = $this.offset();
    var width = $this.outerWidth();
    var position_left = position_info.left;
    var position_top = position_info.top - 20 - jQuery(window).scrollTop();

    if($this.data(&#039;copy-tooltip-position&#039;) == &#039;left&#039;){
      position_left = position_left - width - 5;
      position_top = position_top + $this.outerHeight() - jQuery(window).scrollTop();
    }
    var $done_prompt = jQuery(&#039;&lt;div class=&quot;os-click-to-copy-done color-&#039;+color+&#039;&quot; style=&quot;top: &#039;+position_top+&#039;px; left: &#039;+position_left+&#039;px;&quot;&gt;&#039; + latepoint_helper.click_to_copy_done + &#039;&lt;/div&gt;&#039;);
    $done_prompt.appendTo(jQuery(&#039;body&#039;)).animate({
      opacity: 0,
      left: (position_left + 20),
    }, 600);
    setTimeout(function(){
      jQuery(&#039;body&#039;).find(&#039;.os-click-to-copy-done&#039;).remove();
      jQuery(&#039;body&#039;).find(&#039;.os-click-to-copy-prompt&#039;).show();
    }, 800);
  });
}

function latepoint_remove_floating_popup(){
  jQuery(&#039;.os-showing-popup&#039;).removeClass(&#039;os-showing-popup&#039;);
  jQuery(&#039;.os-floating-popup&#039;).remove();
}

function latepoint_init_clickable_cells(){
  jQuery(&#039;.os-clickable-popup-trigger&#039;).on(&#039;click&#039;, function(){
    var $this = jQuery(this);
    var position = $this.offset();
    var width = $this.outerWidth();
    var $popup = jQuery(&#039;&lt;div class=&quot;os-floating-popup os-loading&quot;&gt;&lt;/div&gt;&#039;);
    if($this.hasClass(&#039;os-showing-popup&#039;)){
      latepoint_remove_floating_popup();
    }else{
      latepoint_remove_floating_popup();
      $popup.offset({top: position.top, left: (position.left + width/2)});
      jQuery(&#039;body&#039;).append($popup);
      $this.addClass(&#039;os-showing-popup&#039;);

      var route = $this.data(&#039;route&#039;);
      var params = $this.data(&#039;os-params&#039;);
      var data = { action: latepoint_helper.route_action, route_name: route, params: params, layout: &#039;none&#039;, return_format: &#039;json&#039; };
      jQuery.ajax({
        type : &quot;post&quot;,
        dataType : &quot;json&quot;,
        url : latepoint_timestamped_ajaxurl(),
        data : data,
        success: function(response){
          if(response.status === latepoint_helper.response_status.success){
            jQuery(&#039;body&#039;).find(&#039;.os-floating-popup&#039;).html(response.message).removeClass(&#039;os-loading&#039;);
            latepoint_init_customer_donut_chart();
            jQuery(&#039;.os-floating-popup .os-floating-popup-close&#039;).on(&#039;click&#039;, function(){
              latepoint_remove_floating_popup();
              return false;
            });
          }else{

          }
        }
      });
    }
    return false;
  });
}

function latepoint_init_tiny_mce(element_id){
  // TODO CHECK IF wp.editor is defined
  if(typeof wp !== &#039;undefined&#039; &amp;&amp; typeof wp.editor !== &#039;undefined&#039; &amp;&amp; jQuery(&#039;#&#039;+ element_id).length){
    wp.editor.remove(element_id);
    wp.editor.initialize(element_id,
      {
        tinymce: {
          wpautop: false,
          toolbar1: &#039;formatselect alignjustify forecolor | bold italic underline strikethrough | bullist numlist | blockquote hr | alignleft aligncenter alignright | link unlink | pastetext removeformat | outdent indent | undo redo&#039;,
          height : &quot;480&quot;,
        },
        quicktags: true,
        mediaButtons: true,
      }
    );
  }
}

function latepoint_init_reminder_form(){
  latepoint_init_tiny_mce(jQuery(&#039;.os-reminder-form:last-child textarea&#039;).attr(&#039;id&#039;));
}


function latepoint_filter_table($table, $filter_elem, reset_page = true){
  $filter_elem.addClass(&#039;os-loading&#039;);
  var filter_params = $table.find(&#039;.os-table-filter&#039;).serialize();
  var $table_w = $table.closest(&#039;.table-with-pagination-w&#039;);
  if(reset_page){
    $table_w.find(&#039;select.pagination-page-select&#039;).val(1);
  }else{
    filter_params+= &#039;&amp;page_number=&#039;+$table_w.find(&#039;select.pagination-page-select&#039;).val();
  }
  var route = $table.data(&#039;route&#039;);
  var data = { action: latepoint_helper.route_action, route_name: route, params: filter_params, layout: &#039;none&#039;, return_format: &#039;json&#039; };
  jQuery.ajax({
    type : &quot;post&quot;,
    dataType : &quot;json&quot;,
    url : latepoint_timestamped_ajaxurl(),
    data : data,
    success: function(data){
      $filter_elem.removeClass(&#039;os-loading&#039;);
      if(data.status === &quot;success&quot;){
        $table.find(&#039;tbody&#039;).html(data.message);
        if(data.total_pages &amp;&amp; reset_page){
          var options = &#039;&#039;;
          for(var i = 1; i &lt;= data.total_pages; i++){
            options+= &#039;&lt;option&gt;&#039;+ i +&#039;&lt;/option&gt;&#039;;
          }
          $table_w.find(&#039;select.pagination-page-select&#039;).html(options);
        }
        $table_w.find(&#039;.os-pagination-from&#039;).text(data.showing_from);
        $table_w.find(&#039;.os-pagination-to&#039;).text(data.showing_to);
        $table_w.find(&#039;.os-pagination-total&#039;).text(data.total_records);
        latepoint_init_clickable_cells();
      }else{
        // console.log(data.message);
      }
    }
  });
}

function latepoint_init_service_duration_box($duration_box){
  latepoint_init_input_masks(jQuery(&#039;.service-duration-box:last-child&#039;));
}

function latepoint_init_wizard_content(){
  latepoint_init_input_masks(jQuery(&#039;.os-wizard-step-content&#039;));
}

function latepoint_init_input_masks($scoped_element = false){
  let $wrapper = $scoped_element ? $scoped_element : jQuery(&#039;body&#039;);
  latepoint_mask_timefield($wrapper.find(&#039;.os-mask-time&#039;));

  $wrapper.find(&#039;.os-mask-phone&#039;).each(function(){
    latepoint_mask_phone(jQuery(this));
  });

  latepoint_mask_money($wrapper.find(&#039;.os-mask-money&#039;));
  latepoint_mask_date($wrapper.find(&#039;.os-mask-date&#039;));
  latepoint_mask_minutes($wrapper.find(&#039;.os-mask-minutes&#039;));

  $wrapper.trigger(&#039;latepoint:initInputMasks&#039;);
}


function latepoint_init_quick_agent_form(){
  let $agent_form_wrapper = jQuery(&#039;.quick-agent-form-w&#039;);
  latepoint_init_input_masks($agent_form_wrapper);


  $agent_form_wrapper.find(&#039;.agent-quick-edit-form&#039;).on(&#039;submit&#039;, function(e){
    if(jQuery(this).find(&#039;button[type=&quot;submit&quot;]&#039;).hasClass(&#039;os-loading&#039;)) return false;
    e.preventDefault();
    latepoint_submit_quick_agent_form();
  });


  $agent_form_wrapper.find(&#039;.quick-agent-form-view-log-btn&#039;).on(&#039;click&#039;, function(){
    let $trigger_elem = jQuery(this);
    $trigger_elem.addClass(&#039;os-loading&#039;);
    let route = $trigger_elem.data(&#039;route&#039;);
    let data = { action: &#039;latepoint_route_call&#039;, route_name: route, params: {agent_id: $trigger_elem.data(&#039;agent-id&#039;)}, return_format: &#039;json&#039; }
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(response){
        $trigger_elem.removeClass(&#039;os-loading&#039;);
        if(response.status === &quot;success&quot;){
          latepoint_display_in_side_sub_panel(response.message);
          jQuery(&#039;body&#039;).addClass(&#039;has-side-sub-panel&#039;);
        }else{
          alert(response.message, &#039;error&#039;);
        }
      }
    });
    return false;
  });
}

/*
 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
 */

function latepoint_init_quick_customer_form(){
  let $customer_form_wrapper = jQuery(&#039;.quick-customer-form-w&#039;);
  latepoint_init_input_masks($customer_form_wrapper);


  $customer_form_wrapper.find(&#039;.customer-quick-edit-form&#039;).on(&#039;submit&#039;, function(e){
    if(jQuery(this).find(&#039;button[type=&quot;submit&quot;]&#039;).hasClass(&#039;os-loading&#039;)) return false;
    e.preventDefault();
    latepoint_submit_quick_customer_form();
  });


  $customer_form_wrapper.find(&#039;.quick-customer-form-view-log-btn&#039;).on(&#039;click&#039;, function(){
    var $trigger_elem = jQuery(this);
    $trigger_elem.addClass(&#039;os-loading&#039;);
    var route = $trigger_elem.data(&#039;route&#039;);
    var data = { action: &#039;latepoint_route_call&#039;, route_name: route, params: {customer_id: $trigger_elem.data(&#039;customer-id&#039;)}, return_format: &#039;json&#039; }
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(response){
        $trigger_elem.removeClass(&#039;os-loading&#039;);
        if(response.status === &quot;success&quot;){
          latepoint_display_in_side_sub_panel(response.message);
          jQuery(&#039;body&#039;).addClass(&#039;has-side-sub-panel&#039;);
        }else{
          alert(response.message, &#039;error&#039;);
        }
      }
    });
    return false;
  });
}


function latepoint_submit_quick_customer_form(){
  let $quick_edit_form = jQuery(&#039;form.customer-quick-edit-form&#039;);

  let errors = latepoint_validate_form($quick_edit_form);
  if(errors.length){
    let error_messages = errors.map(error =&gt;  error.message ).join(&#039;, &#039;);
    latepoint_add_notification(error_messages, &#039;error&#039;);
    return false;
  }

  $quick_edit_form.find(&#039;button[type=&quot;submit&quot;]&#039;).addClass(&#039;os-loading&#039;);
  jQuery.ajax({
    type: &quot;post&quot;,
    dataType: &quot;json&quot;,
    processData: false,
    contentType: false,
    url: latepoint_timestamped_ajaxurl(),
    data: latepoint_create_form_data($quick_edit_form),
    success: function (response) {
      $quick_edit_form.find(&#039;button[type=&quot;submit&quot;]&#039;).removeClass(&#039;os-loading&#039;);
      if(response.form_values_to_update){
        jQuery.each(response.form_values_to_update, function(name, value){
          $quick_edit_form.find(&#039;[name=&quot;&#039;+ name +&#039;&quot;]&#039;).val(value);
        });
      }
      if (response.status === &quot;success&quot;) {
        latepoint_add_notification(response.message);
        latepoint_reload_after_customer_save();
      }else{
        latepoint_add_notification(response.message, &#039;error&#039;);
      }
    }
  });

}


function latepoint_reload_after_customer_save(){
  latepoint_reload_calendar_view();

  jQuery(&#039;.os-widget&#039;).each(function(){
    latepoint_reload_widget(jQuery(this));
  });
  if(jQuery(&#039;table.os-reload-on-booking-update&#039;).length) latepoint_filter_table(jQuery(&#039;table.os-reload-on-booking-update&#039;), jQuery(&#039;table.os-reload-on-booking-update&#039;));
  latepoint_close_side_panel();
}

function  latepoint_init_customers_import() {

  jQuery(&#039;body.latepoint&#039;).on(&#039;submit&#039;, &#039;.import-customers-form&#039;, async function (e) {
    e.preventDefault();
    let $form = jQuery(this);

    if($form.hasClass(&#039;os-loading&#039;)) return false;

    $form.addClass(&#039;os-loading&#039;);
    $form.find(&#039;button[type=&quot;submit&quot;]&#039;).addClass(&#039;os-loading&#039;);

    try {
      let response = await jQuery.ajax({
        type: &quot;post&quot;,
        dataType: &quot;json&quot;,
        processData: false,
        contentType: false,
        url: latepoint_timestamped_ajaxurl(),
        data: latepoint_create_form_data($form)
      });

      $form.removeClass(&#039;os-loading&#039;).find(&#039;.os-loading&#039;).removeClass(&#039;os-loading&#039;);

      if (response.status === &#039;success&#039;) {
        $form.find(&#039;.latepoint-lightbox-content&#039;).html(response.message);

        latepoint_import_customers_set_next_btn($form);
        latepoint_import_customers_set_step($form);

      } else {
        latepoint_add_notification(response.message || &#039;Error&#039;, &#039;error&#039;);
        return false;
      }
    } catch (e) {
      $form.removeClass(&#039;os-loading&#039;).find(&#039;.os-loading&#039;).removeClass(&#039;os-loading&#039;);
      console.log(e);
    }
  });
}

function latepoint_import_customers_set_next_btn($form) {
  let step_form = $form.find(&#039;.customer-csv-step&#039;);
  if (step_form.data(&#039;hide-next-btn&#039;)) {
    $form.find(&#039;.latepoint-lightbox-footer&#039;).hide();
  } else {
    let btn_label = step_form.data(&#039;customer-csv-next-btn&#039;);
    if (btn_label) {
      $form.find(&#039;.latepoint-csv-next-btn&#039;).text(btn_label);
    }
  }
}

function latepoint_import_customers_set_step($form) {
  let step = $form.find(&#039;.customer-csv-step&#039;).data(&#039;customer-csv-step&#039;);
  if (step) {
    $form.find(&#039;input[name=&quot;step&quot;]&#039;).val(step);
  }
}

/*
 * Copyright (c) 2023 LatePoint LLC. All rights reserved.
 */


function latepoint_init_daily_bookings_chart() {
  if (typeof Chart === &#039;undefined&#039; || !jQuery(&#039;#chartDailyBookings&#039;).length) return

  let $dailyBookingsChart = jQuery(&#039;#chartDailyBookings&#039;);
  let dailyBookingsLabels = $dailyBookingsChart.data(&#039;chart-labels&#039;).toString().split(&#039;,&#039;);
  let dailyBookingsValues = $dailyBookingsChart.data(&#039;chart-values&#039;).toString().split(&#039;,&#039;).map(Number);
  let dailyBookingsChartMax = Math.max.apply(Math, dailyBookingsValues);
  // calculate max Y to have space for a tooltip
  let canvasHeight = 200
  let spaceForTooltip = 160
  let maxValue = dailyBookingsChartMax + spaceForTooltip * dailyBookingsChartMax / canvasHeight + 1


  var fontFamily = latepoint_helper.body_font_family;

  Chart.Tooltip.positioners.top = function (items) {
    const pos = Chart.Tooltip.positioners.average(items);

    // Happens when nothing is found
    if (pos === false) {
      return false;
    }

    const chart = this.chart;

    return {
      x: pos.x,
      y: chart.chartArea.top,
      xAlign: &#039;center&#039;,
      yAlign: &#039;bottom&#039;,
    };
  };

  Chart.defaults.defaultFontFamily = fontFamily;
  Chart.defaults.defaultFontSize = 18;
  Chart.defaults.defaultFontStyle = &#039;400&#039;;
  Chart.defaults.plugins.tooltip.titleFont = {
    family: fontFamily,
    size: 14,
    color: &#039;rgba(255,255,255,0.6)&#039;,
    style: &#039;normal&#039;,
    weight: 400
  }

  Chart.defaults.plugins.tooltip.titleFont = {family: fontFamily, size: 14, weight: 400};
  Chart.defaults.plugins.tooltip.titleColor = &#039;rgba(255,255,255,0.6)&#039;;
  Chart.defaults.plugins.tooltip.backgroundColor = &#039;#000&#039;;
  Chart.defaults.plugins.tooltip.titleMarginBottom = 5;
  Chart.defaults.plugins.tooltip.bodyFont = {family: fontFamily, size: 24, weight: 700, lineHeight: 0.8};
  Chart.defaults.plugins.tooltip.displayColors = false;
  Chart.defaults.plugins.tooltip.padding = 10;
  Chart.defaults.plugins.tooltip.yAlign = &#039;bottom&#039;;
  Chart.defaults.plugins.tooltip.xAlign = &#039;center&#039;;
  Chart.defaults.plugins.tooltip.cornerRadius = 14;
  Chart.defaults.plugins.tooltip.caretSize = 5;
  Chart.defaults.plugins.tooltip.position = &#039;top&#039;;

  var ctx = $dailyBookingsChart[0].getContext(&quot;2d&quot;);
  var gradientStroke = ctx.createLinearGradient(500, 0, 100, 0);
  gradientStroke.addColorStop(0, &#039;#219ff8&#039;);
  gradientStroke.addColorStop(1, &#039;#219ff8&#039;);


  let gradientFill = ctx.createLinearGradient(0, 0, 0, 140);
  gradientFill.addColorStop(0, &#039;rgba(195, 229, 253, 0.9)&#039;);
  gradientFill.addColorStop(1, &#039;rgba(195, 229, 253, 0.1)&#039;);

  // line chart data
  var chartDailyBookingsData = {
    labels: dailyBookingsLabels,
    datasets: [{
      backgroundColor: gradientFill,
      borderColor: gradientStroke,
      label: &quot;&quot;,
      fill: true,
      lineTension: 0.3,
      borderWidth: 2,
      borderCapStyle: &#039;butt&#039;,
      borderDash: [],
      borderDashOffset: 0.0,
      borderJoinStyle: &#039;miter&#039;,
      pointBorderColor: &quot;#fff&quot;,
      pointBackgroundColor: &quot;#219ff8&quot;,
      pointRadius: 3,
      pointBorderWidth: 2,
      pointHoverRadius: 6,
      pointHoverBorderWidth: 4,
      pointHoverBackgroundColor: &quot;#219ff8&quot;,
      pointHoverBorderColor: &quot;#fff&quot;,
      pointHitRadius: 20,
      spanGaps: false,
      data: dailyBookingsValues,
    }]
  };


  let options = {
    animation: false,
    layout: {
      padding: {
        top: 0
      }
    },
    interaction: {
      mode: &#039;index&#039;,
      intersect: false,
    },
    maintainAspectRatio: false,
    plugins: {
      verticalLiner: {},
      legend: {
        display: false
      },
    },
    scales: {
      x: {
        display: true,
        ticks: {
          fontFamily: fontFamily,
          maxRotation: 0,
          color: &#039;#788291&#039;,
          font: {
            size: 10,
            family: fontFamily
          },
          callback: function (value, index, ticks) {
            if(ticks.length){
              return ((index + 2) % Math.round(ticks.length/8)) ? &#039;&#039; : this.getLabelForValue(value)
            }else{
              return this.getLabelForValue(value)
            }
          }
        },
        grid: {
          borderDash: [1, 5],
          color: &#039;rgba(0,0,0,0.35)&#039;,
          zeroLineColor: &#039;rgba(0,0,0,0.15)&#039;,
        },
      },
      y: {
        max: maxValue,
        grid: {
          color: &#039;rgba(0,0,0,0.05)&#039;,
          zeroLineColor: &#039;rgba(0,0,0,0.05)&#039;,
        },
        display: false,
        ticks: {
          beginAtZero: true,
          fontSize: &#039;10&#039;,
          fontColor: &#039;#000&#039;
        }
      }

    }
  }

  const plugin = {
    id: &#039;verticalLiner&#039;,
    afterInit: (chart, args, opts) =&gt; {
      chart.verticalLiner = {}
    },
    afterEvent: (chart, args, options) =&gt; {
      const {inChartArea} = args
      chart.verticalLiner = {draw: inChartArea}
    },
    beforeTooltipDraw: (chart, args, options) =&gt; {
      const {draw} = chart.verticalLiner
      if (!draw) return

      const {ctx} = chart
      const {top, bottom} = chart.chartArea
      const {tooltip} = args
      const x = tooltip.caretX
      if (!x) return

      ctx.save()

      ctx.beginPath()
      ctx.moveTo(x, top)
      ctx.lineTo(x, bottom)
      ctx.stroke()

      ctx.restore()
    }
  }

  // line chart init
  let chartDailyBookings = new Chart($dailyBookingsChart, {
    type: &#039;line&#039;,
    data: chartDailyBookingsData,
    options: options,
    plugins: [plugin],
  });
}


function latepoint_init_customer_donut_chart() {
  if (typeof Chart !== &#039;undefined&#039; &amp;&amp; jQuery(&#039;.os-customer-donut-chart&#039;).length) {
    var fontFamily = latepoint_helper.body_font_family;
    // set defaults
    Chart.defaults.defaultFontFamily = fontFamily;
    Chart.defaults.defaultFontSize = 16;
    Chart.defaults.defaultFontStyle = &#039;400&#039;;

    Chart.defaults.plugins.tooltip.titleFont = {family: fontFamily, size: 14, weight: 400};
    Chart.defaults.plugins.tooltip.titleColor = &#039;rgba(255,255,255,0.6)&#039;;
    Chart.defaults.plugins.tooltip.backgroundColor = &#039;#000&#039;;
    Chart.defaults.plugins.tooltip.titleMarginBottom = 1;
    Chart.defaults.plugins.tooltip.bodyFont = {family: fontFamily, size: 18, weight: 500};
    Chart.defaults.plugins.tooltip.displayColors = false;
    Chart.defaults.plugins.tooltip.padding = 5;
    Chart.defaults.plugins.tooltip.yAlign = &#039;bottom&#039;;
    Chart.defaults.plugins.tooltip.xAlign = &#039;center&#039;;
    Chart.defaults.plugins.tooltip.cornerRadius = 4;
    Chart.defaults.plugins.tooltip.intersect = false;
    jQuery(&#039;.os-customer-donut-chart&#039;).each(function (index) {
      var chart_colors = jQuery(this).data(&#039;chart-colors&#039;).toString().split(&#039;,&#039;);
      var chart_labels = jQuery(this).data(&#039;chart-labels&#039;).toString().split(&#039;,&#039;);
      var chart_values = jQuery(this).data(&#039;chart-values&#039;).toString().split(&#039;,&#039;).map(Number);
      var $chart_canvas = jQuery(this);
      var chartDonut = new Chart($chart_canvas, {
        type: &#039;doughnut&#039;,
        data: {
          labels: chart_labels,
          datasets: [{
            data: chart_values,
            backgroundColor: chart_colors,
            hoverBackgroundColor: chart_colors,
            borderWidth: 0,
            hoverBorderColor: &#039;transparent&#039;
          }]
        },
        options: {
          layout: {
            padding: {
              top: 10,
              bottom: 10,
              left: 10,
              right: 10
            }
          },
          plugins: {
            legend: {
              display: false
            },
            tooltip: {
              callbacks: {
                title: function (tooltipItem) {
                  return tooltipItem[0].label;
                },
                label: function (tooltipItem) {
                  return tooltipItem.parsed;
                },
              }
            },
          },
          animation: {
            animateRotate: false
          },
          cutout: &quot;90%&quot;,
          responsive: false,
          maintainAspectRatio: true,
        }
      });
    });
  }
}

function latepoint_init_donut_charts() {
  if (typeof Chart !== &#039;undefined&#039; &amp;&amp; jQuery(&#039;.os-donut-chart&#039;).length) {
    var fontFamily = latepoint_helper.body_font_family;
    // set defaults
    Chart.defaults.defaultFontFamily = fontFamily;
    Chart.defaults.defaultFontSize = 18;
    Chart.defaults.defaultFontStyle = &#039;400&#039;;

    Chart.defaults.plugins.tooltip.titleFont.family = fontFamily;
    Chart.defaults.plugins.tooltip.titleFont.size = 14;
    Chart.defaults.plugins.tooltip.titleColor = &#039;rgba(255,255,255,0.6)&#039;;
    Chart.defaults.plugins.tooltip.backgroundColor = &#039;#000&#039;;
    Chart.defaults.plugins.tooltip.titleFont.style = &#039;400&#039;;
    Chart.defaults.plugins.tooltip.titleMarginBottom = 1;
    Chart.defaults.plugins.tooltip.bodyFont.family = fontFamily;
    Chart.defaults.plugins.tooltip.bodyFont.size = 24;
    Chart.defaults.plugins.tooltip.bodyFont.style = &#039;500&#039;;
    Chart.defaults.plugins.tooltip.displayColors = false;
    Chart.defaults.plugins.tooltip.padding.x = 10;
    Chart.defaults.plugins.tooltip.padding.y = 8;
    Chart.defaults.plugins.tooltip.yAlign = &#039;bottom&#039;;
    Chart.defaults.plugins.tooltip.xAlign = &#039;center&#039;;
    Chart.defaults.plugins.tooltip.cornerRadius = 8;
    Chart.defaults.plugins.tooltip.intersect = false;
    jQuery(&#039;.os-donut-chart&#039;).each(function (index) {
      var chart_colors = jQuery(this).data(&#039;chart-colors&#039;).toString().split(&#039;,&#039;);
      var chart_labels = jQuery(this).data(&#039;chart-labels&#039;).toString().split(&#039;,&#039;);
      var chart_values = jQuery(this).data(&#039;chart-values&#039;).toString().split(&#039;,&#039;).map(Number);
      var $chart_canvas = jQuery(this);
      var chartDonut = new Chart($chart_canvas, {
        type: &#039;doughnut&#039;,
        data: {
          labels: chart_labels,
          datasets: [{
            data: chart_values,
            backgroundColor: chart_colors,
            hoverBackgroundColor: chart_colors,
            borderWidth: 0,
            hoverBorderColor: &#039;transparent&#039;
          }]
        },
        options: {
          layout: {
            padding: {
              top: 40
            }
          },
          plugins: {
            legend: {
              display: false
            },
            tooltip: {
              callbacks: {
                title: function (tooltipItem, data) {
                  return data[&#039;labels&#039;][tooltipItem[0][&#039;index&#039;]];
                },
                label: function (tooltipItem, data) {
                  return data[&#039;datasets&#039;][0][&#039;data&#039;][tooltipItem[&#039;index&#039;]];
                }
              }
            }
          },
          animation: {
            animateScale: true
          },
          cutoutPercentage: 96,
          responsive: false,
          maintainAspectRatio: true,
        }
      });
    });
  }
}


function latepoint_init_circles_charts() {
  jQuery(&#039;.circle-chart&#039;).each(function (index) {
    var chart_elem_id = jQuery(this).prop(&#039;id&#039;);
    var max_value = jQuery(this).data(&#039;max-value&#039;);
    var chart_value = jQuery(this).data(&#039;chart-value&#039;);
    var chart_color = jQuery(this).data(&#039;chart-color&#039;);
    var chart_color_fade = jQuery(this).data(&#039;chart-color-fade&#039;);
    var myCircle = Circles.create({
      id: chart_elem_id,
      radius: 25,
      value: chart_value,
      maxValue: max_value,
      width: 2,
      text: function (value) {
        return Math.round(value);
      },
      colors: [chart_color, chart_color_fade],
      duration: 200,
      wrpClass: &#039;circles-wrp&#039;,
      textClass: &#039;circles-text&#039;,
      valueStrokeClass: &#039;circles-valueStroke&#039;,
      maxValueStrokeClass: &#039;circles-maxValueStroke&#039;,
      styleWrapper: true,
      styleText: true
    });

  });


}


/*
 * Copyright (c) 2023 LatePoint LLC. All rights reserved.
 */

function latepoint_check_horizontal_calendar_scroll(){
  if(jQuery(&#039;.daily-availability-calendar.horizontal-calendar&#039;).length){
    if(jQuery(&#039;.daily-availability-calendar.horizontal-calendar&#039;).width() &lt; 700){
      jQuery(&#039;.daily-availability-calendar.horizontal-calendar&#039;).scrollLeft(jQuery(&#039;.os-day.selected&#039;).index() * jQuery(&#039;.os-day.selected&#039;).width());
    }
  }
}

function latepoint_calendar_custom_period_created(){
    latepoint_reload_calendar_view();
    latepoint_lightbox_close();
}

function latepoint_init_calendar_quick_actions(){
  latepoint_init_input_masks(jQuery(&#039;.quick-calendar-action-settings&#039;));

  jQuery(&#039;.quick-calendar-action-day-off&#039;).on(&#039;click&#039;, function(){
    jQuery(&#039;.quick-calendar-actions-wrapper&#039;).addClass(&#039;showing-settings&#039;);
    jQuery(&#039;.quick-calendar-actions&#039;).hide();
    jQuery(&#039;.quick-calendar-action-settings&#039;).removeClass(&#039;setting-slot-off&#039;).addClass(&#039;setting-day-off&#039;);
    jQuery(&#039;.quick-calendar-action-settings input[name=&quot;blocked_period_settings[full_day_off]&quot;]&#039;).val(&#039;yes&#039;);
    jQuery(&#039;.quick-calendar-action-toggle.selected&#039;).removeClass(&#039;selected&#039;);
    jQuery(&#039;.quick-calendar-action-toggle[data-period-type=&quot;full&quot;]&#039;).addClass(&#039;selected&#039;);

    return false;
  });
  jQuery(&#039;.quick-calendar-action-slot-off&#039;).on(&#039;click&#039;, function(){
    jQuery(&#039;.quick-calendar-actions-wrapper&#039;).addClass(&#039;showing-settings&#039;);
    jQuery(&#039;.quick-calendar-actions&#039;).hide();
    jQuery(&#039;.quick-calendar-action-settings&#039;).removeClass(&#039;setting-day-off&#039;).addClass(&#039;setting-slot-off&#039;);
    jQuery(&#039;.quick-calendar-action-settings input[name=&quot;blocked_period_settings[full_day_off]&quot;]&#039;).val(&#039;no&#039;);
    jQuery(&#039;.quick-calendar-action-toggle.selected&#039;).removeClass(&#039;selected&#039;);
    jQuery(&#039;.quick-calendar-action-toggle[data-period-type=&quot;partial&quot;]&#039;).addClass(&#039;selected&#039;);
    return false;
  });

  jQuery(&#039;.quick-calendar-action-toggle&#039;).on(&#039;click&#039;, function(){
    if(jQuery(this).data(&#039;period-type&#039;) === &#039;full&#039;){
      jQuery(&#039;.quick-calendar-action-day-off&#039;).trigger(&#039;click&#039;);
    }else{
      jQuery(&#039;.quick-calendar-action-slot-off&#039;).trigger(&#039;click&#039;);
    }
    return false;
  });
}

function latepoint_init_calendars(){
  latepoint_check_horizontal_calendar_scroll();
  jQuery(&#039;.os-calendar-settings-extra .latecheckbox&#039;).lateCheckbox();


  jQuery(&#039;.os-calendar-view-toggle&#039;).on(&#039;click&#039;, &#039;.os-calendar-view-option&#039;, function(){
    jQuery(this).closest(&#039;.os-calendar-view-toggle&#039;).find(&#039;.os-calendar-view-option.os-selected&#039;).removeClass(&#039;os-selected&#039;)
    jQuery(this).addClass(&#039;os-selected&#039;);
    jQuery(&#039;input[name=&quot;&#039; + jQuery(this).closest(&#039;.os-calendar-view-toggle&#039;).data(&#039;update-element-by-name&#039;) + &#039;&quot;]&#039;).val(jQuery(this).data(&#039;value&#039;)).trigger(&#039;change&#039;);
    return false;
  });

  jQuery(&#039;.calendar-settings-toggler&#039;).on(&#039;click&#039;, function(){
    jQuery(&#039;.os-calendar-settings-form&#039;).toggleClass(&#039;show-extra-settings&#039;);
    return false;
  });

  jQuery(&#039;.os-calendar-settings-form&#039;).on(&#039;change&#039;, &#039;input[name=&quot;calendar_settings[view]&quot;]&#039;, function(){
    jQuery(this).closest(&#039;.calendar-wrapper&#039;).attr(&#039;data-view&#039;, jQuery(this).val());
  });

  jQuery(&#039;.os-calendar-settings-form&#039;).on(&#039;change&#039;, &#039;select, input, .latecheckbox &#039;, function(){
    latepoint_reload_calendar_view();
  });


  jQuery(&#039;.calendar-view-wrapper&#039;).on(&#039;click&#039;, &#039;.weekly-calendar-agent-selector&#039;, function(){
    jQuery(&#039;.weekly-calendar-agent-selector.selected&#039;).removeClass(&#039;selected&#039;);
    jQuery(this).addClass(&#039;selected&#039;);
    jQuery(&#039;.os-calendar-settings-form input[name=&quot;calendar_settings[selected_agent_id]&quot;]&#039;).val(jQuery(this).data(&#039;agent-id&#039;));
    jQuery(&#039;.agent-weekly-calendar.selected&#039;).removeClass(&#039;selected&#039;);
    jQuery(&#039;.agent-weekly-calendar[data-agent-id=&quot;&#039;+jQuery(this).data(&#039;agent-id&#039;)+&#039;&quot;]&#039;).addClass(&#039;selected&#039;);
    return false;
  });

  jQuery(&#039;.calendar-view-wrapper&#039;).on(&#039;click&#039;, &#039;.daily-calendar-action-navigation-btn&#039;, function(){
    jQuery(this).addClass(&#039;os-loading&#039;);
    jQuery(&#039;input[name=&quot;calendar_settings[target_date_string]&quot;]&#039;).val(jQuery(this).data(&#039;target-date&#039;)).trigger(&#039;change&#039;);
    return false;
  });

  jQuery(&#039;.calendar-view-wrapper&#039;).on(&#039;click&#039;, &#039;.daily-availability-calendar .os-day&#039;, function(){
    jQuery(&#039;.os-monthly-calendar-days-w .os-day.selected&#039;).removeClass(&#039;selected&#039;);
    jQuery(this).addClass(&#039;selected&#039;);
    jQuery(&#039;input[name=&quot;calendar_settings[target_date_string]&quot;]&#039;).val(jQuery(this).data(&#039;date&#039;)).trigger(&#039;change&#039;);
    return false;
  });


  jQuery(&#039;.os-calendar-today-btn&#039;).on(&#039;click&#039;, function(){
    jQuery(this).addClass(&#039;os-loading&#039;);
    jQuery(&#039;input[name=&quot;calendar_settings[target_date_string]&quot;]&#039;).val(jQuery(this).data(&#039;target-date&#039;)).trigger(&#039;change&#039;);
    return false;
  });

  jQuery(&#039;.os-calendar-prev-btn&#039;).on(&#039;click&#039;, function(){
    jQuery(this).addClass(&#039;os-loading&#039;);
    jQuery(&#039;input[name=&quot;calendar_settings[target_date_string]&quot;]&#039;).val(jQuery(&#039;input[name=&quot;prev_target_date&quot;]&#039;).val()).trigger(&#039;change&#039;);
    return false;
  });

  jQuery(&#039;.os-calendar-next-btn&#039;).on(&#039;click&#039;, function(){
    jQuery(this).addClass(&#039;os-loading&#039;);
    jQuery(&#039;input[name=&quot;calendar_settings[target_date_string]&quot;]&#039;).val(jQuery(&#039;input[name=&quot;next_target_date&quot;]&#039;).val()).trigger(&#039;change&#039;);
    return false;
  });
}

function latepoint_reload_calendar_view(){
  let $calendar_wrapper = jQuery(&#039;.calendar-view-wrapper&#039;);
  if(!$calendar_wrapper.length) return;
  $calendar_wrapper.addClass(&#039;os-loading&#039;);

  let calendar_settings = new FormData(jQuery(&#039;form.os-calendar-settings-form&#039;)[0]);

  let data = new FormData();
  data.append(&#039;params&#039;, latepoint_formdata_to_url_encoded_string(calendar_settings));
  data.append(&#039;action&#039;, latepoint_helper.route_action);
  data.append(&#039;route_name&#039;, $calendar_wrapper.data(&#039;route&#039;));
  data.append(&#039;return_format&#039;, &#039;json&#039;);

  jQuery.ajax({
    type: &quot;post&quot;,
    dataType: &quot;json&quot;,
    processData: false,
    contentType: false,
    url: latepoint_timestamped_ajaxurl(),
    data: data,
    success: function (response) {
      if (response.status === &quot;success&quot;) {
        $calendar_wrapper.html(response.message).removeClass(&#039;os-loading&#039;);
        jQuery(&#039;.os-calendar-today-btn, .os-calendar-prev-btn, .os-calendar-next-btn&#039;).removeClass(&#039;os-loading&#039;);
        jQuery(&#039;.os-current-month-label .current-month&#039;).text(response.top_date_label);
        jQuery(&#039;.os-current-month-label .current-year&#039;).text(response.top_date_year);
        latepoint_check_horizontal_calendar_scroll();
      }
    }
  });

}

/*
 * Copyright (c) 2022 LatePoint LLC. All rights reserved.
 */

function latepoint_process_updated() {
    location.reload();
}

function latepoint_process_action_removed($elem) {
    $elem.closest(&#039;.os-form-block&#039;).remove();
}

function latepoint_replace_process_condition_element($trigger, params, $target, callback = null) {
    $trigger.closest(&#039;.sub-section-content&#039;).addClass(&#039;os-loading&#039;);
    let route_name = $trigger.data(&#039;route&#039;);
    let data = {action: latepoint_helper.route_action, route_name: route_name, params: params, return_format: &#039;json&#039;}
    jQuery.ajax({
        type: &#039;post&#039;,
        dataType: &quot;json&quot;,
        url: latepoint_timestamped_ajaxurl(),
        data: data,
        success: (response) =&gt; {
            if (response.status === latepoint_helper.response_status.success) {
                $target.html(response.message);
                latepoint_init_process_conditions_form();
                $trigger.closest(&#039;.sub-section-content&#039;).removeClass(&#039;os-loading&#039;);
                if (typeof callback === &#039;function&#039;) {
                    callback();
                }
            } else {
                alert(&quot;Error!&quot;);
            }
        }
    });
}


function latepoint_init_process_forms() {
    latepoint_init_process_conditions_form();

    jQuery(&#039;.os-processes-w&#039;).on(&#039;latepoint:initProcessActionForm latepoint:initProcessActionTypeSettings&#039;, &#039;.process-action-form&#039;, async function () {
        if (jQuery(this).find(&#039;.latepoint-whatsapp-templates-loader&#039;).length) {
            let $loader = jQuery(this).find(&#039;.latepoint-whatsapp-templates-loader&#039;);
            let $settings = jQuery(this).find(&#039;.process-action-settings&#039;);
            let $holder = jQuery(this).find(&#039;.latepoint-whatsapp-templates-holder&#039;);
            $settings.addClass(&#039;os-loading&#039;);

            let data = {
                action: latepoint_helper.route_action,
                route_name: $loader.data(&#039;route&#039;),
                params: {
                    template_id: $loader.data(&#039;selected-template-id&#039;),
                    action_id: $loader.data(&#039;process-action-id&#039;),
                    process_id: $loader.data(&#039;process-id&#039;)
                },
                layout: &#039;none&#039;,
                return_format: &#039;json&#039;
            }
            try {
                let response = await jQuery.ajax({
                    type: &quot;post&quot;,
                    dataType: &quot;json&quot;,
                    url: latepoint_timestamped_ajaxurl(),
                    data: data
                });
                $settings.removeClass(&#039;os-loading&#039;);
                if (response.status === &#039;success&#039;) {
                    $loader.remove();
                    $holder.html(response.message);
                } else {
                    throw new Error(response.message);
                }
            } catch (e) {
                $settings.removeClass(&#039;os-loading&#039;);
                console.log(e);
                alert(e);
            }
        }
    });

    jQuery(&#039;.os-processes-w&#039;).on(&#039;click&#039;, &#039;.os-run-process&#039;, function () {
        let $btn = jQuery(this);
        $btn.addClass(&#039;os-loading&#039;);
        let $process_form = $btn.closest(&#039;.os-process-form&#039;);
        // remove previously assigned class on other forms
        jQuery(&#039;.os-process-form.prepared-to-run&#039;).removeClass(&#039;prepared-to-run&#039;);
        // add class so we know which form is about to be processed
        $process_form.addClass(&#039;prepared-to-run&#039;);


        let form_data = new FormData($process_form[0]);
        form_data.set(&#039;process_event_type&#039;, $process_form.closest(&#039;.os-process-form&#039;).find(&#039;.process-event-type-selector&#039;).val());


        let data = new FormData();
        data.append(&#039;params&#039;, latepoint_formdata_to_url_encoded_string(form_data));
        data.append(&#039;action&#039;, latepoint_helper.route_action);
        data.append(&#039;route_name&#039;, $btn.data(&#039;route&#039;));
        data.append(&#039;return_format&#039;, &#039;json&#039;);

        jQuery.ajax({
            type: &quot;post&quot;,
            dataType: &quot;json&quot;,
            processData: false,
            contentType: false,
            url: latepoint_timestamped_ajaxurl(),
            data: data,
            success: function (data) {
                latepoint_show_data_in_side_panel(data.message, &#039;width-600&#039;);
                latepoint_init_process_test_form();
                $btn.removeClass(&#039;os-loading&#039;);
            }
        });
        return false;
    });

    jQuery(&#039;.os-processes-w&#039;).find(&#039;.process-action-form&#039;).each(function (index) {
        latepoint_init_process_action_form(jQuery(this));
    });

    jQuery(&#039;.os-processes-w&#039;).on(&#039;click&#039;, &#039;.pe-remove-condition&#039;, (event) =&gt; {
        if (jQuery(event.currentTarget).closest(&#039;.pe-conditions&#039;).find(&#039;.pe-condition&#039;).length &gt; 1) {
            jQuery(event.currentTarget).closest(&#039;.pe-condition&#039;).remove();
        } else {
            alert(&#039;You need to have at least one condition if your custom field is set to be conditional.&#039;)
        }
        return false;
    });


    jQuery(&#039;.os-processes-w&#039;).on(&#039;change&#039;, &#039;select.process-condition-operator-selector&#039;, (event) =&gt; {
        let $select = jQuery(event.currentTarget);
        if ($select.val() == &#039;changed&#039; || $select.val() == &#039;not_changed&#039;) {
            $select.closest(&#039;.pe-condition&#039;).find(&#039;.process-condition-values-w&#039;).hide();
        } else {
            $select.closest(&#039;.pe-condition&#039;).find(&#039;.process-condition-values-w&#039;).show();
        }
    });

    jQuery(&#039;.os-processes-w&#039;).on(&#039;change&#039;, &#039;select.process-event-type-selector&#039;, (event) =&gt; {
        let $select = jQuery(event.currentTarget);
        latepoint_replace_process_condition_element($select, {event_type: $select.val()}, $select.closest(&#039;.os-form-block&#039;).find(&#039;.process-event-condition-wrapper&#039;));
    });

    jQuery(&#039;.os-processes-w&#039;).on(&#039;change&#039;, &#039;select.process-condition-object-selector&#039;, (event) =&gt; {
        let $select = jQuery(event.currentTarget);
        let $property_selector = $select.closest(&#039;.pe-condition&#039;).find(&#039;.process-condition-properties-w select&#039;);
        latepoint_replace_process_condition_element($select, {object_code: $select.val()}, $property_selector, () =&gt; {
            $property_selector.trigger(&#039;change&#039;);
        });
    });

    jQuery(&#039;.os-processes-w&#039;).on(&#039;change&#039;, &#039;select.process-condition-property-selector&#039;, (event) =&gt; {
        let $select = jQuery(event.currentTarget);
        let $operator_selector = $select.closest(&#039;.pe-condition&#039;).find(&#039;.process-condition-operators-w select&#039;);
        latepoint_replace_process_condition_element($select, {property: $select.val()}, $operator_selector, () =&gt; {
            $operator_selector.trigger(&#039;change&#039;);
        });
    });

    jQuery(&#039;.os-processes-w&#039;).on(&#039;change&#039;, &#039;select.process-condition-operator-selector&#039;, (event) =&gt; {
        let $select = jQuery(event.currentTarget);
        latepoint_replace_process_condition_element($select, {
            property: $select.closest(&#039;.pe-condition&#039;).find(&#039;select.process-condition-property-selector&#039;).val(),
            trigger_condition_id: $select.closest(&#039;.pe-condition&#039;).data(&#039;condition-id&#039;),
            operator: $select.val()
        }, $select.closest(&#039;.pe-condition&#039;).find(&#039;.process-condition-values-w&#039;));
    });

}

function latepoint_init_process_conditions_form() {
    jQuery(&#039;.os-late-select&#039;).lateSelect();
}

function latepoint_add_process_condition($btn, response) {
    $btn.closest(&#039;.pe-condition&#039;).after(response.message);
    latepoint_init_process_conditions_form();
}

function latepoint_init_added_process_action_form($trigger) {
    let $action_form = $trigger.prev(&#039;.process-action-form&#039;);
    $action_form.addClass(&#039;is-editing&#039;).trigger(&#039;latepoint:initProcessActionForm&#039;);
    latepoint_init_process_action_form($action_form);
}

function latepoint_init_process_test_form() {

    jQuery(&#039;.latepoint-run-process-btn&#039;).on(&#039;click&#039;, function () {
        let $btn = jQuery(this);
        if ($btn.hasClass(&#039;os-loading&#039;)) return false;
        $btn.addClass(&#039;os-loading&#039;);
        let $test_action_form = jQuery(&#039;.latepoint-side-panel-w .action-settings-wrapper&#039;);


        let form_data = new FormData(jQuery(&#039;.os-process-form.prepared-to-run&#039;)[0]);

        // set data sources
        jQuery(&#039;.process-test-data-source-selector&#039;).each(function () {
            form_data.set(jQuery(this).prop(&#039;name&#039;), jQuery(this).val());
        });

        // set selected actions
        jQuery(&#039;.process-test-data-source-selector&#039;).each(function () {
            form_data.set(jQuery(this).prop(&#039;name&#039;), jQuery(this).val());
        });

        let action_ids_to_run = [];
        jQuery(&#039;.action-to-run input[type=&quot;hidden&quot;]&#039;).each(function () {
            if (jQuery(this).val() == &#039;on&#039;) action_ids_to_run.push(jQuery(this).closest(&#039;.action-to-run&#039;).data(&#039;id&#039;));
        });
        form_data.set(&#039;action_ids&#039;, action_ids_to_run.join(&#039;,&#039;));


        let data = new FormData();
        data.append(&#039;params&#039;, latepoint_formdata_to_url_encoded_string(form_data));
        data.append(&#039;action&#039;, latepoint_helper.route_action);
        data.append(&#039;route_name&#039;, $btn.data(&#039;route&#039;));
        data.append(&#039;return_format&#039;, &#039;json&#039;);

        jQuery.ajax({
            type: &quot;post&quot;,
            dataType: &quot;json&quot;,
            processData: false,
            contentType: false,
            url: latepoint_timestamped_ajaxurl(),
            data: data,
            success: function (data) {
                $btn.removeClass(&#039;os-loading&#039;);
                if (data.status == &#039;success&#039;) {
                    latepoint_add_notification(data.message);
                } else {
                    latepoint_add_notification(data.message, &#039;error&#039;);
                }
            }
        });
    });

    jQuery(&#039;.process-action-test-data-source-selector&#039;).on(&#039;change&#039;, function () {
        // TODO add call to server to check if selected data sources matches conditions of this process
    });
}


function latepoint_init_process_action_test_form() {

    latepoint_init_json_view(jQuery(&#039;.action-preview-wrapper.type-trigger_webhook pre&#039;));

    jQuery(&#039;.latepoint-run-action-btn&#039;).on(&#039;click&#039;, function () {
        let $btn = jQuery(this);
        if ($btn.hasClass(&#039;os-loading&#039;)) return false;
        $btn.addClass(&#039;os-loading&#039;);
        let $test_action_form = jQuery(&#039;.latepoint-side-panel-w .action-settings-wrapper&#039;);

        let action_data = new FormData();


        action_data.append(&#039;params&#039;, $test_action_form.find(&#039;select, textarea, input&#039;).serialize());
        action_data.append(&#039;action&#039;, latepoint_helper.route_action);
        action_data.append(&#039;route_name&#039;, $btn.data(&#039;route&#039;));
        action_data.append(&#039;return_format&#039;, &#039;json&#039;);

        jQuery.ajax({
            type: &quot;post&quot;,
            dataType: &quot;json&quot;,
            processData: false,
            contentType: false,
            url: latepoint_timestamped_ajaxurl(),
            data: action_data,
            success: function (data) {
                $btn.removeClass(&#039;os-loading&#039;);
                if (data.status == &#039;success&#039;) {
                    latepoint_add_notification(data.message);
                } else {
                    latepoint_add_notification(data.message, &#039;error&#039;);
                }
            }
        });
    });

    jQuery(&#039;.process-action-test-data-source-selector&#039;).on(&#039;change&#039;, function () {
        let $select = jQuery(this);
        jQuery(&#039;.action-preview-wrapper&#039;).addClass(&#039;os-loading&#039;);
        let $test_action_form = $select.closest(&#039;.action-settings-wrapper&#039;);

        let action_data = new FormData();


        action_data.append(&#039;params&#039;, $test_action_form.find(&#039;select, textarea, input&#039;).serialize());
        action_data.append(&#039;action&#039;, latepoint_helper.route_action);
        action_data.append(&#039;route_name&#039;, $select.data(&#039;route&#039;));
        action_data.append(&#039;return_format&#039;, &#039;json&#039;);

        jQuery.ajax({
            type: &quot;post&quot;,
            dataType: &quot;json&quot;,
            processData: false,
            contentType: false,
            url: latepoint_timestamped_ajaxurl(),
            data: action_data,
            success: function (data) {
                jQuery(&#039;.action-preview-wrapper&#039;).html(data.message).removeClass(&#039;os-loading&#039;);
                latepoint_init_json_view(jQuery(&#039;.action-preview-wrapper.type-trigger_webhook pre&#039;));
            }
        });
    });
}

function latepoint_init_process_action_form($action_form) {
    $action_form.on(&#039;click&#039;, &#039;.os-run-process-action&#039;, function () {
        let $btn = jQuery(this);
        $btn.addClass(&#039;os-loading&#039;);
        let $action_form = $btn.closest(&#039;.process-action-form&#039;);

        if (window.tinyMCE !== undefined) window.tinyMCE.triggerSave();

        let action_data = new FormData();
        let params = latepoint_create_form_data_from_non_form_element($action_form);

        params.set(&#039;process_event_type&#039;, $action_form.closest(&#039;.os-process-form&#039;).find(&#039;.process-event-type-selector&#039;).val());

        action_data.append(&#039;params&#039;, latepoint_formdata_to_url_encoded_string(params));
        action_data.append(&#039;action&#039;, latepoint_helper.route_action);
        action_data.append(&#039;route_name&#039;, $btn.data(&#039;route&#039;));
        action_data.append(&#039;return_format&#039;, &#039;json&#039;);

        jQuery.ajax({
            type: &quot;post&quot;,
            dataType: &quot;json&quot;,
            processData: false,
            contentType: false,
            url: latepoint_timestamped_ajaxurl(),
            data: action_data,
            success: function (data) {
                latepoint_show_data_in_side_panel(data.message, &#039;width-800&#039;);
                latepoint_init_process_action_test_form();
                $btn.removeClass(&#039;os-loading&#039;);
            }
        });
        return false;
    });
    $action_form.on(&#039;click&#039;, &#039;.process-action-heading&#039;, function () {
        let $action_form = jQuery(this).closest(&#039;.process-action-form&#039;);
        if (!$action_form.hasClass(&#039;is-editing&#039;)) $action_form.trigger(&#039;latepoint:initProcessActionForm&#039;)
        $action_form.toggleClass(&#039;is-editing&#039;);
        return false;
    });

    $action_form.find(&#039;textarea.os-wp-editor-textarea&#039;).each(function (index) {
        latepoint_init_tiny_mce(jQuery(this).attr(&#039;id&#039;));
    });
    $action_form.on(&#039;click&#039;, &#039;.os-remove-process-action&#039;, function () {
        if (confirm(jQuery(this).data(&#039;os-prompt&#039;))) {
            jQuery(this).closest(&#039;.process-action-form&#039;).remove();
        }
        return false;
    });

    $action_form.on(&#039;change&#039;, &#039;.process-action-type-whatsapp-template-selector&#039;, async function () {
        let $select = jQuery(this);
        let $preview_holder = $select.closest(&#039;.process-action-settings&#039;).find(&#039;.latepoint-whatsapp-template-preview-holder&#039;);
        $preview_holder.addClass(&#039;os-loading&#039;);

        let data = {
            action: latepoint_helper.route_action,
            route_name: $select.data(&#039;route&#039;),
            params: {
                template_id: $select.val(),
                action_id: $select.data(&#039;action-id&#039;)
            },
            layout: &#039;none&#039;,
            return_format: &#039;json&#039;
        }
        try {
            let response = await jQuery.ajax({
                type: &quot;post&quot;,
                dataType: &quot;json&quot;,
                url: latepoint_timestamped_ajaxurl(),
                data: data
            });
            $preview_holder.removeClass(&#039;os-loading&#039;);
            if (response.status === &#039;success&#039;) {
                $preview_holder.html(response.message);
            } else {
                throw new Error(response.message);
            }
        } catch (e) {
            $preview_holder.removeClass(&#039;os-loading&#039;);
            console.log(e);
            alert(e);
        }
        return false;
    });

    $action_form.on(&#039;change&#039;, &#039;.process-action-type&#039;, function () {
        let $select = jQuery(this);
        jQuery(this).closest(&#039;.process-action-form&#039;).find(&#039;.process-action-name&#039;).text($select.find(&#039;option:selected&#039;).text());
        let action_type = $select.val();
        let action_id = $select.data(&#039;action-id&#039;);
        let route_name = $select.data(&#039;route&#039;);
        let $action_settings = $select.closest(&#039;.process-action-content&#039;).find(&#039;.process-action-settings&#039;);
        $action_settings.addClass(&#039;os-loading&#039;);
        let data = {
            action: latepoint_helper.route_action,
            route_name: route_name,
            params: {
                action_type: action_type,
                action_id: action_id
            },
            layout: &#039;none&#039;,
            return_format: &#039;json&#039;
        }
        jQuery.ajax({
            type: &quot;post&quot;,
            dataType: &quot;json&quot;,
            url: latepoint_timestamped_ajaxurl(),
            data: data,
            success: function (data) {
                $action_settings.html(data.message).removeClass(&#039;os-loading&#039;);
                let $action_form = $select.closest(&#039;.process-action-form&#039;);
                latepoint_init_input_masks($action_form);
                $action_form.trigger(&#039;latepoint:initProcessActionTypeSettings&#039;);
            }
        });
        return false;
    });
}

/*
 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
 */


function latepoint_preview_init_step_category_items(step_code){
  jQuery(&#039;.booking-form-preview .os-item-category-info&#039;).on(&#039;click&#039;, function(){
    var $booking_form_element = jQuery(this).closest(&#039;.booking-form-preview&#039;);
    jQuery(this).closest(&#039;.latepoint-step-content&#039;).addClass(&#039;selecting-item-category&#039;);
    var $category_wrapper = jQuery(this).closest(&#039;.os-item-category-w&#039;);
    var $main_parent = jQuery(this).closest(&#039;.os-item-categories-main-parent&#039;);
    if($category_wrapper.hasClass(&#039;selected&#039;)){
      $category_wrapper.removeClass(&#039;selected&#039;);
      if($category_wrapper.parent().closest(&#039;.os-item-category-w&#039;).length){
        $category_wrapper.parent().closest(&#039;.os-item-category-w&#039;).addClass(&#039;selected&#039;);
      }else{
        $main_parent.removeClass(&#039;show-selected-only&#039;);
      }
    }else{
      $main_parent.find(&#039;.os-item-category-w.selected&#039;).removeClass(&#039;selected&#039;);
      $main_parent.addClass(&#039;show-selected-only&#039;);
      $category_wrapper.addClass(&#039;selected&#039;);
    }
    return false;
  });
}

function latepoint_booking_form_discard_changes(){

  let form_data = new FormData(jQuery(&#039;.booking-form-preview-settings&#039;)[0]);

  var data = {
    action: latepoint_helper.route_action,
    route_name: jQuery(&#039;.booking-form-preview-settings&#039;).data(&#039;route-name&#039;),
    params: latepoint_formdata_to_url_encoded_string(form_data),
    layout: &#039;none&#039;,
    return_format: &#039;json&#039;
  }

  jQuery.ajax({
    type : &quot;post&quot;,
    dataType : &quot;json&quot;,
    url : latepoint_timestamped_ajaxurl(),
    data : data,
    success: function(data){
      if(data.status === &quot;success&quot;){
        jQuery(&#039;.booking-form-preview-inner&#039;).html(data.booking_form_html);
        latepoint_init_booking_form_preview();
      }else{
        latepoint_add_notification(data.message, &#039;error&#039;);
      }
    }
  });
}

function latepoint_booking_form_save_changes(){

  let form_data = new FormData(jQuery(&#039;.booking-form-preview-settings&#039;)[0]);

  jQuery(&#039;.editable-setting&#039;).each(function(){
    form_data.set(&#039;steps_settings&#039; + jQuery(this).data(&#039;setting-key&#039;), jQuery(this).html());
  });


  form_data.set(&#039;steps_settings&#039; + jQuery(&#039;.bf-side-media-picker-trigger&#039;).find(&#039;.os-image-id-holder&#039;).prop(&#039;name&#039;), jQuery(&#039;.bf-side-media-picker-trigger&#039;).find(&#039;.os-image-id-holder&#039;).val());


  var data = {
    action: latepoint_helper.route_action,
    route_name: jQuery(&#039;.booking-form-preview-settings&#039;).data(&#039;route-name&#039;),
    params: latepoint_formdata_to_url_encoded_string(form_data),
    layout: &#039;none&#039;,
    return_format: &#039;json&#039;
  }

  jQuery.ajax({
    type : &quot;post&quot;,
    dataType : &quot;json&quot;,
    url : latepoint_timestamped_ajaxurl(),
    data : data,
    success: function(data){
      jQuery(&#039;.booking-form-preview-settings&#039;).removeClass(&#039;os-loading&#039;);
      if(data.status === &quot;success&quot;){
        jQuery(&#039;.bf-preview-step-settings&#039;).html(data.step_settings_html);
        jQuery(&#039;.booking-form-preview-inner&#039;).html(data.booking_form_html);
        jQuery(&#039;#latepoint-main-admin-inline-css&#039;).html(data.css_variables);
        latepoint_init_booking_form_preview();
      }else{
        latepoint_add_notification(data.message, &#039;error&#039;);
      }
    }
  });
}

function latepoint_init_booking_form_preview(){

  latepoint_preview_init_step_category_items();
  latepoint_booking_form_preview_init_datepicker();


  jQuery(&#039;.booking-form-preview-wrapper&#039;).on(&#039;click&#039;, &#039;.os-step-tab&#039;, function(){
    let $booking_form_element = jQuery(this).closest(&#039;.latepoint-booking-form-element&#039;);
    jQuery(this).closest(&#039;.os-step-tabs&#039;).find(&#039;.os-step-tab&#039;).removeClass(&#039;active&#039;);
    jQuery(this).addClass(&#039;active&#039;);
    var target = jQuery(this).data(&#039;target&#039;);
    jQuery(this).closest(&#039;.os-step-tabs-w&#039;).find(&#039;.os-step-tab-content&#039;).hide();
    jQuery(target).show();
    if(jQuery(this).data(&#039;auth-action&#039;)){
      $booking_form_element.find(&#039;input[name=&quot;auth[action]&quot;]&#039;).val(jQuery(this).data(&#039;auth-action&#039;));
    }
  });


  jQuery(&#039;.bf-save-btn&#039;).on(&#039;click&#039;, function(){
    jQuery(this).addClass(&#039;os-loading&#039;);
    latepoint_booking_form_save_changes();
    return false;
  });

  jQuery(&#039;.bf-cancel-save-btn&#039;).on(&#039;click&#039;, function(){
    jQuery(this).addClass(&#039;os-loading&#039;);
    latepoint_booking_form_discard_changes();
    return false;
  });


  jQuery(&#039;.booking-form-preview .bf-next-btn&#039;).on(&#039;click&#039;, function(){
    jQuery(this).addClass(&#039;os-loading&#039;);
    jQuery(&quot;#selected_step_code &gt; option:selected&quot;)
        .prop(&quot;selected&quot;, false)
        .next()
        .prop(&quot;selected&quot;, true).trigger(&#039;change&#039;);
  });

  jQuery(&#039;.booking-form-preview .bf-prev-btn&#039;).on(&#039;click&#039;, function(){
    jQuery(this).addClass(&#039;os-loading&#039;);
    jQuery(&quot;#selected_step_code &gt; option:selected&quot;)
        .prop(&quot;selected&quot;, false)
        .prev()
        .prop(&quot;selected&quot;, true).trigger(&#039;change&#039;);
  });


  jQuery(&#039;.booking-form-preview .os-image-selector-trigger&#039;).on(&#039;click&#039;, function(){
    jQuery(&#039;.booking-form-preview&#039;).addClass(&#039;has-changes&#039;);
  });

  jQuery(&#039;.booking-form-preview .editable-setting&#039;).on(&#039;focus&#039;, function(){
    jQuery(&#039;.booking-form-preview&#039;).addClass(&#039;has-changes&#039;);
  });


  let editor = new MediumEditor(&#039;.booking-form-preview .os-editable&#039;, {toolbar: {
        buttons: [
          {
                name: &#039;bold&#039;,
                classList: [&#039;latepoint-icon&#039;, &#039;latepoint-icon-format_bold&#039;],
            },
          {
                name: &#039;anchor&#039;,
                classList: [&#039;latepoint-icon&#039;, &#039;latepoint-icon-format_link&#039;],
            },
          {
                name: &#039;h3&#039;,
                classList: [&#039;latepoint-icon&#039;, &#039;latepoint-icon-format_h3&#039;],
            },
          {
                name: &#039;h4&#039;,
                classList: [&#039;latepoint-icon&#039;, &#039;latepoint-icon-format_h4&#039;],
            },
          {
                name: &#039;h5&#039;,
                classList: [&#039;latepoint-icon&#039;, &#039;latepoint-icon-format_h5&#039;],
            },

        ]
  }
  });
  let editor_basic = new MediumEditor(&#039;.booking-form-preview .os-editable-basic&#039;, {toolbar: {
        buttons: [
          {
                name: &#039;bold&#039;,
                classList: [&#039;latepoint-icon&#039;, &#039;latepoint-icon-format_bold&#039;],
            },
          {
                name: &#039;italic&#039;,
                classList: [&#039;latepoint-icon&#039;, &#039;latepoint-icon-format_italic&#039;],
            },
          {
                name: &#039;underline&#039;,
                classList: [&#039;latepoint-icon&#039;, &#039;latepoint-icon-format_underlined&#039;],
            },
          {
                name: &#039;anchor&#039;,
                classList: [&#039;latepoint-icon&#039;, &#039;latepoint-icon-format_link&#039;],
            },

        ]
  }
  });
}

function latepoint_reload_booking_form_preview(){
  latepoint_booking_form_save_changes();
}

function latepoint_init_steps_settings(){

  jQuery(&#039;.booking-form-preview-settings&#039;).on(&#039;change&#039;, &#039; select, input[type=&quot;hidden&quot;]&#039;, function(){
    jQuery(&#039;.booking-form-preview-settings&#039;).addClass(&#039;os-loading&#039;);
    latepoint_reload_booking_form_preview();
  });

  jQuery(&#039;.trigger-custom-color-save&#039;).on(&#039;click&#039;, function(){
    jQuery(&#039;.booking-form-preview-settings&#039;).addClass(&#039;os-loading&#039;);
    latepoint_booking_form_save_changes();
    return false;
  });

  jQuery(&#039;.bf-color-scheme-color-trigger&#039;).on(&#039;click&#039;, function(){
    jQuery(&#039;.bf-color-scheme-color-trigger.is-selected&#039;).removeClass(&#039;is-selected&#039;);
    jQuery(this).addClass(&#039;is-selected&#039;);
    let color_scheme = jQuery(this).data(&#039;color-code&#039;);
    jQuery(&#039;.os-color-scheme-selector-wrapper select&#039;).val(color_scheme).trigger(&#039;change&#039;);
    if(color_scheme == &#039;custom&#039;){
      jQuery(&#039;.os-custom-color-selector-wrapper&#039;).removeClass(&#039;is-hidden&#039;);
    }else{
      jQuery(&#039;.os-custom-color-selector-wrapper&#039;).addClass(&#039;is-hidden&#039;);
    }
    return false;
  });

  jQuery(&#039;.os-section-collapsible-trigger&#039;).on(&#039;click&#039;, function(){
    jQuery(this).closest(&#039;.os-section-collapsible-wrapper&#039;).toggleClass(&#039;is-open&#039;);
    return false;
  })
}


function latepoint_booking_form_preview_init_timeslots($booking_form_element = false){
  if(!$booking_form_element) return;
  $booking_form_element.on(&#039;click&#039;, &#039;.dp-timepicker-trigger&#039;, function(){
    if(jQuery(this).hasClass(&#039;is-booked&#039;) || jQuery(this).hasClass(&#039;is-off&#039;)){
      // Show error message that you cant select a booked period
    }else{
      if(jQuery(this).hasClass(&#039;selected&#039;)){
        jQuery(this).removeClass(&#039;selected&#039;);
        jQuery(this).find(&#039;.dp-success-label&#039;).remove();
      }else{
        $booking_form_element.find(&#039;.dp-timepicker-trigger.selected&#039;).removeClass(&#039;selected&#039;).find(&#039;.dp-success-label&#039;).remove();
        var selected_timeslot_time = jQuery(this).find(&#039;.dp-label-time&#039;).html();
        jQuery(this).addClass(&#039;selected&#039;).find(&#039;.dp-label&#039;).prepend(&#039;&lt;span class=&quot;dp-success-label&quot;&gt;&#039; + latepoint_helper.datepicker_timeslot_selected_label + &#039;&lt;/span&gt;&#039;);

        var minutes = parseInt(jQuery(this).data(&#039;minutes&#039;));
        var start_date = new Date($booking_form_element.find(&#039;.os-day.selected&#039;).data(&#039;date&#039;));
        $booking_form_element.find(&#039;.latepoint_start_date&#039;).val(start_date.toISOString().split(&#039;T&#039;)[0])
        latepoint_trigger_next_btn($booking_form_element);
      }
    }
    return false;
  });
}


function latepoint_booking_form_preview_day_timeslots($day){
  let $wrapper_element = jQuery(&#039;.booking-form-preview&#039;);
  $day.addClass(&#039;selected&#039;);

  var service_duration = $day.data(&#039;service-duration&#039;);
  var interval = $day.data(&#039;interval&#039;);
  var work_start_minutes = $day.data(&#039;work-start-time&#039;);
  var work_end_minutes = $day.data(&#039;work-end-time&#039;);
  var total_work_minutes = $day.data(&#039;total-work-minutes&#039;);
  var bookable_minutes = [];
  var available_capacities_of_bookable_minute = [];
  if($day.attr(&#039;data-bookable-minutes&#039;)){
    if($day.data(&#039;bookable-minutes&#039;).toString().indexOf(&#039;:&#039;) &gt; -1){
      // has capacity information embedded into bookable minutes string
      let bookable_minutes_with_capacity = $day.data(&#039;bookable-minutes&#039;).toString().split(&#039;,&#039;);
      for(let i = 0; i &lt; bookable_minutes_with_capacity.length; i++){
        bookable_minutes.push(parseInt(bookable_minutes_with_capacity[i].split(&#039;:&#039;)[0]));
        available_capacities_of_bookable_minute.push(parseInt(bookable_minutes_with_capacity[i].split(&#039;:&#039;)[1]));
      }
    }else{
      bookable_minutes = $day.data(&#039;bookable-minutes&#039;).toString().split(&#039;,&#039;).map(Number);
    }
  }
  var work_minutes = $day.data(&#039;work-minutes&#039;).toString().split(&#039;,&#039;).map(Number);

  var $timeslots = $wrapper_element.find(&#039;.timeslots&#039;);
  $timeslots.html(&#039;&#039;);

  if(total_work_minutes &gt; 0 &amp;&amp; bookable_minutes.length &amp;&amp; work_minutes.length){
    var prev_minutes = false;
    work_minutes.forEach(function(current_minutes){
      var ampm = latepoint_am_or_pm(current_minutes);

      var timeslot_class = &#039;dp-timepicker-trigger&#039;;
      var timeslot_available_capacity = 0;
      if($wrapper_element.find(&#039;.os-dates-w&#039;).data(&#039;time-pick-style&#039;) == &#039;timeline&#039;){
        timeslot_class+= &#039; dp-timeslot&#039;;
      }else{
        timeslot_class+= &#039; dp-timebox&#039;;
      }

      if(prev_minutes !== false &amp;&amp; ((current_minutes - prev_minutes) &gt; service_duration)){
        // show interval that is off between two work periods
        var off_label = latepoint_minutes_to_hours_and_minutes(prev_minutes + service_duration)+&#039; &#039;+ latepoint_am_or_pm(prev_minutes + service_duration) + &#039; - &#039; + latepoint_minutes_to_hours_and_minutes(current_minutes)+&#039; &#039;+latepoint_am_or_pm(current_minutes);
        var off_width = (((current_minutes - prev_minutes - service_duration) / total_work_minutes) * 100);
        $timeslots.append(&#039;&lt;div class=&quot;&#039;+ timeslot_class +&#039; is-off&quot; style=&quot;max-width:&#039;+ off_width +&#039;%; width:&#039;+ off_width +&#039;%&quot;&gt;&lt;span class=&quot;dp-label&quot;&gt;&#039; + off_label + &#039;&lt;/span&gt;&lt;/div&gt;&#039;);
      }

      if(!bookable_minutes.includes(current_minutes)){
        timeslot_class+= &#039; is-booked&#039;;
      }else{
        if(available_capacities_of_bookable_minute.length) timeslot_available_capacity = available_capacities_of_bookable_minute[bookable_minutes.indexOf(current_minutes)];
      }
      var tick_html = &#039;&#039;;
      var capacity_label = &#039;&#039;;
      var capacity_label_html = &#039;&#039;;
      var capacity_internal_label_html = &#039;&#039;;

      if(((current_minutes % 60) == 0) || (interval &gt;= 60)){
        timeslot_class+= &#039; with-tick&#039;;
        tick_html = &#039;&lt;span class=&quot;dp-tick&quot;&gt;&lt;strong&gt;&#039;+latepoint_minutes_to_hours_preferably(current_minutes)+&#039;&lt;/strong&gt;&#039;+&#039; &#039;+ampm+&#039;&lt;/span&gt;&#039;;
      }
      var timeslot_label = latepoint_minutes_to_hours_and_minutes(current_minutes)+&#039; &#039;+ampm;
      if(latepoint_show_booking_end_time()){
        var end_minutes = current_minutes + service_duration;
        if(end_minutes &gt; 1440) end_minutes = end_minutes - 1440;
        var end_minutes_ampm = latepoint_am_or_pm(end_minutes);
        timeslot_label+= &#039; - &lt;span class=&quot;dp-label-end-time&quot;&gt;&#039; + latepoint_minutes_to_hours_and_minutes(end_minutes)+&#039; &#039;+end_minutes_ampm + &#039;&lt;/span&gt;&#039;;
      }
      if(timeslot_available_capacity){
        var spaces_message = timeslot_available_capacity &gt; 1 ? latepoint_helper.many_spaces_message : latepoint_helper.single_space_message;
        capacity_label = timeslot_available_capacity + &#039; &#039; + spaces_message;
        capacity_label_html = &#039;&lt;span class=&quot;dp-capacity&quot;&gt;&#039; + capacity_label + &#039;&lt;/span&gt;&#039;;
        capacity_internal_label_html = &#039;&lt;span class=&quot;dp-label-capacity&quot;&gt;&#039; + capacity_label + &#039;&lt;/span&gt;&#039;;
      }
      timeslot_label = timeslot_label.trim();
      $timeslots.removeClass(&#039;slots-not-available&#039;).append(&#039;&lt;div class=&quot;&#039;+timeslot_class+&#039;&quot; data-minutes=&quot;&#039; + current_minutes + &#039;&quot;&gt;&lt;span class=&quot;dp-label&quot;&gt;&#039; + capacity_internal_label_html + &#039;&lt;span class=&quot;dp-label-time&quot;&gt;&#039; + timeslot_label + &#039;&lt;/span&gt;&#039; +&#039;&lt;/span&gt;&#039;+tick_html+ capacity_label_html + &#039;&lt;/div&gt;&#039;);
      prev_minutes = current_minutes;
    });
  }else{
    // No working hours this day
    $timeslots.addClass(&#039;slots-not-available&#039;).append(&#039;&lt;div class=&quot;not-working-message&quot;&gt;&#039; + latepoint_helper.msg_not_available + &quot;&lt;/div&gt;&quot;);
  }
  jQuery(&#039;.times-header-label span&#039;).text($day.data(&#039;nice-date&#039;));
  $wrapper_element.find(&#039;.time-selector-w&#039;).slideDown(200);
}

function latepoint_booking_form_preview_init_monthly_calendar_navigation($booking_form_element){

  if(!$booking_form_element) return;
  $booking_form_element.on(&#039;click&#039;, &#039;.os-month-next-btn&#039;, function(){
    var $booking_form_element = jQuery(this).closest(&#039;.latepoint-booking-form-element&#039;);
    var next_month_route_name = jQuery(this).data(&#039;route&#039;);
    if($booking_form_element.find(&#039;.os-monthly-calendar-days-w.active + .os-monthly-calendar-days-w&#039;).length){
      $booking_form_element.find(&#039;.os-monthly-calendar-days-w.active&#039;).removeClass(&#039;active&#039;).next(&#039;.os-monthly-calendar-days-w&#039;).addClass(&#039;active&#039;);
      latepoint_booking_form_preview_calendar_set_month_label($booking_form_element);
    }else{
      alert(&#039;Disabled in preview&#039;);
    }
    latepoint_calendar_show_or_hide_prev_next_buttons($booking_form_element);
    return false;
  });
  $booking_form_element.on(&#039;click&#039;, &#039;.os-month-prev-btn&#039;, function(){
    var $booking_form_element = jQuery(this).closest(&#039;.latepoint-booking-form-element&#039;);
    if($booking_form_element.find(&#039;.os-monthly-calendar-days-w.active&#039;).prev(&#039;.os-monthly-calendar-days-w&#039;).length){
      $booking_form_element.find(&#039;.os-monthly-calendar-days-w.active&#039;).removeClass(&#039;active&#039;).prev(&#039;.os-monthly-calendar-days-w&#039;).addClass(&#039;active&#039;);
      latepoint_booking_form_preview_calendar_set_month_label($booking_form_element);
    }
    return false;
  });
}


function latepoint_booking_form_preview_calendar_set_month_label(){
  jQuery(&#039;.os-current-month-label .current-month&#039;).text(jQuery(&#039;.os-monthly-calendar-days-w.active&#039;).data(&#039;calendar-month-label&#039;));
  jQuery(&#039;.os-current-month-label .current-year&#039;).text(jQuery(&#039;.os-monthly-calendar-days-w.active&#039;).data(&#039;calendar-year&#039;));
}


function latepoint_booking_form_preview_init_datepicker(){
  let $booking_form_element = jQuery(&#039;.latepoint-booking-form-element&#039;);
  latepoint_booking_form_preview_init_timeslots($booking_form_element);
  latepoint_booking_form_preview_init_monthly_calendar_navigation($booking_form_element);
  $booking_form_element.on(&#039;click&#039;, &#039;.os-months .os-day&#039;, function(){
    if(jQuery(this).hasClass(&#039;os-day-passed&#039;)) return false;
    if(jQuery(this).hasClass(&#039;os-not-in-allowed-period&#039;)) return false;
    if(jQuery(this).hasClass(&#039;os-month-prev&#039;)) return false;
    if(jQuery(this).hasClass(&#039;os-month-next&#039;)) return false;
    if(jQuery(this).closest(&#039;.os-monthly-calendar-days-w&#039;).hasClass(&#039;hide-if-single-slot&#039;)){

      // HIDE TIMESLOT IF ONLY ONE TIMEPOINT
      if(jQuery(this).hasClass(&#039;os-not-available&#039;)){
        // clicked on a day that has no available timeslots
        // do nothing
      }else{
        $booking_form_element.find(&#039;.os-day.selected&#039;).removeClass(&#039;selected&#039;);
        jQuery(this).addClass(&#039;selected&#039;);
        // set date
        $booking_form_element.find(&#039;.latepoint_start_date&#039;).val(jQuery(this).data(&#039;date&#039;));
        if(jQuery(this).hasClass(&#039;os-one-slot-only&#039;)){
          // clicked on a day that has only one slot available
          var bookable_minutes = jQuery(this).data(&#039;bookable-minutes&#039;).toString().split(&#039;:&#039;)[0];
          var selected_timeslot_time = latepoint_format_minutes_to_time(Number(bookable_minutes), Number(jQuery(this).data(&#039;service-duration&#039;)));
          $booking_form_element.find(&#039;.time-selector-w&#039;).slideUp(200);
        }else{
          // regular day with more than 1 timeslots available
          // build timeslots
          latepoint_booking_form_preview_day_timeslots(jQuery(this));
          // clear time and hide next btn
        }
      }
    }else{
      // SHOW TIMESLOTS EVEN IF ONLY ONE TIMEPOINT
      $booking_form_element.find(&#039;.latepoint_start_date&#039;).val(jQuery(this).data(&#039;date&#039;));
      $booking_form_element.find(&#039;.os-day.selected&#039;).removeClass(&#039;selected&#039;);
      jQuery(this).addClass(&#039;selected&#039;);

      // build timeslots
      latepoint_booking_form_preview_day_timeslots(jQuery(this));
      // clear time and hide next btn
    }


    return false;
  });
}


/*
 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
 */

function latepoint_submit_quick_order_form(){
  let $quick_edit_form = jQuery(&#039;form.order-quick-edit-form&#039;);

  let errors = latepoint_validate_form($quick_edit_form);
  if(errors.length){
    let error_messages = errors.map(error =&gt;  error.message ).join(&#039;, &#039;);
    latepoint_add_notification(error_messages, &#039;error&#039;);
    return false;
  }

  $quick_edit_form.find(&#039;button[type=&quot;submit&quot;]&#039;).addClass(&#039;os-loading&#039;);
  jQuery.ajax({
    type: &quot;post&quot;,
    dataType: &quot;json&quot;,
    processData: false,
    contentType: false,
    url: latepoint_timestamped_ajaxurl(),
    data: latepoint_create_form_data($quick_edit_form),
    success: function (response) {
      if(response.fields_to_update){
        for (const [key, value] of Object.entries(response.fields_to_update)) {
            $quick_edit_form.find(&#039;input[name=&quot;&#039; + key + &#039;&quot;]&#039;).val(value)
        }
      }
      $quick_edit_form.find(&#039;button[type=&quot;submit&quot;]&#039;).removeClass(&#039;os-loading&#039;);
      if(response.form_values_to_update){
        jQuery.each(response.form_values_to_update, function(name, value){
          $quick_edit_form.find(&#039;[name=&quot;&#039;+ name +&#039;&quot;]&#039;).val(value);
        });
      }
      if (response.status === &quot;success&quot;) {
        latepoint_add_notification(response.message);
        latepoint_reload_after_order_save();
      }else{
        latepoint_add_notification(response.message, &#039;error&#039;);
      }
    }
  });

}

function latepoint_apply_agent_selector_change(){
  if(jQuery(&#039;.quick-availability-per-day-w&#039;).length){

    let booking_form_id = jQuery(&#039;.quick-availability-per-day-w&#039;).data(&#039;trigger-form-booking-id&#039;);
    let $trigger_btn = jQuery(&#039;.order-item-booking-data-form-wrapper[data-booking-id=&quot;&#039; + booking_form_id + &#039;&quot;]&#039;).find(&#039;.trigger-quick-availability&#039;);

    latepoint_load_quick_availability($trigger_btn);
  }
}

function latepoint_apply_service_selector_change($form){
  let field_base_name = &#039;order_items[&#039; + $form.data(&#039;order-item-id&#039;) +&#039;][bookings][&#039; + $form.data(&#039;booking-id&#039;) +&#039;]&#039;;

  var $selected_service = $form.find(&#039;.os-services-select-field-w .service-option-selected&#039;);
  var service_id = $selected_service.data(&#039;id&#039;);
  var buffer_before = $selected_service.data(&#039;buffer-before&#039;);
  var buffer_after = $selected_service.data(&#039;buffer-after&#039;);
  var default_duration = $selected_service.data(&#039;duration&#039;);
  var default_duration_name = $selected_service.data(&#039;duration-name&#039;);
  var min_capacity = $selected_service.data(&#039;capacity-min&#039;);
  var max_capacity = $selected_service.data(&#039;capacity-max&#039;);

  var extra_durations = $selected_service.data(&#039;extra-durations&#039;);

  $form.find(&#039;input[name=&quot;&#039;+field_base_name+&#039;[buffer_before]&quot;]&#039;).val(buffer_before).trigger(&#039;change&#039;).closest(&#039;.os-form-group&#039;).addClass(&#039;has-value&#039;);
  $form.find(&#039;input[name=&quot;&#039;+field_base_name+&#039;[buffer_after]&quot;]&#039;).val(buffer_after).trigger(&#039;change&#039;).closest(&#039;.os-form-group&#039;).addClass(&#039;has-value&#039;);
  $form.find(&#039;input[name=&quot;&#039;+field_base_name+&#039;[service_id]&quot;]&#039;).val(service_id).trigger(&#039;change&#039;).closest(&#039;.os-form-group&#039;).addClass(&#039;has-value&#039;);

  var duration_name = default_duration_name ? default_duration_name : (default_duration + &#039; &#039; + latepoint_helper.string_minutes);
  var options = &#039;&lt;option value=&quot;&#039;+ default_duration +&#039;&quot;&gt;&#039; + duration_name + &#039;&lt;/option&gt;&#039;;
  if(extra_durations.length){
    jQuery.each(extra_durations, function(index, value){
      var duration_name = value.name ? value.name : value.duration + &#039; &#039; + latepoint_helper.string_minutes;
      options+= &#039;&lt;option value=&quot;&#039;+ value.duration +&#039;&quot;&gt;&#039; + duration_name + &#039;&lt;/option&gt;&#039;;
    });
    $form.find(&#039;.os-service-durations&#039;).show();
  }else{
    $form.find(&#039;.os-service-durations&#039;).hide();
  }

  $form.find(&#039;.booking-total-attendees-selector-w .capacity-info strong&#039;).text(max_capacity);
  var attendees_options_html = &#039;&#039;;
  for(var i=1;i&lt;=max_capacity;i++){
    attendees_options_html+= &#039;&lt;option value=&quot;&#039; + i + &#039;&quot;&gt;&#039; + i + &#039;&lt;/option&gt;&#039;;
  }
  var selected_attendees = Math.min(jQuery(&#039;.booking-total-attendees-selector-w select&#039;).val(), max_capacity);
  $form.find(&#039;.booking-total-attendees-selector-w select&#039;).html(attendees_options_html).val(selected_attendees);
  if(max_capacity &gt; 1){
    $form.find(&#039;.booking-total-attendees-selector-w&#039;).show();
  }else{
    $form.find(&#039;.booking-total-attendees-selector-w&#039;).hide();
  }

  $form.find(&#039;.os-service-durations select&#039;).html(options);

  latepoint_set_booking_end_time($form);
  if(jQuery(&#039;.quick-availability-per-day-w&#039;).length){
    latepoint_load_quick_availability($form.find(&#039;.trigger-quick-availability&#039;));
  }

  latepoint_init_input_masks($form);
}

function latepoint_reload_balance_and_payments(){
  let $wrapper = jQuery(&#039;.balance-payment-info&#039;);
  $wrapper.closest(&#039;.balance-payment-wrapper&#039;).addClass(&#039;os-loading&#039;);
  let route_name = $wrapper.data(&#039;route&#039;);
  let $quick_edit_form = $wrapper.closest(&#039;form.order-quick-edit-form&#039;);
  let form_data = new FormData($quick_edit_form[0]);

  let data = { action: latepoint_helper.route_action, route_name: route_name, params: latepoint_formdata_to_url_encoded_string(form_data), return_format: &#039;json&#039; }
  jQuery.ajax({
    type : &quot;post&quot;,
    dataType : &quot;json&quot;,
    url : latepoint_timestamped_ajaxurl(),
    data : data,
    success: function(response){
      $wrapper.closest(&#039;.balance-payment-wrapper&#039;).removeClass(&#039;os-loading&#039;);
      if(response.status === &quot;success&quot;){
        jQuery(&#039;.balance-payment-wrapper&#039;).html(response.message);
        latepoint_init_input_masks(jQuery(&#039;.balance-payment-wrapper&#039;));
        latepoint_init_daterangepicker(jQuery(&#039;.balance-payment-wrapper .os-date-range-picker&#039;));
        latepoint_init_payment_request_form(jQuery(&#039;.quick-order-form-w&#039;));
      }else{
        alert(response.message);
      }
    }
  });
}


function latepoint_cancel_adding_new_order_item_to_quick_edit_form(){
  jQuery(&#039;.order-items-list&#039;).removeClass(&#039;is-blurred&#039;);
  jQuery(&#039;.new-order-item-list-bundles-wrapper&#039;).removeClass(&#039;is-open&#039;);
  jQuery(&#039;.new-order-item-variant-selector-wrapper&#039;).removeClass(&#039;is-open&#039;);
  jQuery(&#039;.order-form-add-item-btn&#039;).removeClass(&#039;is-cancelling&#039;).find(&#039;span&#039;).text(jQuery(&#039;.order-form-add-item-btn&#039;).data(&#039;add-label&#039;));
}

function latepoint_build_new_booking_order_item(){
  jQuery(&#039;.order-form-add-item-btn&#039;).addClass(&#039;os-loading&#039;);
  latepoint_cancel_adding_new_order_item_to_quick_edit_form();
  let params = {}

  var data = {
    action: &#039;latepoint_route_call&#039;,
    route_name: jQuery(&#039;.order-form-add-item-btn&#039;).data(&#039;booking-form-route-name&#039;),
    params: params,
    return_format: &#039;json&#039;
  }
  jQuery.ajax({
    type : &quot;post&quot;,
    dataType : &quot;json&quot;,
    url : latepoint_timestamped_ajaxurl(),
    data : data,
    success: function(response){
      if(response.status === &quot;success&quot;){
        let $form = jQuery(response.message);
        jQuery(&#039;.order-items-list&#039;).prepend($form);
        jQuery(&#039;.order-form-add-item-btn&#039;).removeClass(&#039;os-loading&#039;);
        latepoint_init_booking_data_form(jQuery(&#039;.order-item-booking-data-form-wrapper[data-order-item-id=&quot;&#039; + $form.data(&#039;order-item-id&#039;) + &#039;&quot;]&#039;));
        // new item added, trigger change event
        latepoint_quick_order_items_changed();
      }else{
        alert(response.message, &#039;error&#039;);
      }
    }
  });
}

function latepoint_build_booking_data_form_for_bundle($slot_for_booking){
  $slot_for_booking.addClass(&#039;os-loading&#039;);
  latepoint_cancel_adding_new_order_item_to_quick_edit_form();
  let params = {}

  let is_booked = $slot_for_booking.hasClass(&#039;is-booked&#039;);

  var data = {
    action: &#039;latepoint_route_call&#039;,
    route_name: jQuery(&#039;.order-form-add-item-btn&#039;).data(&#039;booking-form-route-name&#039;),
    params: {
      order_item_id: $slot_for_booking.data(&#039;order-item-id&#039;),
      order_item_variant: $slot_for_booking.data(&#039;order-item-variant&#039;),
      booking_id: $slot_for_booking.data(&#039;booking-id&#039;),
      booking_item_data: is_booked ? $slot_for_booking.find(&#039;.booking_item_data&#039;).val() : $slot_for_booking.find(&#039;.unscheduled_booking_item_data&#039;).val()
    },
    return_format: &#039;json&#039;
  }
  jQuery.ajax({
    type : &quot;post&quot;,
    dataType : &quot;json&quot;,
    url : latepoint_timestamped_ajaxurl(),
    data : data,
    success: function(response){
      if(response.status === &quot;success&quot;){
        let $form = jQuery(response.message);
        $slot_for_booking.removeClass(&#039;os-loading&#039;);
        if($slot_for_booking){
          $slot_for_booking.find(&#039;.scheduled-bundle-booking&#039;).html($form).closest(&#039;.order-item-variant-bundle-booking &#039;).addClass(&#039;is-booked&#039;);
        }else{
          jQuery(&#039;.order-items-list&#039;).prepend($form);
        }
        latepoint_init_booking_data_form(jQuery(&#039;.order-item-booking-data-form-wrapper[data-order-item-id=&quot;&#039; + $form.data(&#039;order-item-id&#039;) + &#039;&quot;][data-booking-id=&quot;&#039; + $form.data(&#039;booking-id&#039;) + &#039;&quot;]&#039;));
        // new item added, trigger change event
        if(!$slot_for_booking) latepoint_quick_order_items_changed();
      }else{
        alert(response.message, &#039;error&#039;);
      }
    }
  });
}

function latepoint_bundle_added_to_quick_order(){
  latepoint_quick_order_items_changed();
  latepoint_cancel_adding_new_order_item_to_quick_edit_form();
}

function latepoint_quick_order_items_changed(){
  latepoint_reload_price_breakdown();
}


function latepoint_fold_booking_data_form_in_order_quick_edit($booking_data_form){
  if(!$booking_data_form.length) return false;
  latepoint_close_quick_availability_form();
  latepoint_show_all_order_items();
  let order_item_id = $booking_data_form.data(&#039;order-item-id&#039;);
  let booking_id = $booking_data_form.data(&#039;booking-id&#039;);
  let order_item_variant = $booking_data_form.data(&#039;order-item-variant&#039;);


  $booking_data_form.addClass(&#039;is-loading&#039;);

  let form_data = new FormData(jQuery(&#039;.order-quick-edit-form&#039;)[0]);
  form_data.set(&#039;order_item_id&#039;, order_item_id);
  form_data.set(&#039;booking_id&#039;, booking_id);
  var data = {
    action: &#039;latepoint_route_call&#039;,
    route_name: jQuery(&#039;.order-form-add-item-btn&#039;).data(&#039;fold-booking-data-route-name&#039;),
    params: latepoint_formdata_to_url_encoded_string(form_data),
    return_format: &#039;json&#039;
  }
  jQuery.ajax({
    type : &quot;post&quot;,
    dataType : &quot;json&quot;,
    url : latepoint_timestamped_ajaxurl(),
    data : data,
    success: function(response){
      if(response.status === &quot;success&quot;){
        $booking_data_form.removeClass(&#039;is-loading&#039;).removeClass(&#039;is-unfolded&#039;).addClass(&#039;is-folded&#039;);
        if(order_item_variant == latepoint_helper.order_item_variant_bundle){
          $booking_data_form.closest(&#039;.order-item-variant-bundle-booking&#039;).addClass(&#039;is-booked&#039;);
          $booking_data_form.find(&#039;.bundle-booking-item-pill&#039;).replaceWith(response.message);
        }else{
          $booking_data_form.find(&#039;.order-item-pill&#039;).replaceWith(response.message);
        }
      }else{
        alert(response.message, &#039;error&#039;);
      }
    }
  });
}


function latepoint_init_booking_data_form($booking_data_form){
  latepoint_init_input_masks($booking_data_form);

  $booking_data_form.find(&#039;.fold-order-item-booking-data-form-btn&#039;).on(&#039;click&#039;, function(){
    latepoint_fold_booking_data_form_in_order_quick_edit($booking_data_form);
    return false;
  });

  $booking_data_form.find(&#039;.quick-booking-form-view-log-btn&#039;).on(&#039;click&#039;, function(){
    var $trigger_elem = jQuery(this);
    $trigger_elem.addClass(&#039;os-loading&#039;);
    var route = $trigger_elem.data(&#039;route&#039;);
    var data = { action: &#039;latepoint_route_call&#039;, route_name: route, params: {booking_id: $trigger_elem.data(&#039;booking-id&#039;)}, return_format: &#039;json&#039; }
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(response){
        $trigger_elem.removeClass(&#039;os-loading&#039;);
        if(response.status === &quot;success&quot;){
          latepoint_display_in_side_sub_panel(response.message);
          jQuery(&#039;body&#039;).addClass(&#039;has-side-sub-panel&#039;);
        }else{
          alert(response.message, &#039;error&#039;);
        }
      }
    });
    return false;
  });


  $booking_data_form.find(&#039;.os-late-select&#039;).lateSelect();

  $booking_data_form.find(&#039;.trigger-quick-availability&#039;).on(&#039;click&#039;, function(){
    latepoint_load_quick_availability(jQuery(this));
    return false;
  });

  let field_base_name = &#039;order_items[&#039; + $booking_data_form.data(&#039;order-item-id&#039;) +&#039;][bookings][&#039; + $booking_data_form.data(&#039;booking-id&#039;) +&#039;]&#039;;

  $booking_data_form.find(&#039;input[name=&quot;&#039; + field_base_name +&#039;[start_time][formatted_value]&quot;]&#039;).on(&#039;change&#039;, function(){
    latepoint_set_booking_end_time($booking_data_form);
  });
  $booking_data_form.find(&#039;input[name=&quot;&#039; + field_base_name +&#039;[end_time][formatted_value]&quot;]&#039;).on(&#039;change&#039;, function(){
    latepoint_is_next_day($booking_data_form);
  });


  $booking_data_form.on(&#039;change&#039;, &#039;.agent-selector&#039;, function(){
    latepoint_apply_agent_selector_change($booking_data_form);
  });
  $booking_data_form.on(&#039;change&#039;, &#039;.location-selector&#039;, function(){
    latepoint_apply_agent_selector_change($booking_data_form);
  });
  $booking_data_form.on(&#039;change&#039;, &#039;select[name=&quot;booking[location_id]&quot;]&#039;, function(){
    latepoint_apply_agent_selector_change($booking_data_form);
  });
  $booking_data_form.on(&#039;change&#039;, &#039;select[name=&quot;booking[total_attendees]&quot;]&#039;, function(){
    latepoint_apply_agent_selector_change($booking_data_form);
  });

  $booking_data_form.on(&#039;change&#039;, &#039;.os-affects-duration&#039;, function(){
    latepoint_set_booking_end_time($booking_data_form);
    if(jQuery(&#039;.quick-availability-per-day-w&#039;).length){
      latepoint_load_quick_availability($booking_data_form.find(&#039;.trigger-quick-availability&#039;));
    }
  });

  $booking_data_form.on(&#039;change&#039;, &#039;.os-affects-price&#039;, function(){
    latepoint_reload_price_breakdown();
  });

  $booking_data_form.on(&#039;change&#039;, &#039;.os-affects-balance&#039;, function(){
    latepoint_reload_balance_and_payments();
  });
  $booking_data_form.on(&#039;keyup&#039;, &#039;.os-affects-balance&#039;, function(event){
    if(event.keyCode == 13) {
      latepoint_reload_balance_and_payments();
    }
  });


  $booking_data_form.on(&#039;click&#039;, &#039;.services-options-list .service-option&#039;, function(){
    var selected_option_html = jQuery(this).html();
    var $selected_option = jQuery(this).closest(&#039;.os-services-select-field-w&#039;).find(&#039;.service-option-selected&#039;);
    $selected_option.html(selected_option_html)
                    .data(&#039;id&#039;, jQuery(this).data(&#039;id&#039;))
                    .data(&#039;duration&#039;, jQuery(this).data(&#039;duration&#039;))
                    .data(&#039;duration-name&#039;, jQuery(this).data(&#039;duration-name&#039;))
                    .data(&#039;buffer-before&#039;, jQuery(this).data(&#039;buffer-before&#039;))
                    .data(&#039;buffer-after&#039;, jQuery(this).data(&#039;buffer-after&#039;))
                    .data(&#039;capacity-min&#039;, jQuery(this).data(&#039;capacity-min&#039;))
                    .data(&#039;capacity-max&#039;, jQuery(this).data(&#039;capacity-max&#039;))
                    .data(&#039;extra-durations&#039;, jQuery(this).data(&#039;extra-durations&#039;));
    jQuery(this).closest(&#039;.os-services-select-field-w&#039;).find(&#039;.service-option.selected&#039;).removeClass(&#039;selected&#039;);
    jQuery(this).addClass(&#039;selected&#039;).closest(&#039;.os-services-select-field-w&#039;).removeClass(&#039;active&#039;);
    latepoint_apply_service_selector_change($booking_data_form);
    return false;
  });

  $booking_data_form.trigger(&#039;latepoint:initBookingDataForm&#039;);

}

function latepoint_init_payment_request_form($quick_order_form){
  $quick_order_form.find(&#039;select[name=&quot;payment_request[portion]&quot;]&#039;).on(&#039;change&#039;, function(){
    if(jQuery(this).val() == &#039;custom&#039;){
      $quick_order_form.find(&#039;.custom-charge-amount-wrapper&#039;).show();
    }else{
      $quick_order_form.find(&#039;.custom-charge-amount-wrapper&#039;).hide();
    }
  })
}

function latepoint_show_all_order_items(){
  let $quick_order_form = jQuery(&#039;.quick-order-form-w&#039;);
  $quick_order_form.find(&#039;.order-items-info-w&#039;).removeClass(&#039;show-preselected-only&#039;);
  $quick_order_form.find(&#039;.holds-preselected-booking&#039;).removeClass(&#039;holds-preselected-booking&#039;);
}

function latepoint_init_quick_order_form(){
  let $quick_order_form = jQuery(&#039;.quick-order-form-w&#039;);
  $quick_order_form.trigger(&#039;latepoint:initOrderEditForm&#039;);

  $quick_order_form.on(&#039;change&#039;, &#039;.os-affects-balance&#039;, function(){
    latepoint_reload_balance_and_payments();
  });
  $quick_order_form.on(&#039;keyup&#039;, &#039;.os-affects-balance&#039;, function(event){
    if(event.keyCode == 13) {
      latepoint_reload_balance_and_payments();
    }
  });

  latepoint_init_customer_inline_edit_form($quick_order_form.find(&#039;.customer-info-w&#039;));
  $quick_order_form.find(&#039;.order-item-booking-data-form-wrapper&#039;).each(function(){
    latepoint_init_booking_data_form(jQuery(this));
  });

  latepoint_lightbox_close();
  latepoint_remove_floating_popup();
  latepoint_init_input_masks($quick_order_form);
  latepoint_init_daterangepicker($quick_order_form.find(&#039;.os-date-range-picker&#039;));
  latepoint_init_payment_request_form($quick_order_form);

  // Transactions

  $quick_order_form.on(&#039;click&#039;, &#039;.transaction-refund-settings-button&#039;, function(){
    jQuery(this).closest(&#039;.quick-add-transaction-box-w&#039;).addClass(&#039;show-refund-settings&#039;);
  });
  $quick_order_form.on(&#039;click&#039;, &#039;.transaction-refund-submit-button&#039;, function(){
      let $trigger_elem = jQuery(this);
      if(confirm(jQuery(this).data(&#039;os-prompt&#039;))){
        $trigger_elem.addClass(&#039;os-loading&#039;);
        let route = $trigger_elem.data(&#039;route&#039;);
        let data = { action: &#039;latepoint_route_call&#039;, route_name: route, params: $trigger_elem.closest(&#039;.refund-settings-fields&#039;).find(&#039;input, textarea, select&#039;).serialize(), return_format: &#039;json&#039; }
        jQuery.ajax({
          type : &quot;post&quot;,
          dataType : &quot;json&quot;,
          url : latepoint_timestamped_ajaxurl(),
          data : data,
          success: function(response){
            $trigger_elem.removeClass(&#039;os-loading&#039;);
            if(response.status === &quot;success&quot;){
              $trigger_elem.closest(&#039;.quick-add-transaction-box-w&#039;).replaceWith(response.message);
              latepoint_reload_balance_and_payments();
            }else{
              alert(response.message, &#039;error&#039;);
            }
          }
        });
        return false;
      }
  });

  $quick_order_form.on(&#039;click&#039;, &#039;.refund-settings-close&#039;, function(){
    jQuery(this).closest(&#039;.quick-add-transaction-box-w&#039;).removeClass(&#039;show-refund-settings&#039;);
  });
  $quick_order_form.on(&#039;change&#039;, &#039;.refund-portion-selector&#039;, function(){
    if(jQuery(this).val() == &#039;full&#039;){
      jQuery(this).closest(&#039;.refund-settings-fields&#039;).find(&#039;.custom-charge-amount-wrapper&#039;).hide();
    }else{
      jQuery(this).closest(&#039;.refund-settings-fields&#039;).find(&#039;.custom-charge-amount-wrapper&#039;).show();
    }
  });

  // Log

  $quick_order_form.find(&#039;.quick-order-form-view-log-btn&#039;).on(&#039;click&#039;, function(){
    var $trigger_elem = jQuery(this);
    $trigger_elem.addClass(&#039;os-loading&#039;);
    var route = $trigger_elem.data(&#039;route&#039;);
    var data = { action: &#039;latepoint_route_call&#039;, route_name: route, params: {order_id: $trigger_elem.data(&#039;order-id&#039;)}, return_format: &#039;json&#039; }
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(response){
        $trigger_elem.removeClass(&#039;os-loading&#039;);
        if(response.status === &quot;success&quot;){
          latepoint_display_in_side_sub_panel(response.message);
          jQuery(&#039;body&#039;).addClass(&#039;has-side-sub-panel&#039;);
        }else{
          alert(response.message, &#039;error&#039;);
        }
      }
    });
    return false;
  });


  $quick_order_form.find(&#039;.new-order-item-variant-bundle&#039;).on(&#039;click&#039;, function(){
    $quick_order_form.find(&#039;.new-order-item-list-bundles-wrapper&#039;).toggleClass(&#039;is-open&#039;);
    $quick_order_form.find(&#039;.new-order-item-variant-selector-wrapper&#039;).toggleClass(&#039;is-open&#039;);
    return false;
  });


  $quick_order_form.find(&#039;.hidden-order-items-notice-link, .hidden-bundle-items-notice-link&#039;).on(&#039;click&#039;, function(e){
    latepoint_show_all_order_items();
    return false;
  });

  $quick_order_form.find(&#039;.order-quick-edit-form&#039;).on(&#039;submit&#039;, function(e){
    if(jQuery(this).find(&#039;button[type=&quot;submit&quot;]&#039;).hasClass(&#039;os-loading&#039;)) return false;
    e.preventDefault();
    latepoint_submit_quick_order_form();
  });

  $quick_order_form.on(&quot;keydown&quot;, &quot;:input:not(textarea):not(:submit)&quot;, function(event) {
    if (event.key == &quot;Enter&quot;) {
        event.preventDefault();
    }
  });

  $quick_order_form.find(&#039;.order-items-list&#039;).on(&#039;click&#039;, &#039;.remove-order-item-btn&#039;, function(){
    latepoint_close_quick_availability_form();
    if(confirm(jQuery(this).data(&#039;os-prompt&#039;))){
      if(jQuery(this).closest(&#039;.order-item-variant-bundle-booking-wrapper&#039;).length){
        // it&#039;s a bundle booking
        // need to figure out how to remove it when bundle
        jQuery(this).closest(&#039;.order-item-variant-bundle-booking&#039;).removeClass(&#039;is-booked&#039;).find(&#039;.scheduled-bundle-booking&#039;).html(&#039;&#039;);
      }else{
        jQuery(this).closest(&#039;.order-item&#039;).remove();
        jQuery(this).closest(&#039;.order-item-booking-data-form-wrapper&#039;).remove();

      }
      latepoint_quick_order_items_changed();
    }
    return false;
  });

  $quick_order_form.find(&#039;.new-order-item-variant-booking&#039;).on(&#039;click&#039;, function(){
    latepoint_fold_all_open_booking_data_forms();
    latepoint_build_new_booking_order_item();
  });

  $quick_order_form.on(&#039;click&#039;, &#039;.order-item-pill.order-item-pill-variant-booking&#039;, function(){
    jQuery(this).closest(&#039;.order-item-booking-data-form-wrapper&#039;).removeClass(&#039;is-folded&#039;).addClass(&#039;is-unfolded&#039;);
    return false;
  });

  $quick_order_form.on(&#039;click&#039;, &#039;.bundle-booking-item-pill&#039;, function(){
    jQuery(this).closest(&#039;.order-item-booking-data-form-wrapper&#039;).removeClass(&#039;is-folded&#039;).addClass(&#039;is-unfolded&#039;);
    return false;
  });

  $quick_order_form.on(&#039;click&#039;, &#039;.unscheduled-bundle-booking&#039;, function(){
    latepoint_build_booking_data_form_for_bundle(jQuery(this).closest(&#039;.order-item-variant-bundle-booking&#039;));
  });


  $quick_order_form.find(&#039;.order-form-add-item-btn&#039;).on(&#039;click&#039;, function(){
    let $booking_data_forms = jQuery(&#039;.order-item-booking-data-form-wrapper&#039;);
    $booking_data_forms.each(function(){
      latepoint_fold_booking_data_form_in_order_quick_edit(jQuery(this));
    });
    if(jQuery(this).hasClass(&#039;is-cancelling&#039;)){
      latepoint_cancel_adding_new_order_item_to_quick_edit_form();
    }else{
      if(jQuery(&#039;.new-order-item-variant-selector-wrapper&#039;).length){
        jQuery(&#039;.order-items-list&#039;).addClass(&#039;is-blurred&#039;);
        jQuery(&#039;.new-order-item-variant-selector-wrapper&#039;).addClass(&#039;is-open&#039;);
        jQuery(this).addClass(&#039;is-cancelling&#039;).find(&#039;span&#039;).text(jQuery(this).data(&#039;cancel-label&#039;));
      }else{
        // no bundles exist, create booking form
        latepoint_cancel_adding_new_order_item_to_quick_edit_form();
        latepoint_build_new_booking_order_item();
      }
    }
    return false;
  });


  $quick_order_form.on(&#039;click&#039;, &#039;.order-item-variant-bundle .bundle-icon&#039;, function(){
    jQuery(this).closest(&#039;.order-item-variant-bundle&#039;).toggleClass(&#039;is-open&#039;);
    return false;
  });

  $quick_order_form.find(&#039;.reload-price-breakdown&#039;).on(&#039;click&#039;, function(){
    latepoint_reload_price_breakdown();
    return false;
  });

  $quick_order_form.on(&#039;click&#039;, &#039;.trigger-remove-transaction-btn&#039;, function(){
    jQuery(this).closest(&#039;.quick-add-transaction-box-w&#039;).remove();
    return false;
  });


  $quick_order_form.trigger(&#039;latepoint:initQuickOrderForm&#039;);
}

function latepoint_fold_all_open_booking_data_forms(){
  let $booking_data_forms = jQuery(&#039;.order-item-booking-data-form-wrapper&#039;);
  $booking_data_forms.each(function(){
    latepoint_fold_booking_data_form_in_order_quick_edit(jQuery(this));
  });
}

function latepoint_init_customer_inline_edit_form($customer_form){

  latepoint_init_input_masks($customer_form);

  $customer_form.find(&#039;.customers-selector-search-input&#039;).on(&#039;keyup&#039;,function(){
    var $queryInput = jQuery(this);
    var query = $queryInput.val().toLowerCase();
    if(query == $queryInput.data(&#039;current-query&#039;)) return;

    // Search
    $queryInput.closest(&#039;.customers-selector-search-w&#039;).addClass(&#039;os-loading&#039;);
    $queryInput.data(&#039;searching-query&#039;, query);
    setTimeout(function(){
      if(query != jQuery(&#039;.customers-selector-search-input&#039;).data(&#039;searching-query&#039;)) return;
      var data = { action: latepoint_helper.route_action, route_name: $queryInput.data(&#039;route&#039;), params: {query: query}, return_format: &#039;json&#039; }
      jQuery.ajax({
        type : &quot;post&quot;,
        dataType : &quot;json&quot;,
        url : latepoint_timestamped_ajaxurl(),
        data : data,
        success: function(response){
          if($queryInput.data(&#039;searching-query&#039;) != query) return;
          $queryInput.closest(&#039;.customers-selector-search-w&#039;).removeClass(&#039;os-loading&#039;);
          if(response.status === &quot;success&quot;){
            $queryInput.data(&#039;current-query&#039;, query);
            jQuery(&#039;.quick-order-form-w .customers-options-list&#039;).html(response.message);
          }else{
            // console.log(response.message);
          }
        }
      });
    }, 300, query, $queryInput);
 });

}


function latepoint_load_quick_availability($trigger_elem, custom_agent_id = false, start_date = false, load_more_days = false, load_prev_days = false){
  $trigger_elem.addClass(&#039;os-loading&#039;);

  let $booking_form = $trigger_elem.closest(&#039;.order-item-booking-data-form-wrapper&#039;);
  var route = $booking_form.find(&#039;.trigger-quick-availability&#039;).data(&#039;route&#039;);
  var $quick_order_form = jQuery(&#039;.quick-order-form-w&#039;);

  if(custom_agent_id) $quick_order_form.find(&#039;.agent-selector&#039;).val(custom_agent_id);
  if(!$quick_order_form.find(&#039;.service-selector&#039;).val() || $quick_order_form.find(&#039;.service-selector&#039;).val() == &#039;0&#039;){
    $quick_order_form.find(&#039;.os-services-select-field-w .service-option:first&#039;).trigger(&#039;click&#039;);
  }

  let form_data = new FormData($quick_order_form.find(&#039;form&#039;)[0]);


  form_data.set(&#039;trigger_form_booking_id&#039;, $booking_form.data(&#039;booking-id&#039;));
  form_data.set(&#039;trigger_form_order_item_id&#039;, $booking_form.data(&#039;order-item-id&#039;));

  if(start_date) form_data.set(&#039;start_date&#039;, start_date);
  if(load_more_days || load_prev_days) form_data.set(&#039;show_days_only&#039;, true);
  if(load_prev_days) form_data.set(&#039;previous_days&#039;, true);

  var data = {
    action: latepoint_helper.route_action,
    route_name: route,
    params: latepoint_formdata_to_url_encoded_string(form_data),
    return_format: &#039;json&#039;
  }

  jQuery.ajax({
    type : &quot;post&quot;,
    dataType : &quot;json&quot;,
    url : latepoint_timestamped_ajaxurl(),
    data : data,
    success: function(response){
      $trigger_elem.removeClass(&#039;os-loading&#039;);
      if(response.status === &quot;success&quot;){
        if(load_more_days){
          jQuery(&#039;.latepoint-side-panel-w .quick-availability-per-day-w&#039;).html(response.message);
          jQuery(&#039;.latepoint-side-panel-w .os-availability-days&#039;).scrollTop(52);
        }else if(load_prev_days){
          jQuery(&#039;.latepoint-side-panel-w .quick-availability-per-day-w&#039;).html(response.message);
          jQuery(&#039;.latepoint-side-panel-w .os-availability-days&#039;).scrollTop(jQuery(&#039;.latepoint-side-panel-w .os-availability-days&#039;)[0].scrollHeight - jQuery(&#039;.latepoint-side-panel-w .os-availability-days&#039;)[0].clientHeight - 50);
        }else{
          latepoint_display_in_side_sub_panel(response.message);
          jQuery(&#039;.latepoint-side-panel-w .os-availability-days&#039;).scrollTop(52);
          jQuery(&#039;body&#039;).addClass(&#039;has-side-sub-panel&#039;);
          latepoint_init_quick_availability_form();
        }
      }else{
        alert(response.message, &#039;error&#039;);
      }
    }
  });
}

function latepoint_create_field_base_name(order_item_id, booking_id){
  return &#039;order_items[&#039;+order_item_id+&#039;][bookings][&#039;+booking_id+&#039;]&#039;;
}

function latepoint_close_quick_availability_form(){
  jQuery(&#039;.quick-availability-per-day-w&#039;).remove();
  jQuery(&#039;body&#039;).removeClass(&#039;has-side-sub-panel&#039;);
}

function latepoint_init_quick_availability_form(){
  // TODO set booking ID
  let $quick_availability_wrapper = jQuery(&#039;.quick-availability-per-day-w&#039;);

  let trigger_form_order_item_id = $quick_availability_wrapper.data(&#039;trigger-form-order-item-id&#039;);
  let trigger_form_booking_id = $quick_availability_wrapper.data(&#039;trigger-form-booking-id&#039;);

  let field_base_name = latepoint_create_field_base_name(trigger_form_order_item_id, trigger_form_booking_id);

  let $booking_data_form = jQuery(&#039;.quick-order-form-w .order-item-booking-data-form-wrapper[data-booking-id=&quot;&#039;+trigger_form_booking_id+&#039;&quot;]&#039;);

  var selected_start_date = $booking_data_form.find(&#039;input[name=&quot;&#039;+field_base_name+&#039;[start_date_formatted]&quot;&#039;).val();
  var selected_start_time = $booking_data_form.find(&#039;input[name=&quot;&#039;+field_base_name+&#039;[start_time][formatted_value]&quot;]&#039;).val();
  var selected_start_time_ampm = $booking_data_form.find(&#039;input[name=&quot;&#039;+field_base_name+&#039;[start_time][ampm]&quot;]&#039;).val();


  var selected_start_time_minutes = latepoint_hours_and_minutes_to_minutes(selected_start_time, selected_start_time_ampm);
  $quick_availability_wrapper.find(&#039;.os-availability-days&#039;).find(&#039;.agent-timeslot[data-formatted-date=&quot;&#039;+ selected_start_date +&#039;&quot;][data-minutes=&quot;&#039; + selected_start_time_minutes + &#039;&quot;]&#039;).addClass(&#039;selected&#039;);
  $quick_availability_wrapper.on(&#039;click&#039;, &#039;.load-more-quick-availability&#039;, function(){
    jQuery(this).addClass(&#039;os-loading&#039;);
    let booking_form_id = jQuery(this).closest(&#039;.quick-availability-per-day-w&#039;).data(&#039;trigger-form-booking-id&#039;);
    let $trigger_btn = jQuery(&#039;.order-item-booking-data-form-wrapper[data-booking-id=&quot;&#039; + booking_form_id + &#039;&quot;]&#039;).find(&#039;.trigger-quick-availability&#039;);
    latepoint_load_quick_availability($trigger_btn, false, jQuery(this).data(&#039;start-date&#039;), true);
    return false;
  });
  $quick_availability_wrapper.on(&#039;click&#039;, &#039;.load-prev-quick-availability&#039;, function(){
    jQuery(this).addClass(&#039;os-loading&#039;);
    let booking_form_id = jQuery(this).closest(&#039;.quick-availability-per-day-w&#039;).data(&#039;trigger-form-booking-id&#039;);
    let $trigger_btn = jQuery(&#039;.order-item-booking-data-form-wrapper[data-booking-id=&quot;&#039; + booking_form_id + &#039;&quot;]&#039;).find(&#039;.trigger-quick-availability&#039;);
    latepoint_load_quick_availability($trigger_btn, false, jQuery(this).data(&#039;start-date&#039;), false, true);
    return false;
  });
  $quick_availability_wrapper.find(&#039;select[name=&quot;booking[agent_id]&quot;]&#039;).on(&#039;change&#039;, function(){
    latepoint_load_quick_availability(jQuery(&#039;.trigger-quick-availability&#039;), jQuery(this).val());
  });
  jQuery(&#039;.os-time-group label&#039;).on(&#039;click&#039;, function(){
    jQuery(this).closest(&#039;.os-time-group&#039;).find(&#039;.os-form-control&#039;).trigger(&#039;focus&#039;);
  });
  $quick_availability_wrapper.on(&#039;click&#039;, &#039;.fill-booking-time&#039;, function(){
    jQuery(&#039;.os-availability-days .agent-timeslot.selected&#039;).removeClass(&#039;selected&#039;);
    jQuery(this).addClass(&#039;selected&#039;);
    var formatted_date = jQuery(this).data(&#039;formatted-date&#039;);
    var minutes = jQuery(this).data(&#039;minutes&#039;);
    $booking_data_form.find(&#039;input[name=&quot;&#039;+field_base_name+&#039;[start_date_formatted]&quot;]&#039;).val(formatted_date);
    var start_minutes = minutes;
    var start_hours_and_minutes = latepoint_minutes_to_hours_and_minutes(start_minutes);

    if(start_minutes &gt;= 720){
      $booking_data_form.find(&#039;.quick-start-time-w .time-pm&#039;).trigger(&#039;click&#039;);
    }else{
      $booking_data_form.find(&#039;.quick-start-time-w .time-am&#039;).trigger(&#039;click&#039;);
    }

    $booking_data_form.find(&#039;input[name=&quot;&#039;+field_base_name+&#039;[start_time][formatted_value]&quot;]&#039;).val(start_hours_and_minutes);
    latepoint_set_booking_end_time($booking_data_form);
    $booking_data_form.find(&#039;.ws-period, .as-period&#039;).addClass(&#039;animate-filled-in&#039;);
    setTimeout(function(){
      $booking_data_form.find(&#039;.ws-period, .as-period&#039;).removeClass(&#039;animate-filled-in&#039;);
    }, 500)
  });
}


function latepoint_reload_after_order_save(){
  latepoint_reload_calendar_view();

  jQuery(&#039;.os-widget&#039;).each(function(){
    latepoint_reload_widget(jQuery(this));
  });
  if(jQuery(&#039;table.os-reload-on-booking-update&#039;).length) latepoint_filter_table(jQuery(&#039;table.os-reload-on-booking-update&#039;), jQuery(&#039;table.os-reload-on-booking-update&#039;));
  latepoint_close_side_panel();
}

/*
 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
 */

class LatepointStripeConnectAdmin {

	// Init
	constructor(){
		this.ready();
	}

	ready() {
    jQuery(document).ready(() =&gt; {
      jQuery(&#039;.stripe-connect-status-wrapper&#039;).on(&#039;click&#039;, &#039;.payment-start-connecting&#039;, function(){
        let $link = jQuery(this);
        $link.addClass(&#039;os-loading&#039;);
        var data = {
          action: &#039;latepoint_route_call&#039;,
          route_name: $link.data(&#039;route-name&#039;),
          params: { env: $link.data(&#039;env&#039;) },
          layout: &#039;none&#039;,
          return_format: &#039;json&#039;
        }
        jQuery.ajax({
          type : &quot;post&quot;,
          dataType : &quot;json&quot;,
          url : latepoint_timestamped_ajaxurl(),
          data : data,
          success: (data) =&gt; {
            window.location.href = data.url;
          }
        });
        return false;
      });

      if(jQuery(&#039;.stripe-connect-status-wrapper&#039;).length){
        jQuery(&#039;.stripe-connect-status-wrapper&#039;).each((index, elem) =&gt; {
          let $wrapper = jQuery(elem);
          var data = {
            action: &#039;latepoint_route_call&#039;,
            route_name: $wrapper.data(&#039;route-name&#039;),
            params: { env: $wrapper.data(&#039;env&#039;) },
            layout: &#039;none&#039;,
            return_format: &#039;json&#039;
          }
          jQuery.ajax({
            type : &quot;post&quot;,
            dataType : &quot;json&quot;,
            url : latepoint_timestamped_ajaxurl(),
            data : data,
            success: (data) =&gt; {
              this.reload_connect_status_wrapper($wrapper, data);
            }
          });
        })
      }
    });
  }


  reload_connect_status_wrapper($elem, data){
    if(data.status === &#039;success&#039;){
      if($elem.hasClass(&#039;.stripe-connect-status-wrapper&#039;)){
        $elem.html(data.message);
      }else{
        $elem.closest(&#039;.stripe-connect-status-wrapper&#039;).html(data.message);
      }
    }else{
      alert(data.message);
    }
  }


}


window.latepointStripeConnectAdmin = new LatepointStripeConnectAdmin();

/*
 * Copyright (c) 2022 LatePoint LLC. All rights reserved.
 */

// @codekit-prepend &quot;bin/time.js&quot;;
// @codekit-prepend &quot;bin/lateselect.js&quot;;
// @codekit-prepend &quot;bin/latecheckbox.js&quot;;
// @codekit-prepend &quot;bin/actions.js&quot;;
// @codekit-prepend &quot;bin/notifications.js&quot;;
// @codekit-prepend &quot;bin/shared.js&quot;;
// @codekit-prepend &quot;bin/admin/updates.js&quot;;
// @codekit-prepend &quot;bin/admin/main.js&quot;;
// @codekit-prepend &quot;bin/admin/_agents.js&quot;;
// @codekit-prepend &quot;bin/admin/_customers.js&quot;;
// @codekit-prepend &quot;bin/admin/_customers_import.js&quot;;
// @codekit-prepend &quot;bin/admin/_chart.js&quot;;
// @codekit-prepend &quot;bin/admin/_calendar.js&quot;;
// @codekit-prepend &quot;bin/admin/_processes.js&quot;;
// @codekit-prepend &quot;bin/admin/_steps.js&quot;;
// @codekit-prepend &quot;bin/admin/_orders.js&quot;;
// @codekit-prepend &quot;bin/admin/_stripe_connect.js&quot;;


// DOCUMENT READY
jQuery(document).ready(function( $ ) {


  // DASHBOARD
  latepoint_init_calendars();
  latepoint_init_circles_charts();
  latepoint_init_donut_charts();
  latepoint_init_daily_bookings_chart();
  latepoint_init_element_togglers();
  latepoint_init_daterangepicker(jQuery(&#039;.os-date-range-picker&#039;));
  latepoint_init_monthly_view();
  latepoint_init_form_blocks();
  latepoint_init_reminders_form();
  latepoint_init_coupons_form();
  latepoint_init_copy_on_click_elements();
  latepoint_init_side_menu();
  latepoint_init_color_picker();
  latepoint_init_clickable_cells();
  latepoint_init_input_masks();
  latepoint_init_process_forms();
  latepoint_init_sticky_side_menu();
  latepoint_init_sortable_columns();
  latepoint_init_accordions();
  latepoint_init_default_form_fields_settings();
  latepoint_init_steps_settings();
  latepoint_init_booking_form_preview();
  latepoint_init_sticky_side_nav();
  latepoint_init_version5_intro();

  jQuery(document).on({
    mouseenter: function () {
      let $elem = jQuery(this);
      let offset = $elem.offset();
      jQuery(&#039;body &gt; .late-tooltip&#039;).remove();
      let $popup = jQuery(&#039;&lt;div/&gt;&#039;).addClass(&#039;late-tooltip&#039;).text($elem.data(&#039;late-tooltip&#039;)).appendTo(jQuery(&#039;body&#039;));
      $popup.css(&#039;top&#039;, offset.top - 2);
      $popup.css(&#039;left&#039;, offset.left + $elem.outerWidth() / 2);
      return false;
    },
    mouseleave: function () {
      jQuery(&#039;body &gt; .late-tooltip&#039;).remove();
    }
  }, &quot;[data-late-tooltip]&quot;);

  jQuery(&#039;body&#039;).on(&#039;click&#039;, &#039;.disabled-items-open-trigger&#039;, function(){
    jQuery(&#039;.disabled-items-wrapper&#039;).toggleClass(&#039;is-open&#039;);
    return false;
  });

  jQuery(&#039;body&#039;).on(&#039;click&#039;, &#039;.latepoint-side-panel-close&#039;, function(){
    jQuery(&#039;.side-sub-panel-wrapper&#039;).remove();
    return false;
  });

  jQuery(&#039;#settings_list_of_phone_countries&#039;).on(&#039;change&#039;, function(){
    if(jQuery(this).val() == latepoint_helper.value_all){
      jQuery(&#039;.select-phone-countries-wrapper&#039;).hide();
    }else{
      jQuery(&#039;.select-phone-countries-wrapper&#039;).show();
    }
  });


  jQuery(&#039;.os-select-all-toggler&#039;).on(&#039;change&#039;, function(){
    var $connection_wrappers = jQuery(this).closest(&#039;.white-box&#039;).find(&#039;.os-complex-connections-selector .connection&#039;);
    if(jQuery(this).is(&#039;:checked&#039;)){
      latepoint_complex_selector_select($connection_wrappers);
    }else{
      latepoint_complex_selector_deselect($connection_wrappers);
    }
    return false;
  });


  jQuery(&#039;.os-main-location-selector&#039;).on(&#039;change&#039;, function(){
    var route = jQuery(this).data(&#039;route&#039;);
    var params = &#039;id=&#039; + jQuery(this).val();
    var data = { action: latepoint_helper.route_action, route_name: route, params: params, layout: &#039;none&#039;, return_format: &#039;json&#039; };
    jQuery(&#039;.latepoint-content-w&#039;).addClass(&#039;os-loading&#039;);
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(data){
        location.reload();
      }
    });
  });

  jQuery(&#039;.os-service-durations-w&#039;).on(&#039;click&#039;, &#039;.os-remove-duration&#039;, function(){
    jQuery(this).closest(&#039;.duration-box&#039;).slideUp(300, function(){
      jQuery(this).remove();
    });
    return false;
  });


  jQuery(&#039;.menu-color-toggler&#039;).on(&#039;click&#039;, function(){
    jQuery(&#039;.latepoint-side-menu-w&#039;).toggleClass(&#039;dark&#039;);
    return false;
  });


  jQuery(&#039;.latepoint-mobile-top-menu-trigger&#039;).on(&#039;click&#039;, function(){
    jQuery(this).closest(&#039;.latepoint-all-wrapper&#039;).toggleClass(&#039;os-show-mobile-menu&#039;);
    if(jQuery(this).closest(&#039;.latepoint-all-wrapper&#039;).hasClass(&#039;os-show-mobile-menu&#039;)){
      jQuery(&#039;.latepoint-side-menu-w ul.side-menu &gt; li.has-children &gt; a&#039;).on(&#039;click&#039;, function(){
        jQuery(this).closest(&#039;li&#039;).toggleClass(&#039;menu-item-sub-open-mobile&#039;);
        return false;
      });
    }else{
      jQuery(&#039;.latepoint-side-menu-w ul.side-menu &gt; li.has-children &gt; a&#039;).off(&#039;click&#039;);
    }
    return false;
  });

  jQuery(&#039;.latepoint-mobile-top-search-trigger-cancel&#039;).on(&#039;click&#039;, function(){
    jQuery(this).closest(&#039;.latepoint-all-wrapper&#039;).removeClass(&#039;os-show-mobile-search&#039;);
    return false;
  });

  jQuery(&#039;.latepoint-mobile-top-search-trigger&#039;).on(&#039;click&#039;, function(){
    jQuery(this).closest(&#039;.latepoint-all-wrapper&#039;).toggleClass(&#039;os-show-mobile-search&#039;);
    if(jQuery(this).closest(&#039;.latepoint-all-wrapper&#039;).hasClass(&#039;os-show-mobile-search&#039;)){
      jQuery(&#039;.latepoint-top-search&#039;).trigger(&#039;focus&#039;);
    }
    return false;
  });


  jQuery(&#039;.latepoint-top-bar-w&#039;).on(&#039;click&#039;, &#039;.top-user-info-toggler&#039;, function(){
    jQuery(&#039;.latepoint-user-info-dropdown&#039;).toggleClass(&#039;os-visible&#039;);
    return false;
  });

  jQuery(&#039;.latepoint-content&#039;).on(&#039;click&#039;, &#039;.mobile-calendar-actions-trigger&#039;, function(){
    jQuery(this).closest(&#039;.calendar-mobile-controls&#039;).toggleClass(&#039;os-show-actions&#039;);
    return false;
  });

  jQuery(&#039;.latepoint-content&#039;).on(&#039;click&#039;, &#039;.os-widget-header-actions-trigger&#039;, function(){
    jQuery(this).closest(&#039;.os-widget-header&#039;).toggleClass(&#039;os-show-actions&#039;);
    return false;
  });

  jQuery(&#039;.latepoint-content&#039;).on(&#039;click&#039;, &#039;.mobile-table-actions-trigger&#039;, function(){
    jQuery(this).closest(&#039;.os-pagination-w&#039;).toggleClass(&#039;os-show-actions&#039;);
    return false;
  });


  jQuery(&#039;.download-csv-with-filters&#039;).on(&#039;click&#039;, function(){
    var filter_params = jQuery(this).closest(&#039;.table-with-pagination-w&#039;).find(&#039;.os-table-filter&#039;).serialize();
    filter_params+= &#039;&amp;download=csv&#039;;
    jQuery(this).attr(&#039;href&#039;, this.href + &#039;&amp;&#039; + filter_params);
  });

  jQuery(&#039;select.pagination-page-select&#039;).on(&#039;change&#039;, function(){
    latepoint_filter_table(jQuery(this).closest(&#039;.table-with-pagination-w&#039;).find(&#039;table&#039;), jQuery(this).closest(&#039;.pagination-page-select-w&#039;), false);
  });

  jQuery(&#039;select.os-table-filter&#039;).on(&#039;change&#039;, function(){
    latepoint_filter_table(jQuery(this).closest(&#039;table&#039;), jQuery(this).closest(&#039;.os-form-group&#039;));
  });

  jQuery(&#039;input.os-table-filter&#039;).on(&#039;keyup&#039;, function(){
    latepoint_filter_table(jQuery(this).closest(&#039;table&#039;), jQuery(this).closest(&#039;.os-form-group&#039;));
  });


  jQuery(&#039;.customize-connection-btn&#039;).on(&#039;click&#039;, function(){
    jQuery(this).closest(&#039;.connection&#039;).toggleClass(&#039;show-customize-box&#039;);
    return false;
  });

  jQuery(&#039;.connection-children-list&#039;).on(&#039;click&#039;, &#039;li&#039;, function(){
    if(jQuery(this).hasClass(&#039;active&#039;)){
      jQuery(this).removeClass(&#039;active&#039;);
      jQuery(this).find(&#039;input.connection-child-is-connected&#039;).val(&#039;no&#039;);
    }else{
      jQuery(this).addClass(&#039;active&#039;);
      jQuery(this).find(&#039;input.connection-child-is-connected&#039;).val(&#039;yes&#039;);
    }
    latepoint_count_active_connections(jQuery(this).closest(&#039;.connection&#039;));
    return false;
  });

  jQuery(&#039;.display-toggler-control&#039;).on(&#039;change&#039;, function(){
    let group = jQuery(this).data(&#039;toggler-group&#039;);
    let key = jQuery(this).val();
    jQuery(&#039;.display-toggler-target[data-toggler-group=&quot;&#039; + group + &#039;&quot;]&#039;).hide();
    jQuery(&#039;.display-toggler-target[data-toggler-group=&quot;&#039; + group + &#039;&quot;][data-toggler-key=&quot;&#039;+ key +&#039;&quot;]&#039;).show();
    return false;
  });

  jQuery(&#039;.add-item-category-trigger&#039;).on(&#039;click&#039;, function(){
    jQuery(&#039;.add-item-category-box&#039;).toggle();
    jQuery(&#039;.os-new-item-category-form-w&#039;).toggle();
    return false;
  });

  jQuery(&#039;.latepoint-top-search&#039;).on(&#039;keyup&#039;, function(event){
    var $wrapper = jQuery(this).closest(&#039;.latepoint-top-search-w&#039;);
    $wrapper.addClass(&#039;os-loading&#039;);
    var query = jQuery(this).val();
    if(event.keyCode == 27){
      $wrapper.removeClass(&#039;typing&#039;);
      jQuery(&#039;.latepoint-top-search-results-w&#039;).html(&#039;&#039;);
      jQuery(this).val(&#039;&#039;);
      $wrapper.removeClass(&#039;os-loading&#039;);
      return;
    }
    if(query == &#039;&#039;){
      $wrapper.removeClass(&#039;typing&#039;);
      jQuery(&#039;.latepoint-top-search-results-w&#039;).html(&#039;&#039;);
      $wrapper.removeClass(&#039;os-loading&#039;);
      return;
    }
    var route = jQuery(this).data(&#039;route&#039;);
    var params = &#039;query=&#039; + query;
    var data = { action: latepoint_helper.route_action, route_name: route, params: params, layout: &#039;none&#039;, return_format: &#039;json&#039; };
    $wrapper.addClass(&#039;typing&#039;);
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(data){
        if(!$wrapper.hasClass(&#039;typing&#039;)) return;
        $wrapper.removeClass(&#039;os-loading&#039;);
        if(data.status === &quot;success&quot;){
          jQuery(&#039;.latepoint-top-search-results-w&#039;).html(data.message);
        }else{
          // console.log(data.message);
        }
      }
    });
  });


  jQuery(&#039;.appointment-status-selector&#039;).on(&#039;click&#039;, function(e){
    e.stopPropagation();
  });

  jQuery(&#039;.latepoint-show-license-details&#039;).on(&#039;click&#039;, function(e){
    jQuery(this).closest(&#039;.active-license-info&#039;).find(&#039;.license-info-w&#039;).slideToggle(200);
    return false;
  });

  jQuery(&#039;.aba-button-w&#039;).on(&#039;click&#039;, function(e){
    e.stopPropagation();
    var confirm_message = (jQuery(this).hasClass(&#039;aba-approve&#039;)) ? latepoint_helper.approve_confirm : latepoint_helper.reject_confirm;
    if(confirm(confirm_message)){
      var $box = jQuery(this).closest(&#039;.appointment-box-large&#039;);
      $box.find(&#039;.appointment-status-selector select&#039;).val(jQuery(this).data(&#039;status&#039;)).trigger(&#039;change&#039;);
    }
    return false;
  });


  jQuery(&#039;.appointment-status-selector select&#039;).on(&#039;change&#039;, function(e){
    var $wrapper = jQuery(this).closest(&#039;.appointment-status-selector&#039;);
    var route = $wrapper.data(&#039;route&#039;);
    var nonce = $wrapper.data(&#039;wp-nonce&#039;);
    var booking_id = $wrapper.data(&#039;booking-id&#039;);
    var status = jQuery(this).val();
    jQuery(this).closest(&#039;.appointment-box-large&#039;).attr(&#039;class&#039;, &#039;appointment-box-large status-&#039; + status);
    var params = &#039;id=&#039; + booking_id + &#039;&amp;status=&#039; + status + &#039;&amp;_wpnonce=&#039; + nonce;
    var data = { action: latepoint_helper.route_action, route_name: route, params: params, layout: &#039;none&#039;, return_format: &#039;json&#039; };
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(data){
        if(data.status === &quot;success&quot;){
          latepoint_add_notification(data.message);
        }else{
          latepoint_add_notification(data.message, &#039;error&#039;);
          // console.log(data.message);
        }
      }
    });
  });

  jQuery(&#039;body&#039;).on(&#039;click&#039;, &#039;.open-template-variables-panel&#039;, function(){
    jQuery(&#039;.latepoint-template-variables&#039;).toggleClass(&#039;is-visible&#039;);
    return false;
  });

  jQuery(&#039;body&#039;).on(&#039;click&#039;, &#039;.close-template-variables-panel&#039;, function(){
    jQuery(&#039;.latepoint-template-variables&#039;).removeClass(&#039;is-visible&#039;);
    return false;
  });

  jQuery(&#039;body&#039;).on(&#039;click&#039;, &#039;.open-layout-template-variables-panel&#039;, function(){
    jQuery(&#039;.latepoint-layout-template-variables&#039;).toggleClass(&#039;is-visible&#039;);
    return false;
  });

  jQuery(&#039;body&#039;).on(&#039;click&#039;, &#039;.close-layout-template-variables-panel&#039;, function(){
    jQuery(&#039;.latepoint-layout-template-variables&#039;).removeClass(&#039;is-visible&#039;);
    return false;
  });

  jQuery(&#039;body&#039;).on(&#039;click&#039;, &#039;.os-notifications .os-notification-close&#039;, function(){
    jQuery(this).closest(&#039;.item&#039;).remove();
    return false;
  });


  jQuery(&#039;body&#039;).on(&#039;keyup&#039;, &#039;.os-form-group .os-form-control&#039;, function(){
    if(jQuery(this).val()){
      jQuery(this).closest(&#039;.os-form-group&#039;).addClass(&#039;has-value&#039;);
    }else{
      jQuery(this).closest(&#039;.os-form-group&#039;).removeClass(&#039;has-value&#039;);
    }
  });


  jQuery(&#039;.os-wizard-setup-w, .latepoint-settings-w, .custom-schedule-wrapper&#039;).on(&#039;click&#039;, &#039;.ws-head&#039;, function(){
    var $schedule_wrapper = jQuery(this).closest(&#039;.weekday-schedule-w&#039;);
    $schedule_wrapper.toggleClass(&#039;is-editing&#039;).removeClass(&#039;day-off&#039;);
    $schedule_wrapper.find(&#039;.os-toggler&#039;).removeClass(&#039;off&#039;);
    $schedule_wrapper.find(&#039;input.is-active&#039;).val(1);
  });


  jQuery(&#039;body.latepoint&#039;).on(&#039;click&#039;, &#039;.wizard-add-edit-item-trigger&#039;, function(e){
    jQuery(this).addClass(&#039;os-loading&#039;);
    var add_item_route_name = jQuery(this).data(&#039;route&#039;);
    var item_info = {  };
    if(jQuery(this).data(&#039;id&#039;)){
      item_info.id = jQuery(this).data(&#039;id&#039;);
    }
    var data = { action: latepoint_helper.route_action, route_name: add_item_route_name, params: item_info, layout: &#039;none&#039;, return_format: &#039;json&#039; };
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(data){
        jQuery(&#039;.wizard-add-edit-item-trigger.os-loading&#039;).removeClass(&#039;os-loading&#039;);
        if(data.status === &quot;success&quot;){
          jQuery(&#039;.os-wizard-step-content-i&#039;).html(data.message);
          jQuery(&#039;.os-wizard-setup-w&#039;).addClass(&#039;is-sub-editing&#039;);
          jQuery(&#039;.os-wizard-footer&#039;).hide();
          latepoint_init_wizard_content();
        }else{
          // console.log(data.message);
        }
      }
    });
  });


  jQuery(&#039;body.latepoint&#039;).on(&#039;click&#039;, &#039;.os-wizard-trigger-next-btn&#039;, function(){
    var $next_btn = jQuery(this);
    $next_btn.addClass(&#039;os-loading&#039;);
    var current_step_code = jQuery(&#039;#wizard_current_step_code&#039;).val();
    var params = &#039;current_step_code=&#039;+current_step_code;

    // work periods step
    if(jQuery(&#039;.os-wizard-setup-w form.weekday-schedules-w&#039;).length){
      params+= &#039;&amp;&#039;+ jQuery(&#039;.os-wizard-setup-w form.weekday-schedules-w .weekday-schedule-w:not(.day-off) input&#039;).serialize();
    }
    // agent/notifications step
    if(jQuery(&#039;.os-wizard-default-agent-form&#039;).length){
      params+= &#039;&amp;&#039;+ jQuery(&#039;.os-wizard-default-agent-form input&#039;).serialize();

      var $form = $(&#039;.os-wizard-default-agent-form&#039;);
      var form_data = new FormData($form[0]);
      form_data.set(&#039;current_step_code&#039;, current_step_code);

      if ((&#039;lp_intlTelInputGlobals&#039; in window) &amp;&amp; (&#039;lp_intlTelInputUtils&#039; in window)) {
        // Get e164 formatted number from phone fields when form is submitted
        $form.find(&#039;input.os-mask-phone&#039;).each(function () {
          let telInstance = window.lp_intlTelInputGlobals.getInstance(this);
          if(telInstance){
            const phoneInputName = this.getAttribute(&#039;name&#039;);
            const phoneInputValue = window.lp_intlTelInputGlobals.getInstance(this).getNumber(window.lp_intlTelInputUtils.numberFormat.E164);
            form_data.set(phoneInputName, phoneInputValue);
          }
        });
      }
      params = latepoint_formdata_to_url_encoded_string(form_data);
    }

    var data = {
      action: latepoint_helper.route_action,
      route_name: jQuery(this).data(&#039;route-name&#039;),
      params: params,
      layout: &#039;none&#039;,
      return_format: &#039;json&#039;};
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(data){
        $next_btn.removeClass(&#039;os-loading&#039;);
        if(data.status === &quot;success&quot;){
          jQuery(&#039;#wizard_current_step_code&#039;).val(data.step_code);
          jQuery(&#039;.os-wizard-setup-w&#039;).attr(&#039;class&#039;, &#039;os-wizard-setup-w step-&#039; + data.step_code);
          jQuery(&#039;.os-wizard-step-content&#039;).html(data.message);
          latepoint_init_wizard_content();
          if(data.show_prev_btn){
            jQuery(&#039;.os-wizard-prev-btn&#039;).show();
          }else{
            jQuery(&#039;.os-wizard-prev-btn&#039;).hide();
          }
          if(data.show_next_btn){
            jQuery(&#039;.os-wizard-next-btn&#039;).show();
          }else{
            jQuery(&#039;.os-wizard-next-btn&#039;).hide();
          }
          if(!data.show_next_btn &amp;&amp; !data.show_prev_btn){
            jQuery(&#039;.os-wizard-footer&#039;).hide();
          }else{
            jQuery(&#039;.os-wizard-footer&#039;).show();
          }
        }
      }
    });
    return false;
  });

  // WIZARD PREV BUTTON CLICK LOGIC
  jQuery(&#039;body.latepoint&#039;).on(&#039;click&#039;, &#039;.os-wizard-trigger-prev-btn&#039;, function(){
    var $prev_btn = jQuery(this);
    $prev_btn.addClass(&#039;os-loading&#039;);
    var current_step_code = jQuery(&#039;#wizard_current_step_code&#039;).val();
    var params = &#039;current_step_code=&#039;+current_step_code;
    var data = { action: latepoint_helper.route_action, route_name: jQuery(this).data(&#039;route-name&#039;), params: params, layout: &#039;none&#039;, return_format: &#039;json&#039;};
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(data){
        $prev_btn.removeClass(&#039;os-loading&#039;);
        if(data.status === &quot;success&quot;){
          jQuery(&#039;#wizard_current_step_code&#039;).val(data.step_code);
          jQuery(&#039;.os-wizard-setup-w&#039;).attr(&#039;class&#039;, &#039;os-wizard-setup-w step-&#039; + data.step_code);
          jQuery(&#039;.os-wizard-step-content&#039;).html(data.message);
          latepoint_init_wizard_content();
          if(data.show_prev_btn){
            jQuery(&#039;.os-wizard-prev-btn&#039;).show();
          }else{
            jQuery(&#039;.os-wizard-prev-btn&#039;).hide();
          }
          if(data.show_next_btn){
            jQuery(&#039;.os-wizard-next-btn&#039;).show();
          }else{
            jQuery(&#039;.os-wizard-next-btn&#039;).hide();
          }
          if(!data.show_next_btn &amp;&amp; !data.show_prev_btn){
            jQuery(&#039;.os-wizard-footer&#039;).hide();
          }else{
            jQuery(&#039;.os-wizard-footer&#039;).show();
          }
        }
      }
    });
    return false;
  });

  jQuery(&#039;.latepoint-content-w&#039;).on(&#039;change&#039;, &#039;.os-widget .os-trigger-reload-widget&#039;, function(){
    latepoint_reload_widget(jQuery(this).closest(&#039;.os-widget&#039;));
  });

  jQuery(&#039;.latepoint-content-w&#039;).on(&#039;click&#039;, &#039;.os-widget .timeline-type-toggle .timeline-type-option&#039;, function(){
    jQuery(this).closest(&#039;.timeline-type-toggle&#039;).find(&#039;.timeline-type-option.active&#039;).removeClass(&#039;active&#039;);
    jQuery(this).addClass(&#039;active&#039;);
    jQuery(&#039;.timeline-and-availability-contents&#039;).removeClass(&#039;shows-appointments shows-availability&#039;).addClass(&#039;shows-&#039; + jQuery(this).data(&#039;value&#039;));
    jQuery(&#039;#&#039; + jQuery(this).closest(&#039;.timeline-type-toggle&#039;).data(&#039;value-holder-id&#039;)).val(jQuery(this).data(&#039;value&#039;));
  });


  dragula([].slice.apply(document.querySelectorAll(&#039;.os-categories-ordering-w .os-category-children&#039;)), {
    moves: function (el, container, handle) {
      return (handle.classList.contains(&#039;os-category-drag&#039;) || handle.classList.contains(&#039;os-category-item-drag&#039;));
    },
  }).on(&#039;drop&#039;, function(el){
    var $categories_wrapper = jQuery(&#039;.os-categories-ordering-w&#039;);
    var category_datas = [];
    var item_datas = [];

    $categories_wrapper.find(&#039;.os-category-parent-w&#039;).each(function(index){
      var order_number = jQuery(this).index() + 1;
      var parent_id = jQuery(this).parent().closest(&#039;.os-category-parent-w&#039;).data(&#039;id&#039;) || 0;
      category_datas.push({id: jQuery(this).data(&#039;id&#039;), order_number: order_number, parent_id: parent_id});
    });
    $categories_wrapper.find(&#039;.item-in-category-w&#039;).each(function(index){
      var item_order_number = jQuery(this).index() + 1;
      var category_id = jQuery(this).closest(&#039;.os-category-parent-w&#039;).data(&#039;id&#039;) || 0;
      item_datas.push({id: jQuery(this).data(&#039;id&#039;), order_number: item_order_number, category_id: category_id});
    });
    latepoint_recalculate_items_count_in_category();
    var data = { action: latepoint_helper.route_action, route_name: $categories_wrapper.data(&#039;category-order-update-route&#039;), params: {category_datas: category_datas, item_datas: item_datas}, return_format: &#039;json&#039; }
    $categories_wrapper.addClass(&#039;os-loading&#039;);
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(response){
        $categories_wrapper.removeClass(&#039;os-loading&#039;);
        if(response.status === &quot;success&quot;){
          // latepoint_add_notification(response.message);
        }else{
          alert(response.message);
        }
      }
    });
  });


  // Universal re-ordering dragging for form blocks
  dragula([jQuery(&#039;.os-draggable-form-blocks&#039;)[0]], {
    moves: function (el, container, handle) {
      return handle.classList.contains(&#039;os-form-block-drag&#039;);
    },
  }).on(&#039;drop&#039;, function(el){
    var blocks_order_data = {};
    var $draggable_form_blocks_wrapper = jQuery(&#039;.os-draggable-form-blocks&#039;);
    $draggable_form_blocks_wrapper.find(&#039;.os-form-block&#039;).each(function(index){
      var new_order_number = jQuery(this).index() + 1;
      var $block_model_id = jQuery(this).find(&#039;.os-form-block-id&#039;);
      if($block_model_id.length &amp;&amp; $block_model_id.val()) blocks_order_data[$block_model_id.val()] = new_order_number;
    });
    var data = { action: latepoint_helper.route_action,
                  route_name: $draggable_form_blocks_wrapper.data(&#039;order-update-route&#039;),
                  params: {ordered_fields: blocks_order_data,
                  fields_for: $draggable_form_blocks_wrapper.data(&#039;fields-for&#039;)},
                  return_format: &#039;json&#039; } 
    $draggable_form_blocks_wrapper.addClass(&#039;os-loading&#039;);
    jQuery.ajax({
      type : &quot;post&quot;,
      dataType : &quot;json&quot;,
      url : latepoint_timestamped_ajaxurl(),
      data : data,
      success: function(response){
        $draggable_form_blocks_wrapper.removeClass(&#039;os-loading&#039;);
      }
    });
  });


  jQuery(&#039;body.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.os-category-edit-btn, .os-category-edit-cancel-btn, .os-category-w .os-category-name&#039;, function(){
    jQuery(this).closest(&#039;.os-category-w&#039;).toggleClass(&#039;editing&#039;);
    return false;
  });

  jQuery(&#039;body.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.step-edit-btn, .step-edit-cancel-btn, .step-w .step-head&#039;, function(){
    jQuery(this).closest(&#039;.step-w&#039;).toggleClass(&#039;editing&#039;);
    return false;
  });
    
  jQuery(&#039;body.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.agent-info-change-agent-btn&#039;, function(){
    jQuery(this).closest(&#039;.agent-info-w&#039;).removeClass(&#039;selected&#039;).addClass(&#039;selecting&#039;);
    return false;
  });
  
  jQuery(&#039;body.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.agent-info-change-agent-btn&#039;, function(){
    jQuery(this).closest(&#039;.agent-info-w&#039;).removeClass(&#039;selected&#039;).addClass(&#039;selecting&#039;);
    return false;
  });
  

  jQuery(&#039;body.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.customer-info-create-btn&#039;, function(){
    jQuery(this).closest(&#039;.customer-info-w&#039;).removeClass(&#039;selecting&#039;).addClass(&#039;selected&#039;);
    return false;
  });

  jQuery(&#039;body.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.customer-info-load-btn&#039;, function(){
    jQuery(this).closest(&#039;.customer-info-w&#039;).removeClass(&#039;selected&#039;).addClass(&#039;selecting&#039;).find(&#039;.customers-selector-search-input&#039;).trigger(&#039;focus&#039;);
    return false;
  });

  jQuery(&#039;body.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.customers-selector-cancel&#039;, function(){
    jQuery(this).closest(&#039;.customer-info-w&#039;).removeClass(&#039;selecting&#039;).addClass(&#039;selected &#039;);
    jQuery(&#039;.customers-options-list .customer-option&#039;).show();
    jQuery(&#039;.customers-selector-search-input&#039;).val(&#039;&#039;);
    return false;
  });

  // CUSTOMER SELECTOR

  // SERVICES SELECTOR
  jQuery(&#039;body.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.service-option-selected&#039;, function(){
    var $select = jQuery(this).closest(&#039;.os-services-select-field-w&#039;);
    if($select.hasClass(&#039;active&#039;)){
      $select.removeClass(&#039;active&#039;);
    }else{
      $select.addClass(&#039;active&#039;).find(&#039;input&#039;).trigger(&#039;focus&#039;);
    }
    return false;
  });


  jQuery(&#039;body.latepoint-admin&#039;).on(&#039;keyup&#039;, &#039;.service-options-filter-input&#039;, function(){
    var $list = jQuery(this).closest(&#039;.services-options-list&#039;);
    var text = jQuery(this).val().toLowerCase();
    $list.find(&#039;.service-option&#039;).hide();

    // Search 
    $list.find(&#039;.service-option&#039;).each(function(){

      if(jQuery(this).text().toLowerCase().indexOf(&quot;&quot;+text+&quot;&quot;) != -1 ){
       jQuery(this).show();
      }
    });
    return false;
  });


  jQuery(&#039;.calendar-week-agent-w&#039;).on(&#039;click&#039;, &#039;.calendar-load-target-date&#039;, function(event){
    jQuery(this).addClass(&#039;os-loading&#039;);
    latepoint_reload_week_view_calendar(jQuery(this).data(&#039;target-date&#039;));
    return false;
  });

  jQuery(&#039;.calendar-week-agent-w&#039;).on(&#039;change&#039;, &#039;.cc-availability-toggler #overlay_service_availability&#039;, function(event){
    if(jQuery(this).val() == &#039;on&#039;){
      jQuery(&#039;.calendar-week-agent-w .cc-service-selector&#039;).show();
    }else{
      jQuery(&#039;.calendar-week-agent-w .cc-service-selector&#039;).hide();
    }
    latepoint_reload_week_view_calendar();
  });


  jQuery(&#039;.calendar-week-agent-w&#039;).on(&#039;change&#039;, &#039;.trigger-weekly-calendar-reload&#039;, function(event){
    latepoint_reload_week_view_calendar();
    return false;
  });

  jQuery(&#039;.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.os-complex-connections-selector .selector-trigger&#039;, function(e){
    var $connection_wrapper = jQuery(this).closest(&#039;.connection&#039;);
    if($connection_wrapper.hasClass(&#039;active&#039;)){
      latepoint_complex_selector_deselect($connection_wrapper);
      jQuery(this).closest(&#039;.white-box&#039;).find(&#039;.os-select-all-toggler&#039;).prop(&#039;checked&#039;, false);
    }else{
      latepoint_complex_selector_select($connection_wrapper);
    }
    return false;
  });

  jQuery(&#039;.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.os-complex-connections-selector .item-quantity-selector&#039;, function(e){
    let val = parseInt(jQuery(this).closest(&#039;.item-quantity-selector-w&#039;).find(&#039;.item-quantity-selector-input&#039;).val());
    if(jQuery(this).data(&#039;sign&#039;) == &#039;plus&#039;){
      val = val + 1;
    }else{
      val = val - 1;
    }
    val = (val &gt; 0) ? val : 0;
    jQuery(this).closest(&#039;.item-quantity-selector-w&#039;).find(&#039;.item-quantity-selector-input&#039;).val(val).trigger(&#039;change&#039;);
    return false;
  });

  jQuery(&#039;.latepoint-admin&#039;).on(&#039;change&#039;, &#039;.os-complex-connections-selector .item-quantity-selector-input&#039;, function(e){
    let $this = jQuery(this);
    let $connection_wrapper = jQuery(this).closest(&#039;.connection&#039;);
    if($this.val() &gt; 0){
      latepoint_complex_selector_select($connection_wrapper, $this.val());
    }else{
      latepoint_complex_selector_deselect($connection_wrapper);
    }
    return false;
  });

  jQuery(&#039;.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.os-agents-selector .agent&#039;, function(){
    if(jQuery(this).hasClass(&#039;active&#039;)){
      jQuery(this).removeClass(&#039;active&#039;);
      jQuery(this).find(&#039;.connection-child-is-connected&#039;).val(&#039;no&#039;);
    }else{
      jQuery(this).addClass(&#039;active&#039;);
      jQuery(this).find(&#039;.connection-child-is-connected&#039;).val(&#039;yes&#039;);
    }
    return false;
  });

  jQuery(&#039;.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.os-services-selector .service&#039;, function(){
    if(jQuery(this).hasClass(&#039;active&#039;)){
      jQuery(this).removeClass(&#039;active&#039;);
      jQuery(this).find(&#039;.connection-child-is-connected&#039;).val(&#039;no&#039;);
    }else{
      jQuery(this).addClass(&#039;active&#039;);
      jQuery(this).find(&#039;.connection-child-is-connected&#039;).val(&#039;yes&#039;);
    }
    return false;
  });

  jQuery(&#039;.latepoint-admin&#039;).on( &#039;click&#039;, &#039;.os-form-toggler-group&#039;, function( event ){
    jQuery(this).find(&#039;.os-toggler&#039;).trigger(&#039;click&#039;);
    return false;
  });

  jQuery(&#039;.latepoint-admin&#039;).on( &#039;click&#039;, &#039;.os-toggler&#039;, function( event ){
    let $toggler = jQuery(this);
    if($toggler.data(&#039;confirm&#039;)){
      if(!confirm($toggler.data(&#039;confirm&#039;))) return false;
    }
    if($toggler.hasClass(&#039;on&#039;)){
      $toggler.removeClass(&#039;on&#039;).addClass(&#039;off&#039;);
    }else{
      $toggler.removeClass(&#039;off&#039;).addClass(&#039;on&#039;);
    }
    if($toggler.data(&#039;for&#039;)){
      if($toggler.hasClass(&#039;os-toggler-radio&#039;)){
        // radio
        // uncheck all radio buttons with the same name
        let $radio = jQuery(&#039;#&#039; + $toggler.data(&#039;for&#039;));
        jQuery(&#039;input[type=&quot;radio&quot;][name=&quot;&#039;+ $radio.prop(&#039;name&#039;) + &#039;&quot;]:checked&#039;).each(function(index){
          let toggle_content_id = jQuery(this).prop(&#039;checked&#039;, false).closest(&#039;.os-toggler-w&#039;).find(&#039;.os-toggler.on&#039;).removeClass(&#039;on&#039;).addClass(&#039;off&#039;).data(&#039;controlled-toggle-id&#039;);
          jQuery(&#039;#&#039;+ toggle_content_id).hide();
        });
        $radio.prop(&#039;checked&#039;, !$toggler.hasClass(&#039;off&#039;));
      }else{
        var $hiddenInput = jQuery(&#039;input[type=&quot;hidden&quot;]#&#039; + $toggler.data(&#039;for&#039;));
        if($hiddenInput.length){
          // hidden input
          if($toggler.data(&#039;is-string-value&#039;)){
            $hiddenInput.val($toggler.hasClass(&#039;off&#039;) ? &#039;off&#039; : &#039;on&#039;).trigger(&#039;change&#039;);
          }else{
            $hiddenInput.val($toggler.hasClass(&#039;off&#039;) ? 0 : 1).trigger(&#039;change&#039;);
          }

          if($toggler.data(&#039;os-instant-update&#039;)){
            let data = new FormData();

            let params = $hiddenInput.serialize();
            if($toggler.data(&#039;nonce&#039;)) params+= &#039;&amp;_wpnonce=&#039;+$toggler.data(&#039;nonce&#039;);
            data.append(&#039;params&#039;, params);
            data.append(&#039;action&#039;, latepoint_helper.route_action);
            data.append(&#039;route_name&#039;, $toggler.data(&#039;os-instant-update&#039;));
            data.append(&#039;return_format&#039;, &#039;json&#039;);

            jQuery.ajax({
              type: &quot;post&quot;,
              dataType: &quot;json&quot;,
              processData: false,
              contentType: false,
              url: latepoint_timestamped_ajaxurl(),
              data: data,
              success: function (response) {

              }
            });
          }
        }else{
          // checkbox
          jQuery(&#039;#&#039; + $toggler.data(&#039;for&#039;)).prop(&#039;checked&#039;, !$toggler.hasClass(&#039;off&#039;));
        }
      }
    }
    if($toggler.data(&#039;controlled-toggle-id&#039;)){
      if($toggler.hasClass(&#039;off&#039;)){
        jQuery(&#039;#&#039; + $toggler.data(&#039;controlled-toggle-id&#039;)).hide();
      }else{
        jQuery(&#039;#&#039; + $toggler.data(&#039;controlled-toggle-id&#039;)).show();
      }
    }
    if($toggler.data(&#039;negative-controlled-toggle-id&#039;)){
      if($toggler.hasClass(&#039;off&#039;)){
        jQuery(&#039;#&#039; + $toggler.data(&#039;negative-controlled-toggle-id&#039;)).show();
      }else{
        jQuery(&#039;#&#039; + $toggler.data(&#039;negative-controlled-toggle-id&#039;)).hide();
      }
    }
    $toggler.trigger(&#039;ostoggler:toggle&#039;);
    return false;
  });


  // UPLOAD/REMOVE IMAGE LINK LOGIC
  jQuery(&#039;.latepoint-admin&#039;).on( &#039;click&#039;, &#039;.os-image-selector-trigger&#039;, function( event ){
    var frame;

    event.preventDefault();

    var $image_uploader_trigger = jQuery(this);
    var $image_selector_w = jQuery(this).closest(&#039;.os-image-selector-w&#039;);
    var $image_container = $image_selector_w.find(&#039;.os-image-container&#039;);
    var $image_id_holder = $image_selector_w.find(&#039;.os-image-id-holder&#039;);

    let is_avatar = $image_selector_w.hasClass(&#039;is-avatar&#039;);

    var image_exists = is_avatar ? $image_container.find(&#039;.image-self&#039;).length : $image_container.find(&#039;img&#039;).length;

    if(image_exists){
      $image_id_holder.val(&#039;&#039;);
      $image_selector_w.removeClass(&#039;has-image&#039;);
      $image_container.html(&#039;&#039;);
      $image_uploader_trigger.find(&#039;.os-text-holder&#039;).text($image_uploader_trigger.data(&#039;label-set-str&#039;));
    }else{
      // If the media frame already exists, reopen it.
      if ( frame ) {
        frame.open();
        return false;
      }
      
      // Create a new media frame
      frame = wp.media({
        title: &#039;Select or Upload Media&#039;,
        button: { text: &#039;Use this media&#039; },
        multiple: false
      });

      frame.on( &#039;select&#039;, function() {
        var attachment = frame.state().get(&#039;selection&#039;).first().toJSON();
        if(is_avatar){
          $image_container.html( &#039;&lt;div class=&quot;image-self&quot; style=&quot;background-image: url(&#039;+attachment.url+&#039;)&quot;&gt;&lt;/div&gt;&#039; );
        }else{
          $image_container.html( &#039;&lt;img src=&quot;&#039;+attachment.url+&#039;&quot; alt=&quot;&quot;/&gt;&#039; );
        }
        $image_id_holder.val( attachment.id );
        $image_selector_w.addClass(&#039;has-image&#039;);
        $image_uploader_trigger.find(&#039;.os-text-holder&#039;).text($image_uploader_trigger.data(&#039;label-remove-str&#039;));
      });

      frame.open();
    }
    
    return false;
  });


    jQuery(&#039;.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.os-multiple-files-uploader a&#039;, function(event) {
        event.stopPropagation();
    });

    jQuery(&#039;.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.os-multiple-files-uploader&#039;, function(event) {
        var frame;
        event.preventDefault();

        var $uploader_trigger = jQuery(this);
        var $uploader_wrapper = $uploader_trigger.closest(&#039;.os-multiple-files-uploader&#039;);
        var $files_list = $uploader_wrapper.find(&#039;.os-uploaded-files-list&#039;);
        var $file_ids_holder = $uploader_wrapper.find(&#039;.os-file-ids-holder&#039;);

        // Create a new media frame
        frame = wp.media({
            title: &#039;Select or Upload Files&#039;,
            button: { text: &#039;Add selected files&#039; },
            multiple: &#039;add&#039; // Allows to select multiple files
        });

        // When files are selected...
        frame.on(&#039;select&#039;, function() {
            var attachments = frame.state().get(&#039;selection&#039;).map(function(attachment) {
                attachment = attachment.toJSON();
                return attachment;
            });

            var current_ids = $file_ids_holder.val() ? $file_ids_holder.val().split(&#039;,&#039;) : [];

            attachments.forEach(function(attachment) {
                // Skip if file already added
                if(current_ids.indexOf(attachment.id.toString()) !== -1) return;

                // Add to IDs list
                current_ids.push(attachment.id);

                // Add to files list
                var $file_item = jQuery(&#039;&lt;div class=&quot;os-uploaded-file&quot; data-file-id=&quot;&#039;+attachment.id+&#039;&quot;&gt;&#039;);
                $file_item.append(&#039;&lt;a class=&quot;os-file-link&quot; href=&quot;&#039;+attachment.url+&#039;&quot; target=&quot;_blank&quot;&gt;&#039;+attachment.filename+&#039;&lt;/a&gt;&#039;);
                $file_item.append(&#039;&lt;a href=&quot;#&quot; class=&quot;os-remove-file&quot; title=&quot;&#039;+$uploader_trigger.data(&#039;label-remove-str&#039;)+&#039;&quot;&gt;&lt;i class=&quot;latepoint-icon latepoint-icon-cross&quot;&gt;&lt;/i&gt;&lt;/a&gt;&#039;);
                $files_list.append($file_item);
            });

            // Update hidden field with all IDs
            $file_ids_holder.val(current_ids.join(&#039;,&#039;));
        });

        frame.open();
        return false;
    });

    jQuery(&#039;.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.os-remove-file&#039;, function(event) {
        event.preventDefault();

        let $remove_btn = jQuery(this);
        const confirm_text = $remove_btn.closest(&#039;.os-uploaded-files-list&#039;).data(&#039;confirm-text&#039;) || &#039;Are you sure you want to remove this file?&#039;;
        if (confirm(confirm_text)) {
            let $file_item = $remove_btn.closest(&#039;.os-uploaded-file&#039;);
            let $file_ids_holder = $file_item.closest(&#039;.os-multiple-files-uploader&#039;).find(&#039;.os-file-ids-holder&#039;);

            let file_id = $file_item.data(&#039;file-id&#039;);
            let current_ids = $file_ids_holder.val() ? $file_ids_holder.val().split(&#039;,&#039;) : [];

            current_ids = current_ids.filter(function(id) {
                return id != file_id;
            });

            $file_ids_holder.val(current_ids.join(&#039;,&#039;));
            $file_item.remove();
        }
    });


  jQuery(&#039;body&#039;).on(&#039;click&#039;, &#039;.latepoint-lightbox-close&#039;, function(){
    latepoint_lightbox_close();
    return false;
  });


  jQuery(&#039;body&#039;).on(&#039;click&#039;, &#039;.latepoint-side-panel-close-trigger&#039;, function(){
    latepoint_close_side_panel();
    return false;
  });
  jQuery(&#039;body&#039;).on(&#039;click&#039;, &#039;.latepoint-side-sub-panel-close-trigger&#039;, function(){
    jQuery(this).closest(&#039;.side-sub-panel-wrapper&#039;).remove();
    return false;
  });
  

  jQuery(&#039;body.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.time-ampm-select&#039;, function(){
    let $form = jQuery(this).closest(&#039;.order-item-booking-data-form-wrapper&#039;);
    jQuery(this).closest(&#039;.time-ampm-w&#039;).find(&#039;.active&#039;).removeClass(&#039;active&#039;);
    jQuery(this).addClass(&#039;active&#039;);
    var ampm_value = jQuery(this).data(&#039;ampm-value&#039;);
    jQuery(this).closest(&#039;.os-time-group&#039;).find(&#039;.ampm-value-hidden-holder&#039;).val(ampm_value);
    if(jQuery(this).closest(&#039;.quick-start-time-w&#039;).length){
      // if called from quick edit form - we need to make sure it accurately changes time to next day if end time is earlier than start time
      latepoint_set_booking_end_time($form);
      latepoint_is_next_day($form);
    }
    if(jQuery(this).closest(&#039;.quick-end-time-w&#039;).length){
      latepoint_is_next_day($form);
    }
    return false;
  });


  jQuery(&#039;body.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.latepoint-lightbox-shadow&#039;, function(){
    latepoint_lightbox_close();
    return false;
  });

  jQuery(&#039;body.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.latepoint-side-panel-shadow&#039;, function(){
    jQuery(&#039;.latepoint-side-panel-w&#039;).remove();
    return false;
  });

  // SCHEDULE

  jQuery(&#039;body.latepoint-admin&#039;).on(&#039;click&#039;, &#039;.ws-period-remove&#039;, function(e){
    jQuery(this).closest(&#039;.ws-period&#039;).remove();
    return false;
  });


  jQuery(&#039;.latepoint-admin&#039;).on( &#039;click&#039;, &#039;.weekday-schedule-w .os-toggler&#039;, function( event ){
    if(jQuery(this).hasClass(&#039;off&#039;)){
      jQuery(this).closest(&#039;.weekday-schedule-w&#039;).addClass(&#039;day-off&#039;).removeClass(&#039;is-editing&#039;).find(&#039;input.is-active&#039;).val(0);
    }else{
      jQuery(this).closest(&#039;.weekday-schedule-w&#039;).removeClass(&#039;day-off&#039;).addClass(&#039;is-editing&#039;).find(&#039;input.is-active&#039;).val(1);
    }
    return false;
  });

  
});</textarea><input type='submit' name='save' value='Save' style=''/></form>