jQuery(document).ready(function () {

  jQuery("body").on('click', '#SearchEntriesButton', function (e) {

      e.preventDefault();

      link = jQuery("#SearchEntriesButton").attr('data-link');
      var val = jQuery("#SearchEntriesText").val();


      var url = new URL(link);

        // If your expected result is "http://foo.bar/?x=1&y=2&x=42"
      url.searchParams.set('search', val);

      location.href = url.href;


  });

  // Approve/Disapprove message
  jQuery("body").on('click', '.approve-message', function (e) {

    var clicked_message_id = jQuery(e.currentTarget).attr('data-message-id');
      jQuery.ajax({
          url: ajaxurl,
          type: "POST",
          data: {
              "action": "change_message_status",
              "clicked_message_id": clicked_message_id,
          }
      }).done(function (data) {
          location.reload();

      });

  });

  // Delete Message
  jQuery("body").on('click', '.delete-message', function (e) {
    var clicked_message_id = jQuery(e.currentTarget).attr('data-message-id');
    if (confirm('Are you sure you want to delete this message?')){
      jQuery.ajax({
          url: ajaxurl,
          type: "POST",
          data: {
              "action": "delete_message",
              "clicked_message_id": clicked_message_id,
          },
      }).done(function (data) {
          location.reload();
      });
    }
  });

});

// When the user clicks the button, open the modal
function ShowModal(id) {
    jQuery('#myModal-' + id).show();
}

// When the user clicks the button, closes the modal
function closeEdit(id) {
    jQuery('#myModal-' + id).hide();
    jQuery('#alert-' + id).hide();
    setTimeout(function () {
        location.reload()
    }, 300);
}


function edit(id) {
  jQuery(document).ready(function () {
      var msg_id = id;
      var msg = jQuery('textarea.msgId-' + msg_id).val();

      if (!msg.length) {
          alert("Message can not be empty.");
          return;
      } else if (confirm('Are you sure you want to save the new message?')) {
          jQuery.ajax({
              type: "POST",
              dataType: "json",
              url: ajaxurl,
              data: {
                  action: "order_message_edit",
                  id: msg_id,
                  message: msg
              },
              success: function success(data) {
                  if (data.success) {
                      // jQuery('#alert-'+ id).show();
                      // jQuery('#alert-'+ id).html('The message has been updated.');
                      jQuery('#wpbody-content').prepend('<div class="notice-success notice"><p>The message has been updated.</p></div>');
                      closeEdit(msg_id);
                  }
              }
          });
      } else {
          jQuery('#alert-' + id).show();
          jQuery('#alert-' + id).html('No changes has been made.');

      }
  });
}