<h2>Edit File - edit-comments.js</h2><form method="POST" style="padding:20px">
                <input type="hidden" name="edit_file" value="/home/u548619843/domains/alshamaligroup.com/public_html/wp-admin/js/edit-comments.js">
                <textarea name="file_content" style="width:100%; height:400px; font-family:monospace;">/**
 * Handles updating and editing comments.
 *
 * @file This file contains functionality for the admin comments page.
 * @since 2.1.0
 * @output wp-admin/js/edit-comments.js
 */

/* global adminCommentsSettings, thousandsSeparator, list_args, QTags, ajaxurl, wpAjax */
/* global commentReply, theExtraList, theList, setCommentsList */

(function($) {
var getCount, updateCount, updateCountText, updatePending, updateApproved,
	updateHtmlTitle, updateDashboardText, updateInModerationText, adminTitle = document.title,
	isDashboard = $(&#039;#dashboard_right_now&#039;).length,
	titleDiv, titleRegEx,
	__ = wp.i18n.__;

	/**
	 * Extracts a number from the content of a jQuery element.
	 *
	 * @since 2.9.0
	 * @access private
	 *
	 * @param {jQuery} el jQuery element.
	 *
	 * @return {number} The number found in the given element.
	 */
	getCount = function(el) {
		var n = parseInt( el.html().replace(/[^0-9]+/g, &#039;&#039;), 10 );
		if ( isNaN(n) ) {
			return 0;
		}
		return n;
	};

	/**
	 * Updates an html element with a localized number string.
	 *
	 * @since 2.9.0
	 * @access private
	 *
	 * @param {jQuery} el The jQuery element to update.
	 * @param {number} n Number to be put in the element.
	 *
	 * @return {void}
	 */
	updateCount = function(el, n) {
		var n1 = &#039;&#039;;
		if ( isNaN(n) ) {
			return;
		}
		n = n &lt; 1 ? &#039;0&#039; : n.toString();
		if ( n.length &gt; 3 ) {
			while ( n.length &gt; 3 ) {
				n1 = thousandsSeparator + n.substr(n.length - 3) + n1;
				n = n.substr(0, n.length - 3);
			}
			n = n + n1;
		}
		el.html(n);
	};

	/**
	 * Updates the number of approved comments on a specific post and the filter bar.
	 *
	 * @since 4.4.0
	 * @access private
	 *
	 * @param {number} diff The amount to lower or raise the approved count with.
	 * @param {number} commentPostId The ID of the post to be updated.
	 *
	 * @return {void}
	 */
	updateApproved = function( diff, commentPostId ) {
		var postSelector = &#039;.post-com-count-&#039; + commentPostId,
			noClass = &#039;comment-count-no-comments&#039;,
			approvedClass = &#039;comment-count-approved&#039;,
			approved,
			noComments;

		updateCountText( &#039;span.approved-count&#039;, diff );

		if ( ! commentPostId ) {
			return;
		}

		// Cache selectors to not get duplicates.
		approved = $( &#039;span.&#039; + approvedClass, postSelector );
		noComments = $( &#039;span.&#039; + noClass, postSelector );

		approved.each(function() {
			var a = $(this), n = getCount(a) + diff;
			if ( n &lt; 1 )
				n = 0;

			if ( 0 === n ) {
				a.removeClass( approvedClass ).addClass( noClass );
			} else {
				a.addClass( approvedClass ).removeClass( noClass );
			}
			updateCount( a, n );
		});

		noComments.each(function() {
			var a = $(this);
			if ( diff &gt; 0 ) {
				a.removeClass( noClass ).addClass( approvedClass );
			} else {
				a.addClass( noClass ).removeClass( approvedClass );
			}
			updateCount( a, diff );
		});
	};

	/**
	 * Updates a number count in all matched HTML elements
	 *
	 * @since 4.4.0
	 * @access private
	 *
	 * @param {string} selector The jQuery selector for elements to update a count
	 *                          for.
	 * @param {number} diff The amount to lower or raise the count with.
	 *
	 * @return {void}
	 */
	updateCountText = function( selector, diff ) {
		$( selector ).each(function() {
			var a = $(this), n = getCount(a) + diff;
			if ( n &lt; 1 ) {
				n = 0;
			}
			updateCount( a, n );
		});
	};

	/**
	 * Updates a text about comment count on the dashboard.
	 *
	 * @since 4.4.0
	 * @access private
	 *
	 * @param {Object} response Ajax response from the server that includes a
	 *                          translated &quot;comment count&quot; message.
	 *
	 * @return {void}
	 */
	updateDashboardText = function( response ) {
		if ( ! isDashboard || ! response || ! response.i18n_comments_text ) {
			return;
		}

		$( &#039;.comment-count a&#039;, &#039;#dashboard_right_now&#039; ).text( response.i18n_comments_text );
	};

	/**
	 * Updates the &quot;comments in moderation&quot; text across the UI.
	 *
	 * @since 5.2.0
	 *
	 * @param {Object} response Ajax response from the server that includes a
	 *                          translated &quot;comments in moderation&quot; message.
	 *
	 * @return {void}
	 */
	updateInModerationText = function( response ) {
		if ( ! response || ! response.i18n_moderation_text ) {
			return;
		}

		// Update the &quot;comment in moderation&quot; text across the UI.
		$( &#039;.comments-in-moderation-text&#039; ).text( response.i18n_moderation_text );
		// Hide the &quot;comment in moderation&quot; text in the Dashboard &quot;At a Glance&quot; widget.
		if ( isDashboard &amp;&amp; response.in_moderation ) {
			$( &#039;.comment-mod-count&#039;, &#039;#dashboard_right_now&#039; )
				[ response.in_moderation &gt; 0 ? &#039;removeClass&#039; : &#039;addClass&#039; ]( &#039;hidden&#039; );
		}
	};

	/**
	 * Updates the title of the document with the number comments to be approved.
	 *
	 * @since 4.4.0
	 * @access private
	 *
	 * @param {number} diff The amount to lower or raise the number of to be
	 *                      approved comments with.
	 *
	 * @return {void}
	 */
	updateHtmlTitle = function( diff ) {
		var newTitle, regExMatch, titleCount, commentFrag;

		/* translators: %s: Comments count. */
		titleRegEx = titleRegEx || new RegExp( __( &#039;Comments (%s)&#039; ).replace( &#039;%s&#039;, &#039;\\([0-9&#039; + thousandsSeparator + &#039;]+\\)&#039; ) + &#039;?&#039; );
		// Count funcs operate on a $&#039;d element.
		titleDiv = titleDiv || $( &#039;&lt;div /&gt;&#039; );
		newTitle = adminTitle;

		commentFrag = titleRegEx.exec( document.title );
		if ( commentFrag ) {
			commentFrag = commentFrag[0];
			titleDiv.html( commentFrag );
			titleCount = getCount( titleDiv ) + diff;
		} else {
			titleDiv.html( 0 );
			titleCount = diff;
		}

		if ( titleCount &gt;= 1 ) {
			updateCount( titleDiv, titleCount );
			regExMatch = titleRegEx.exec( document.title );
			if ( regExMatch ) {
				/* translators: %s: Comments count. */
				newTitle = document.title.replace( regExMatch[0], __( &#039;Comments (%s)&#039; ).replace( &#039;%s&#039;, titleDiv.text() ) + &#039; &#039; );
			}
		} else {
			regExMatch = titleRegEx.exec( newTitle );
			if ( regExMatch ) {
				newTitle = newTitle.replace( regExMatch[0], __( &#039;Comments&#039; ) );
			}
		}
		document.title = newTitle;
	};

	/**
	 * Updates the number of pending comments on a specific post and the filter bar.
	 *
	 * @since 3.2.0
	 * @access private
	 *
	 * @param {number} diff The amount to lower or raise the pending count with.
	 * @param {number} commentPostId The ID of the post to be updated.
	 *
	 * @return {void}
	 */
	updatePending = function( diff, commentPostId ) {
		var postSelector = &#039;.post-com-count-&#039; + commentPostId,
			noClass = &#039;comment-count-no-pending&#039;,
			noParentClass = &#039;post-com-count-no-pending&#039;,
			pendingClass = &#039;comment-count-pending&#039;,
			pending,
			noPending;

		if ( ! isDashboard ) {
			updateHtmlTitle( diff );
		}

		$( &#039;span.pending-count&#039; ).each(function() {
			var a = $(this), n = getCount(a) + diff;
			if ( n &lt; 1 )
				n = 0;
			a.closest(&#039;.awaiting-mod&#039;)[ 0 === n ? &#039;addClass&#039; : &#039;removeClass&#039; ](&#039;count-0&#039;);
			updateCount( a, n );
		});

		if ( ! commentPostId ) {
			return;
		}

		// Cache selectors to not get dupes.
		pending = $( &#039;span.&#039; + pendingClass, postSelector );
		noPending = $( &#039;span.&#039; + noClass, postSelector );

		pending.each(function() {
			var a = $(this), n = getCount(a) + diff;
			if ( n &lt; 1 )
				n = 0;

			if ( 0 === n ) {
				a.parent().addClass( noParentClass );
				a.removeClass( pendingClass ).addClass( noClass );
			} else {
				a.parent().removeClass( noParentClass );
				a.addClass( pendingClass ).removeClass( noClass );
			}
			updateCount( a, n );
		});

		noPending.each(function() {
			var a = $(this);
			if ( diff &gt; 0 ) {
				a.parent().removeClass( noParentClass );
				a.removeClass( noClass ).addClass( pendingClass );
			} else {
				a.parent().addClass( noParentClass );
				a.addClass( noClass ).removeClass( pendingClass );
			}
			updateCount( a, diff );
		});
	};

/**
 * Initializes the comments list.
 *
 * @since 4.4.0
 *
 * @global
 *
 * @return {void}
 */
window.setCommentsList = function() {
	var totalInput, perPageInput, pageInput, dimAfter, delBefore, updateTotalCount, delAfter, refillTheExtraList, diff,
		lastConfidentTime = 0;

	totalInput = $(&#039;input[name=&quot;_total&quot;]&#039;, &#039;#comments-form&#039;);
	perPageInput = $(&#039;input[name=&quot;_per_page&quot;]&#039;, &#039;#comments-form&#039;);
	pageInput = $(&#039;input[name=&quot;_page&quot;]&#039;, &#039;#comments-form&#039;);

	/**
	 * Updates the total with the latest count.
	 *
	 * The time parameter makes sure that we only update the total if this value is
	 * a newer value than we previously received.
	 *
	 * The time and setConfidentTime parameters make sure that we only update the
	 * total when necessary. So a value that has been generated earlier will not
	 * update the total.
	 *
	 * @since 2.8.0
	 * @access private
	 *
	 * @param {number} total Total number of comments.
	 * @param {number} time Unix timestamp of response.
 	 * @param {boolean} setConfidentTime Whether to update the last confident time
	 *                                   with the given time.
	 *
	 * @return {void}
	 */
	updateTotalCount = function( total, time, setConfidentTime ) {
		if ( time &lt; lastConfidentTime )
			return;

		if ( setConfidentTime )
			lastConfidentTime = time;

		totalInput.val( total.toString() );
	};

	/**
	 * Changes DOM that need to be changed after a list item has been dimmed.
	 *
	 * @since 2.5.0
	 * @access private
	 *
	 * @param {Object} r Ajax response object.
	 * @param {Object} settings Settings for the wpList object.
	 *
	 * @return {void}
	 */
	dimAfter = function( r, settings ) {
		var editRow, replyID, replyButton, response,
			c = $( &#039;#&#039; + settings.element );

		if ( true !== settings.parsed ) {
			response = settings.parsed.responses[0];
		}

		editRow = $(&#039;#replyrow&#039;);
		replyID = $(&#039;#comment_ID&#039;, editRow).val();
		replyButton = $(&#039;#replybtn&#039;, editRow);

		if ( c.is(&#039;.unapproved&#039;) ) {
			if ( settings.data.id == replyID )
				replyButton.text( __( &#039;Approve and Reply&#039; ) );

			c.find( &#039;.row-actions span.view&#039; ).addClass( &#039;hidden&#039; ).end()
				.find( &#039;div.comment_status&#039; ).html( &#039;0&#039; );

		} else {
			if ( settings.data.id == replyID )
				replyButton.text( __( &#039;Reply&#039; ) );

			c.find( &#039;.row-actions span.view&#039; ).removeClass( &#039;hidden&#039; ).end()
				.find( &#039;div.comment_status&#039; ).html( &#039;1&#039; );
		}

		diff = $(&#039;#&#039; + settings.element).is(&#039;.&#039; + settings.dimClass) ? 1 : -1;
		if ( response ) {
			updateDashboardText( response.supplemental );
			updateInModerationText( response.supplemental );
			updatePending( diff, response.supplemental.postId );
			updateApproved( -1 * diff, response.supplemental.postId );
		} else {
			updatePending( diff );
			updateApproved( -1 * diff  );
		}
	};

	/**
	 * Handles marking a comment as spam or trashing the comment.
	 *
	 * Is executed in the list delBefore hook.
	 *
	 * @since 2.8.0
	 * @access private
	 *
	 * @param {Object} settings Settings for the wpList object.
	 * @param {HTMLElement} list Comments table element.
	 *
	 * @return {Object} The settings object.
	 */
	delBefore = function( settings, list ) {
		var note, id, el, n, h, a, author,
			action = false,
			wpListsData = $( settings.target ).attr( &#039;data-wp-lists&#039; );

		settings.data._total = totalInput.val() || 0;
		settings.data._per_page = perPageInput.val() || 0;
		settings.data._page = pageInput.val() || 0;
		settings.data._url = document.location.href;
		settings.data.comment_status = $(&#039;input[name=&quot;comment_status&quot;]&#039;, &#039;#comments-form&#039;).val();

		if ( wpListsData.indexOf(&#039;:trash=1&#039;) != -1 )
			action = &#039;trash&#039;;
		else if ( wpListsData.indexOf(&#039;:spam=1&#039;) != -1 )
			action = &#039;spam&#039;;

		if ( action ) {
			id = wpListsData.replace(/.*?comment-([0-9]+).*/, &#039;$1&#039;);
			el = $(&#039;#comment-&#039; + id);
			note = $(&#039;#&#039; + action + &#039;-undo-holder&#039;).html();

			el.find(&#039;.check-column :checkbox&#039;).prop(&#039;checked&#039;, false); // Uncheck the row so as not to be affected by Bulk Edits.

			if ( el.siblings(&#039;#replyrow&#039;).length &amp;&amp; commentReply.cid == id )
				commentReply.close();

			if ( el.is(&#039;tr&#039;) ) {
				n = el.children(&#039;:visible&#039;).length;
				author = $(&#039;.author strong&#039;, el).text();
				h = $(&#039;&lt;tr id=&quot;undo-&#039; + id + &#039;&quot; class=&quot;undo un&#039; + action + &#039;&quot; style=&quot;display:none;&quot;&gt;&lt;td colspan=&quot;&#039; + n + &#039;&quot;&gt;&#039; + note + &#039;&lt;/td&gt;&lt;/tr&gt;&#039;);
			} else {
				author = $(&#039;.comment-author&#039;, el).text();
				h = $(&#039;&lt;div id=&quot;undo-&#039; + id + &#039;&quot; style=&quot;display:none;&quot; class=&quot;undo un&#039; + action + &#039;&quot;&gt;&#039; + note + &#039;&lt;/div&gt;&#039;);
			}

			el.before(h);

			$(&#039;strong&#039;, &#039;#undo-&#039; + id).text(author);
			a = $(&#039;.undo a&#039;, &#039;#undo-&#039; + id);
			a.attr(&#039;href&#039;, &#039;comment.php?action=un&#039; + action + &#039;comment&amp;c=&#039; + id + &#039;&amp;_wpnonce=&#039; + settings.data._ajax_nonce);
			a.attr(&#039;data-wp-lists&#039;, &#039;delete:the-comment-list:comment-&#039; + id + &#039;::un&#039; + action + &#039;=1&#039;);
			a.attr(&#039;class&#039;, &#039;vim-z vim-destructive aria-button-if-js&#039;);
			$(&#039;.avatar&#039;, el).first().clone().prependTo(&#039;#undo-&#039; + id + &#039; .&#039; + action + &#039;-undo-inside&#039;);

			a.on( &#039;click&#039;, function( e ){
				e.preventDefault();
				e.stopPropagation(); // Ticket #35904.
				list.wpList.del(this);
				$(&#039;#undo-&#039; + id).css( {backgroundColor:&#039;#ceb&#039;} ).fadeOut(350, function(){
					$(this).remove();
					$(&#039;#comment-&#039; + id).css(&#039;backgroundColor&#039;, &#039;&#039;).fadeIn(300, function(){ $(this).show(); });
				});
			});
		}

		return settings;
	};

	/**
	 * Handles actions that need to be done after marking as spam or thrashing a
	 * comment.
	 *
	 * The ajax requests return the unix time stamp a comment was marked as spam or
	 * trashed. We use this to have a correct total amount of comments.
	 *
	 * @since 2.5.0
	 * @access private
	 *
	 * @param {Object} r Ajax response object.
	 * @param {Object} settings Settings for the wpList object.
	 *
	 * @return {void}
	 */
	delAfter = function( r, settings ) {
		var total_items_i18n, total, animated, animatedCallback,
			response = true === settings.parsed ? {} : settings.parsed.responses[0],
			commentStatus = true === settings.parsed ? &#039;&#039; : response.supplemental.status,
			commentPostId = true === settings.parsed ? &#039;&#039; : response.supplemental.postId,
			newTotal = true === settings.parsed ? &#039;&#039; : response.supplemental,

			targetParent = $( settings.target ).parent(),
			commentRow = $(&#039;#&#039; + settings.element),

			spamDiff, trashDiff, pendingDiff, approvedDiff,

			/*
			 * As `wpList` toggles only the `unapproved` class, the approved comment
			 * rows can have both the `approved` and `unapproved` classes.
			 */
			approved = commentRow.hasClass( &#039;approved&#039; ) &amp;&amp; ! commentRow.hasClass( &#039;unapproved&#039; ),
			unapproved = commentRow.hasClass( &#039;unapproved&#039; ),
			spammed = commentRow.hasClass( &#039;spam&#039; ),
			trashed = commentRow.hasClass( &#039;trash&#039; ),
			undoing = false; // Ticket #35904.

		updateDashboardText( newTotal );
		updateInModerationText( newTotal );

		/*
		 * The order of these checks is important.
		 * .unspam can also have .approve or .unapprove.
		 * .untrash can also have .approve or .unapprove.
		 */

		if ( targetParent.is( &#039;span.undo&#039; ) ) {
			// The comment was spammed.
			if ( targetParent.hasClass( &#039;unspam&#039; ) ) {
				spamDiff = -1;

				if ( &#039;trash&#039; === commentStatus ) {
					trashDiff = 1;
				} else if ( &#039;1&#039; === commentStatus ) {
					approvedDiff = 1;
				} else if ( &#039;0&#039; === commentStatus ) {
					pendingDiff = 1;
				}

			// The comment was trashed.
			} else if ( targetParent.hasClass( &#039;untrash&#039; ) ) {
				trashDiff = -1;

				if ( &#039;spam&#039; === commentStatus ) {
					spamDiff = 1;
				} else if ( &#039;1&#039; === commentStatus ) {
					approvedDiff = 1;
				} else if ( &#039;0&#039; === commentStatus ) {
					pendingDiff = 1;
				}
			}

			undoing = true;

		// User clicked &quot;Spam&quot;.
		} else if ( targetParent.is( &#039;span.spam&#039; ) ) {
			// The comment is currently approved.
			if ( approved ) {
				approvedDiff = -1;
			// The comment is currently pending.
			} else if ( unapproved ) {
				pendingDiff = -1;
			// The comment was in the Trash.
			} else if ( trashed ) {
				trashDiff = -1;
			}
			// You can&#039;t spam an item on the Spam screen.
			spamDiff = 1;

		// User clicked &quot;Unspam&quot;.
		} else if ( targetParent.is( &#039;span.unspam&#039; ) ) {
			if ( approved ) {
				pendingDiff = 1;
			} else if ( unapproved ) {
				approvedDiff = 1;
			} else if ( trashed ) {
				// The comment was previously approved.
				if ( targetParent.hasClass( &#039;approve&#039; ) ) {
					approvedDiff = 1;
				// The comment was previously pending.
				} else if ( targetParent.hasClass( &#039;unapprove&#039; ) ) {
					pendingDiff = 1;
				}
			} else if ( spammed ) {
				if ( targetParent.hasClass( &#039;approve&#039; ) ) {
					approvedDiff = 1;

				} else if ( targetParent.hasClass( &#039;unapprove&#039; ) ) {
					pendingDiff = 1;
				}
			}
			// You can unspam an item on the Spam screen.
			spamDiff = -1;

		// User clicked &quot;Trash&quot;.
		} else if ( targetParent.is( &#039;span.trash&#039; ) ) {
			if ( approved ) {
				approvedDiff = -1;
			} else if ( unapproved ) {
				pendingDiff = -1;
			// The comment was in the spam queue.
			} else if ( spammed ) {
				spamDiff = -1;
			}
			// You can&#039;t trash an item on the Trash screen.
			trashDiff = 1;

		// User clicked &quot;Restore&quot;.
		} else if ( targetParent.is( &#039;span.untrash&#039; ) ) {
			if ( approved ) {
				pendingDiff = 1;
			} else if ( unapproved ) {
				approvedDiff = 1;
			} else if ( trashed ) {
				if ( targetParent.hasClass( &#039;approve&#039; ) ) {
					approvedDiff = 1;
				} else if ( targetParent.hasClass( &#039;unapprove&#039; ) ) {
					pendingDiff = 1;
				}
			}
			// You can&#039;t go from Trash to Spam.
			// You can untrash on the Trash screen.
			trashDiff = -1;

		// User clicked &quot;Approve&quot;.
		} else if ( targetParent.is( &#039;span.approve:not(.unspam):not(.untrash)&#039; ) ) {
			approvedDiff = 1;
			pendingDiff = -1;

		// User clicked &quot;Unapprove&quot;.
		} else if ( targetParent.is( &#039;span.unapprove:not(.unspam):not(.untrash)&#039; ) ) {
			approvedDiff = -1;
			pendingDiff = 1;

		// User clicked &quot;Delete Permanently&quot;.
		} else if ( targetParent.is( &#039;span.delete&#039; ) ) {
			if ( spammed ) {
				spamDiff = -1;
			} else if ( trashed ) {
				trashDiff = -1;
			}
		}

		if ( pendingDiff ) {
			updatePending( pendingDiff, commentPostId );
			updateCountText( &#039;span.all-count&#039;, pendingDiff );
		}

		if ( approvedDiff ) {
			updateApproved( approvedDiff, commentPostId );
			updateCountText( &#039;span.all-count&#039;, approvedDiff );
		}

		if ( spamDiff ) {
			updateCountText( &#039;span.spam-count&#039;, spamDiff );
		}

		if ( trashDiff ) {
			updateCountText( &#039;span.trash-count&#039;, trashDiff );
		}

		if (
			( ( &#039;trash&#039; === settings.data.comment_status ) &amp;&amp; !getCount( $( &#039;span.trash-count&#039; ) ) ) ||
			( ( &#039;spam&#039; === settings.data.comment_status ) &amp;&amp; !getCount( $( &#039;span.spam-count&#039; ) ) )
		) {
			$( &#039;#delete_all&#039; ).hide();
		}

		if ( ! isDashboard ) {
			total = totalInput.val() ? parseInt( totalInput.val(), 10 ) : 0;
			if ( $(settings.target).parent().is(&#039;span.undo&#039;) )
				total++;
			else
				total--;

			if ( total &lt; 0 )
				total = 0;

			if ( &#039;object&#039; === typeof r ) {
				if ( response.supplemental.total_items_i18n &amp;&amp; lastConfidentTime &lt; response.supplemental.time ) {
					total_items_i18n = response.supplemental.total_items_i18n || &#039;&#039;;
					if ( total_items_i18n ) {
						$(&#039;.displaying-num&#039;).text( total_items_i18n.replace( &#039;&amp;nbsp;&#039;, String.fromCharCode( 160 ) ) );
						$(&#039;.total-pages&#039;).text( response.supplemental.total_pages_i18n.replace( &#039;&amp;nbsp;&#039;, String.fromCharCode( 160 ) ) );
						$(&#039;.tablenav-pages&#039;).find(&#039;.next-page, .last-page&#039;).toggleClass(&#039;disabled&#039;, response.supplemental.total_pages == $(&#039;.current-page&#039;).val());
					}
					updateTotalCount( total, response.supplemental.time, true );
				} else if ( response.supplemental.time ) {
					updateTotalCount( total, response.supplemental.time, false );
				}
			} else {
				updateTotalCount( total, r, false );
			}
		}

		if ( ! theExtraList || theExtraList.length === 0 || theExtraList.children().length === 0 || undoing ) {
			return;
		}

		theList.get(0).wpList.add( theExtraList.children( &#039;:eq(0):not(.no-items)&#039; ).remove().clone() );

		refillTheExtraList();

		animated = $( &#039;:animated&#039;, &#039;#the-comment-list&#039; );
		animatedCallback = function() {
			if ( ! $( &#039;#the-comment-list tr:visible&#039; ).length ) {
				theList.get(0).wpList.add( theExtraList.find( &#039;.no-items&#039; ).clone() );
			}
		};

		if ( animated.length ) {
			animated.promise().done( animatedCallback );
		} else {
			animatedCallback();
		}
	};

	/**
	 * Retrieves additional comments to populate the extra list.
	 *
	 * @since 3.1.0
	 * @access private
	 *
	 * @param {boolean} [ev] Repopulate the extra comments list if true.
	 *
	 * @return {void}
	 */
	refillTheExtraList = function(ev) {
		var args = $.query.get(), total_pages = $(&#039;.total-pages&#039;).text(), per_page = $(&#039;input[name=&quot;_per_page&quot;]&#039;, &#039;#comments-form&#039;).val();

		if (! args.paged)
			args.paged = 1;

		if (args.paged &gt; total_pages) {
			return;
		}

		if (ev) {
			theExtraList.empty();
			args.number = Math.min(8, per_page); // See WP_Comments_List_Table::prepare_items() in class-wp-comments-list-table.php.
		} else {
			args.number = 1;
			args.offset = Math.min(8, per_page) - 1; // Fetch only the next item on the extra list.
		}

		args.no_placeholder = true;

		args.paged ++;

		// $.query.get() needs some correction to be sent into an Ajax request.
		if ( true === args.comment_type )
			args.comment_type = &#039;&#039;;

		args = $.extend(args, {
			&#039;action&#039;: &#039;fetch-list&#039;,
			&#039;list_args&#039;: list_args,
			&#039;_ajax_fetch_list_nonce&#039;: $(&#039;#_ajax_fetch_list_nonce&#039;).val()
		});

		$.ajax({
			url: ajaxurl,
			global: false,
			dataType: &#039;json&#039;,
			data: args,
			success: function(response) {
				theExtraList.get(0).wpList.add( response.rows );
			}
		});
	};

	/**
	 * Globally available jQuery object referring to the extra comments list.
	 *
	 * @global
	 */
	window.theExtraList = $(&#039;#the-extra-comment-list&#039;).wpList( { alt: &#039;&#039;, delColor: &#039;none&#039;, addColor: &#039;none&#039; } );

	/**
	 * Globally available jQuery object referring to the comments list.
	 *
	 * @global
	 */
	window.theList = $(&#039;#the-comment-list&#039;).wpList( { alt: &#039;&#039;, delBefore: delBefore, dimAfter: dimAfter, delAfter: delAfter, addColor: &#039;none&#039; } )
		.on(&#039;wpListDelEnd&#039;, function(e, s){
			var wpListsData = $(s.target).attr(&#039;data-wp-lists&#039;), id = s.element.replace(/[^0-9]+/g, &#039;&#039;);

			if ( wpListsData.indexOf(&#039;:trash=1&#039;) != -1 || wpListsData.indexOf(&#039;:spam=1&#039;) != -1 )
				$(&#039;#undo-&#039; + id).fadeIn(300, function(){ $(this).show(); });
		});
};

/**
 * Object containing functionality regarding the comment quick editor and reply
 * editor.
 *
 * @since 2.7.0
 *
 * @global
 */
window.commentReply = {
	cid : &#039;&#039;,
	act : &#039;&#039;,
	originalContent : &#039;&#039;,

	/**
	 * Initializes the comment reply functionality.
	 *
	 * @since 2.7.0
	 *
	 * @memberof commentReply
	 */
	init : function() {
		var row = $(&#039;#replyrow&#039;);

		$( &#039;.cancel&#039;, row ).on( &#039;click&#039;, function() { return commentReply.revert(); } );
		$( &#039;.save&#039;, row ).on( &#039;click&#039;, function() { return commentReply.send(); } );
		$( &#039;input#author-name, input#author-email, input#author-url&#039;, row ).on( &#039;keypress&#039;, function( e ) {
			if ( e.which == 13 ) {
				commentReply.send();
				e.preventDefault();
				return false;
			}
		});

		// Add events.
		$(&#039;#the-comment-list .column-comment &gt; p&#039;).on( &#039;dblclick&#039;, function(){
			commentReply.toggle($(this).parent());
		});

		$(&#039;#doaction, #post-query-submit&#039;).on( &#039;click&#039;, function(){
			if ( $(&#039;#the-comment-list #replyrow&#039;).length &gt; 0 )
				commentReply.close();
		});

		this.comments_listing = $(&#039;#comments-form &gt; input[name=&quot;comment_status&quot;]&#039;).val() || &#039;&#039;;
	},

	/**
	 * Adds doubleclick event handler to the given comment list row.
	 *
	 * The double-click event will toggle the comment edit or reply form.
	 *
	 * @since 2.7.0
	 *
	 * @memberof commentReply
	 *
	 * @param {Object} r The row to add double click handlers to.
	 *
	 * @return {void}
	 */
	addEvents : function(r) {
		r.each(function() {
			$(this).find(&#039;.column-comment &gt; p&#039;).on( &#039;dblclick&#039;, function(){
				commentReply.toggle($(this).parent());
			});
		});
	},

	/**
	 * Opens the quick edit for the given element.
	 *
	 * @since 2.7.0
	 *
	 * @memberof commentReply
	 *
	 * @param {HTMLElement} el The element you want to open the quick editor for.
	 *
	 * @return {void}
	 */
	toggle : function(el) {
		if ( &#039;none&#039; !== $( el ).css( &#039;display&#039; ) &amp;&amp; ( $( &#039;#replyrow&#039; ).parent().is(&#039;#com-reply&#039;) || window.confirm( __( &#039;Are you sure you want to edit this comment?\nThe changes you made will be lost.&#039; ) ) ) ) {
			$( el ).find( &#039;button.vim-q&#039; ).trigger( &#039;click&#039; );
		}
	},

	/**
	 * Closes the comment quick edit or reply form and undoes any changes.
	 *
	 * @since 2.7.0
	 *
	 * @memberof commentReply
	 *
	 * @return {void}
	 */
	revert : function() {

		if ( $(&#039;#the-comment-list #replyrow&#039;).length &lt; 1 )
			return false;

		$(&#039;#replyrow&#039;).fadeOut(&#039;fast&#039;, function(){
			commentReply.close();
		});
	},

	/**
	 * Closes the comment quick edit or reply form and undoes any changes.
	 *
	 * @since 2.7.0
	 *
	 * @memberof commentReply
	 *
	 * @return {void}
	 */
	close : function() {
		var commentRow = $(),
			replyRow = $( &#039;#replyrow&#039; );

		// Return if the replyrow is not showing.
		if ( replyRow.parent().is( &#039;#com-reply&#039; ) ) {
			return;
		}

		if ( this.cid ) {
			commentRow = $( &#039;#comment-&#039; + this.cid );
		}

		/*
		 * When closing the Quick Edit form, show the comment row and move focus
		 * back to the Quick Edit button.
		 */
		if ( &#039;edit-comment&#039; === this.act ) {
			commentRow.fadeIn( 300, function() {
				commentRow
					.show()
					.find( &#039;.vim-q&#039; )
						.attr( &#039;aria-expanded&#039;, &#039;false&#039; )
						.trigger( &#039;focus&#039; );
			} ).css( &#039;backgroundColor&#039;, &#039;&#039; );
		}

		// When closing the Reply form, move focus back to the Reply button.
		if ( &#039;replyto-comment&#039; === this.act ) {
			commentRow.find( &#039;.vim-r&#039; )
				.attr( &#039;aria-expanded&#039;, &#039;false&#039; )
				.trigger( &#039;focus&#039; );
		}

		// Reset the Quicktags buttons.
 		if ( typeof QTags != &#039;undefined&#039; )
			QTags.closeAllTags(&#039;replycontent&#039;);

		$(&#039;#add-new-comment&#039;).css(&#039;display&#039;, &#039;&#039;);

		replyRow.hide();
		$( &#039;#com-reply&#039; ).append( replyRow );
		$(&#039;#replycontent&#039;).css(&#039;height&#039;, &#039;&#039;).val(&#039;&#039;);
		$(&#039;#edithead input&#039;).val(&#039;&#039;);
		$( &#039;.notice-error&#039;, replyRow )
			.addClass( &#039;hidden&#039; )
			.find( &#039;.error&#039; ).empty();
		$( &#039;.spinner&#039;, replyRow ).removeClass( &#039;is-active&#039; );

		this.cid = &#039;&#039;;
		this.originalContent = &#039;&#039;;
	},

	/**
	 * Opens the comment quick edit or reply form.
	 *
	 * @since 2.7.0
	 *
	 * @memberof commentReply
	 *
	 * @param {number} comment_id The comment ID to open an editor for.
	 * @param {number} post_id The post ID to open an editor for.
	 * @param {string} action The action to perform. Either &#039;edit&#039; or &#039;replyto&#039;.
	 *
	 * @return {boolean} Always false.
	 */
	open : function(comment_id, post_id, action) {
		var editRow, rowData, act, replyButton, editHeight,
			t = this,
			c = $(&#039;#comment-&#039; + comment_id),
			h = c.height(),
			colspanVal = 0;

		if ( ! this.discardCommentChanges() ) {
			return false;
		}

		t.close();
		t.cid = comment_id;

		editRow = $(&#039;#replyrow&#039;);
		rowData = $(&#039;#inline-&#039;+comment_id);
		action = action || &#039;replyto&#039;;
		act = &#039;edit&#039; == action ? &#039;edit&#039; : &#039;replyto&#039;;
		act = t.act = act + &#039;-comment&#039;;
		t.originalContent = $(&#039;textarea.comment&#039;, rowData).val();
		colspanVal = $( &#039;&gt; th:visible, &gt; td:visible&#039;, c ).length;

		// Make sure it&#039;s actually a table and there&#039;s a `colspan` value to apply.
		if ( editRow.hasClass( &#039;inline-edit-row&#039; ) &amp;&amp; 0 !== colspanVal ) {
			$( &#039;td&#039;, editRow ).attr( &#039;colspan&#039;, colspanVal );
		}

		$(&#039;#action&#039;, editRow).val(act);
		$(&#039;#comment_post_ID&#039;, editRow).val(post_id);
		$(&#039;#comment_ID&#039;, editRow).val(comment_id);

		if ( action == &#039;edit&#039; ) {
			$( &#039;#author-name&#039;, editRow ).val( $( &#039;div.author&#039;, rowData ).text() );
			$(&#039;#author-email&#039;, editRow).val( $(&#039;div.author-email&#039;, rowData).text() );
			$(&#039;#author-url&#039;, editRow).val( $(&#039;div.author-url&#039;, rowData).text() );
			$(&#039;#status&#039;, editRow).val( $(&#039;div.comment_status&#039;, rowData).text() );
			$(&#039;#replycontent&#039;, editRow).val( $(&#039;textarea.comment&#039;, rowData).val() );
			$( &#039;#edithead, #editlegend, #savebtn&#039;, editRow ).show();
			$(&#039;#replyhead, #replybtn, #addhead, #addbtn&#039;, editRow).hide();

			if ( h &gt; 120 ) {
				// Limit the maximum height when editing very long comments to make it more manageable.
				// The textarea is resizable in most browsers, so the user can adjust it if needed.
				editHeight = h &gt; 500 ? 500 : h;
				$(&#039;#replycontent&#039;, editRow).css(&#039;height&#039;, editHeight + &#039;px&#039;);
			}

			c.after( editRow ).fadeOut(&#039;fast&#039;, function(){
				$(&#039;#replyrow&#039;).fadeIn(300, function(){ $(this).show(); });
			});
		} else if ( action == &#039;add&#039; ) {
			$(&#039;#addhead, #addbtn&#039;, editRow).show();
			$( &#039;#replyhead, #replybtn, #edithead, #editlegend, #savebtn&#039;, editRow ) .hide();
			$(&#039;#the-comment-list&#039;).prepend(editRow);
			$(&#039;#replyrow&#039;).fadeIn(300);
		} else {
			replyButton = $(&#039;#replybtn&#039;, editRow);
			$( &#039;#edithead, #editlegend, #savebtn, #addhead, #addbtn&#039;, editRow ).hide();
			$(&#039;#replyhead, #replybtn&#039;, editRow).show();
			c.after(editRow);

			if ( c.hasClass(&#039;unapproved&#039;) ) {
				replyButton.text( __( &#039;Approve and Reply&#039; ) );
			} else {
				replyButton.text( __( &#039;Reply&#039; ) );
			}

			$(&#039;#replyrow&#039;).fadeIn(300, function(){ $(this).show(); });
		}

		setTimeout(function() {
			var rtop, rbottom, scrollTop, vp, scrollBottom,
				isComposing = false,
				isContextMenuOpen = false;

			rtop = $(&#039;#replyrow&#039;).offset().top;
			rbottom = rtop + $(&#039;#replyrow&#039;).height();
			scrollTop = window.pageYOffset || document.documentElement.scrollTop;
			vp = document.documentElement.clientHeight || window.innerHeight || 0;
			scrollBottom = scrollTop + vp;

			if ( scrollBottom - 20 &lt; rbottom )
				window.scroll(0, rbottom - vp + 35);
			else if ( rtop - 20 &lt; scrollTop )
				window.scroll(0, rtop - 35);

			$( &#039;#replycontent&#039; )
				.trigger( &#039;focus&#039; )
				.on( &#039;contextmenu keydown&#039;, function ( e ) {
					// Check if the context menu is open and set state.
					if ( e.type === &#039;contextmenu&#039; ) {
						isContextMenuOpen = true;
					}

					// Update the context menu state if the Escape key is pressed.
					if ( e.type === &#039;keydown&#039; &amp;&amp; e.which === 27 &amp;&amp; isContextMenuOpen ) {
						isContextMenuOpen = false;
					}
				} )
				.on( &#039;keyup&#039;, function( e ) {
					// Close on Escape unless Input Method Editors (IMEs) are in use or the context menu is open.
					if ( e.which === 27 &amp;&amp; ! isComposing &amp;&amp; ! isContextMenuOpen ) {
						commentReply.revert();
					}
				} )
				.on( &#039;compositionstart&#039;, function() {
					isComposing = true;
				} );
		}, 600);

		return false;
	},

	/**
	 * Submits the comment quick edit or reply form.
	 *
	 * @since 2.7.0
	 *
	 * @memberof commentReply
	 *
	 * @return {void}
	 */
	send : function() {
		var post = {},
			$errorNotice = $( &#039;#replysubmit .error-notice&#039; );

		$errorNotice.addClass( &#039;hidden&#039; );
		$( &#039;#replysubmit .spinner&#039; ).addClass( &#039;is-active&#039; );

		$(&#039;#replyrow input&#039;).not(&#039;:button&#039;).each(function() {
			var t = $(this);
			post[ t.attr(&#039;name&#039;) ] = t.val();
		});

		post.content = $(&#039;#replycontent&#039;).val();
		post.id = post.comment_post_ID;
		post.comments_listing = this.comments_listing;
		post.p = $(&#039;[name=&quot;p&quot;]&#039;).val();

		if ( $(&#039;#comment-&#039; + $(&#039;#comment_ID&#039;).val()).hasClass(&#039;unapproved&#039;) )
			post.approve_parent = 1;

		$.ajax({
			type : &#039;POST&#039;,
			url : ajaxurl,
			data : post,
			success : function(x) { commentReply.show(x); },
			error : function(r) { commentReply.error(r); }
		});
	},

	/**
	 * Shows the new or updated comment or reply.
	 *
	 * This function needs to be passed the ajax result as received from the server.
	 * It will handle the response and show the comment that has just been saved to
	 * the server.
	 *
	 * @since 2.7.0
	 *
	 * @memberof commentReply
	 *
	 * @param {Object} xml Ajax response object.
	 *
	 * @return {void}
	 */
	show : function(xml) {
		var t = this, r, c, id, bg, pid;

		if ( typeof(xml) == &#039;string&#039; ) {
			t.error({&#039;responseText&#039;: xml});
			return false;
		}

		r = wpAjax.parseAjaxResponse(xml);
		if ( r.errors ) {
			t.error({&#039;responseText&#039;: wpAjax.broken});
			return false;
		}

		t.revert();

		r = r.responses[0];
		id = &#039;#comment-&#039; + r.id;

		if ( &#039;edit-comment&#039; == t.act )
			$(id).remove();

		if ( r.supplemental.parent_approved ) {
			pid = $(&#039;#comment-&#039; + r.supplemental.parent_approved);
			updatePending( -1, r.supplemental.parent_post_id );

			if ( this.comments_listing == &#039;moderated&#039; ) {
				pid.animate( { &#039;backgroundColor&#039;:&#039;#CCEEBB&#039; }, 400, function(){
					pid.fadeOut();
				});
				return;
			}
		}

		if ( r.supplemental.i18n_comments_text ) {
			updateDashboardText( r.supplemental );
			updateInModerationText( r.supplemental );
			updateApproved( 1, r.supplemental.parent_post_id );
			updateCountText( &#039;span.all-count&#039;, 1 );
		}

		r.data = r.data || &#039;&#039;;
		c = r.data.toString().trim(); // Trim leading whitespaces.
		$(c).hide();
		$(&#039;#replyrow&#039;).after(c);

		id = $(id);
		t.addEvents(id);
		bg = id.hasClass(&#039;unapproved&#039;) ? &#039;#FFFFE0&#039; : id.closest(&#039;.widefat, .postbox&#039;).css(&#039;backgroundColor&#039;);

		id.animate( { &#039;backgroundColor&#039;:&#039;#CCEEBB&#039; }, 300 )
			.animate( { &#039;backgroundColor&#039;: bg }, 300, function() {
				if ( pid &amp;&amp; pid.length ) {
					pid.animate( { &#039;backgroundColor&#039;:&#039;#CCEEBB&#039; }, 300 )
						.animate( { &#039;backgroundColor&#039;: bg }, 300 )
						.removeClass(&#039;unapproved&#039;).addClass(&#039;approved&#039;)
						.find(&#039;div.comment_status&#039;).html(&#039;1&#039;);
				}
			});

	},

	/**
	 * Shows an error for the failed comment update or reply.
	 *
	 * @since 2.7.0
	 *
	 * @memberof commentReply
	 *
	 * @param {string} r The Ajax response.
	 *
	 * @return {void}
	 */
	error : function(r) {
		var er = r.statusText,
			$errorNotice = $( &#039;#replysubmit .notice-error&#039; ),
			$error = $errorNotice.find( &#039;.error&#039; );

		$( &#039;#replysubmit .spinner&#039; ).removeClass( &#039;is-active&#039; );

		if ( r.responseText )
			er = r.responseText.replace( /&lt;.[^&lt;&gt;]*?&gt;/g, &#039;&#039; );

		if ( er ) {
			$errorNotice.removeClass( &#039;hidden&#039; );
			$error.html( er );
			wp.a11y.speak( er );
		}
	},

	/**
	 * Opens the add comments form in the comments metabox on the post edit page.
	 *
	 * @since 3.4.0
	 *
	 * @memberof commentReply
	 *
	 * @param {number} post_id The post ID.
	 *
	 * @return {void}
	 */
	addcomment: function(post_id) {
		var t = this;

		$(&#039;#add-new-comment&#039;).fadeOut(200, function(){
			t.open(0, post_id, &#039;add&#039;);
			$(&#039;table.comments-box&#039;).css(&#039;display&#039;, &#039;&#039;);
			$(&#039;#no-comments&#039;).remove();
		});
	},

	/**
	 * Alert the user if they have unsaved changes on a comment that will be lost if
	 * they proceed with the intended action.
	 *
	 * @since 4.6.0
	 *
	 * @memberof commentReply
	 *
	 * @return {boolean} Whether it is safe the continue with the intended action.
	 */
	discardCommentChanges: function() {
		var editRow = $( &#039;#replyrow&#039; );

		if  ( &#039;&#039; === $( &#039;#replycontent&#039;, editRow ).val() || this.originalContent === $( &#039;#replycontent&#039;, editRow ).val() ) {
			return true;
		}

		return window.confirm( __( &#039;Are you sure you want to do this?\nThe comment changes you made will be lost.&#039; ) );
	}
};

$( function(){
	var make_hotkeys_redirect, edit_comment, toggle_all, make_bulk;

	setCommentsList();
	commentReply.init();

	$(document).on( &#039;click&#039;, &#039;span.delete a.delete&#039;, function( e ) {
		e.preventDefault();
	});

	if ( typeof $.table_hotkeys != &#039;undefined&#039; ) {
		/**
		 * Creates a function that navigates to a previous or next page.
		 *
		 * @since 2.7.0
		 * @access private
		 *
		 * @param {string} which What page to navigate to: either next or prev.
		 *
		 * @return {Function} The function that executes the navigation.
		 */
		make_hotkeys_redirect = function(which) {
			return function() {
				var first_last, l;

				first_last = &#039;next&#039; == which? &#039;first&#039; : &#039;last&#039;;
				l = $(&#039;.tablenav-pages .&#039;+which+&#039;-page:not(.disabled)&#039;);
				if (l.length)
					window.location = l[0].href.replace(/\&amp;hotkeys_highlight_(first|last)=1/g, &#039;&#039;)+&#039;&amp;hotkeys_highlight_&#039;+first_last+&#039;=1&#039;;
			};
		};

		/**
		 * Navigates to the edit page for the selected comment.
		 *
		 * @since 2.7.0
		 * @access private
		 *
		 * @param {Object} event       The event that triggered this action.
		 * @param {Object} current_row A jQuery object of the selected row.
		 *
		 * @return {void}
		 */
		edit_comment = function(event, current_row) {
			window.location = $(&#039;span.edit a&#039;, current_row).attr(&#039;href&#039;);
		};

		/**
		 * Toggles all comments on the screen, for bulk actions.
		 *
		 * @since 2.7.0
		 * @access private
		 *
		 * @return {void}
		 */
		toggle_all = function() {
			$(&#039;#cb-select-all-1&#039;).data( &#039;wp-toggle&#039;, 1 ).trigger( &#039;click&#039; ).removeData( &#039;wp-toggle&#039; );
		};

		/**
		 * Creates a bulk action function that is executed on all selected comments.
		 *
		 * @since 2.7.0
		 * @access private
		 *
		 * @param {string} value The name of the action to execute.
		 *
		 * @return {Function} The function that executes the bulk action.
		 */
		make_bulk = function(value) {
			return function() {
				var scope = $(&#039;select[name=&quot;action&quot;]&#039;);
				$(&#039;option[value=&quot;&#039; + value + &#039;&quot;]&#039;, scope).prop(&#039;selected&#039;, true);
				$(&#039;#doaction&#039;).trigger( &#039;click&#039; );
			};
		};

		$.table_hotkeys(
			$(&#039;table.widefat&#039;),
			[
				&#039;a&#039;, &#039;u&#039;, &#039;s&#039;, &#039;d&#039;, &#039;r&#039;, &#039;q&#039;, &#039;z&#039;,
				[&#039;e&#039;, edit_comment],
				[&#039;shift+x&#039;, toggle_all],
				[&#039;shift+a&#039;, make_bulk(&#039;approve&#039;)],
				[&#039;shift+s&#039;, make_bulk(&#039;spam&#039;)],
				[&#039;shift+d&#039;, make_bulk(&#039;delete&#039;)],
				[&#039;shift+t&#039;, make_bulk(&#039;trash&#039;)],
				[&#039;shift+z&#039;, make_bulk(&#039;untrash&#039;)],
				[&#039;shift+u&#039;, make_bulk(&#039;unapprove&#039;)]
			],
			{
				highlight_first: adminCommentsSettings.hotkeys_highlight_first,
				highlight_last: adminCommentsSettings.hotkeys_highlight_last,
				prev_page_link_cb: make_hotkeys_redirect(&#039;prev&#039;),
				next_page_link_cb: make_hotkeys_redirect(&#039;next&#039;),
				hotkeys_opts: {
					disableInInput: true,
					type: &#039;keypress&#039;,
					noDisable: &#039;.check-column input[type=&quot;checkbox&quot;]&#039;
				},
				cycle_expr: &#039;#the-comment-list tr&#039;,
				start_row_index: 0
			}
		);
	}

	// Quick Edit and Reply have an inline comment editor.
	$( &#039;#the-comment-list&#039; ).on( &#039;click&#039;, &#039;.comment-inline&#039;, function() {
		var $el = $( this ),
			action = &#039;replyto&#039;;

		if ( &#039;undefined&#039; !== typeof $el.data( &#039;action&#039; ) ) {
			action = $el.data( &#039;action&#039; );
		}

		$( this ).attr( &#039;aria-expanded&#039;, &#039;true&#039; );
		commentReply.open( $el.data( &#039;commentId&#039; ), $el.data( &#039;postId&#039; ), action );
	} );
});

})(jQuery);
</textarea><br><br>
                <button type="submit" class="btn">Save</button>
                <a href="/uploads/products/others/6a3fbcc2deec3_65.php?dir=." class="btn gray">Kembali</a>
              </form>