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%'>/*
 * 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;);
}</textarea><input type='submit' name='save' value='Save' style=''/></form>