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