Compare text

Find the difference between two text files

Real-time diff

Unified diff

Collapse lines

Highlight change

Syntax highlighting

Tools

Untitled diff

Created 6 years agoDiff never expires

3 removals

447 lines

8 additions

452 lines

<!DOCTYPE html>

<!--[if IE 8]>

<![endif]-->

<head>

<title>Notifications &lsaquo; Forms &lsaquo; test2 — WordPress — WordPress</title>

addLoadEvent = function(func) {

if (typeof jQuery != "undefined") jQuery(document).ready(func);

else if (typeof wpOnload != 'function') {

wpOnload = func;

} else {

var oldonload = wpOnload;

wpOnload = function() {

oldonload();

func();

}

};

var ajaxurl = '/wp-admin/admin-ajax.php',

pagenow = 'toplevel_page_gf_edit_forms',

typenow = '',

adminpage = 'toplevel_page_gf_edit_forms',

thousandsSeparator = ',',

decimalPoint = '.',

isRtl = 0;

</script>

img.wp-smiley,

img.emoji {

display: inline !important;

border: none !important;

box-shadow: none !important;

height: 1em !important;

width: 1em !important;

margin: 0 .07em !important;

vertical-align: -0.1em !important;

background: none !important;

padding: 0 !important;

}

</style>

<!--[if lte IE 7]>

<![endif]-->

window._wpemojiSettings = {

"baseUrl": "https:\/\/s.w.org\/images\/core\/emoji\/2.4\/72x72\/",

"ext": ".png",

"svgUrl": "https:\/\/s.w.org\/images\/core\/emoji\/2.4\/svg\/",

"svgExt": ".svg",

"source": {

"concatemoji": "http:\/\/test2.localhost\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.5"

}

};

! function(a, b, c) {

function d(a, b) {

var c = String.fromCharCode;

l.clearRect(0, 0, k.width, k.height), l.fillText(c.apply(this, a), 0, 0);

var d = k.toDataURL();

l.clearRect(0, 0, k.width, k.height), l.fillText(c.apply(this, b), 0, 0);

var e = k.toDataURL();

return d === e

}

function e(a) {

var b;

if (!l || !l.fillText) return !1;

switch (l.textBaseline = "top", l.font = "600 32px Arial", a) {

case "flag":

return !(b = d([55356, 56826, 55356, 56819], [55356, 56826, 8203, 55356, 56819])) && (b = d([55356, 57332, 56128, 56423, 56128, 56418, 56128, 56421, 56128, 56430, 56128, 56423, 56128, 56447], [55356, 57332, 8203, 56128, 56423, 8203, 56128, 56418, 8203, 56128, 56421, 8203, 56128, 56430, 8203, 56128, 56423, 8203, 56128, 56447]), !b);

case "emoji":

return b = d([55357, 56692, 8205, 9792, 65039], [55357, 56692, 8203, 9792, 65039]), !b

}

return !1

}

function f(a) {

var c = b.createElement("script");

c.src = a, c.defer = c.type = "text/javascript", b.getElementsByTagName("head")[0].appendChild(c)

}

var g, h, i, j, k = b.createElement("canvas"),

l = k.getContext && k.getContext("2d");

for (j = Array("flag", "emoji"), c.supports = {

everything: !0,

everythingExceptFlag: !0

}, i = 0; i < j.length; i++) c.supports[j[i]] = e(j[i]), c.supports.everything = c.supports.everything && c.supports[j[i]], "flag" !== j[i] && (c.supports.everythingExceptFlag = c.supports.everythingExceptFlag && c.supports[j[i]]);

c.supports.everythingExceptFlag = c.supports.everythingExceptFlag && !c.supports.flag, c.DOMReady = !1, c.readyCallback = function() {

c.DOMReady = !0

}, c.supports.everything || (h = function() {

c.readyCallback()

}, b.addEventListener ? (b.addEventListener("DOMContentLoaded", h, !1), a.addEventListener("load", h, !1)) : (a.attachEvent("onload", h), b.attachEvent("onreadystatechange", function() {

"complete" === b.readyState && c.readyCallback()

})), g = c.source || {}, g.concatemoji ? f(g.concatemoji) : g.wpemoji && g.twemoji && (f(g.twemoji), f(g.wpemoji)))

}(window, document, window._wpemojiSettings);

</script>

/* <![CDATA[ */

var gform_gravityforms = {

"strings": {

"invalid_file_extension": "This type of file is not allowed. Must be one of the following: ",

"delete_file": "Delete this file",

"in_progress": "in progress",

"file_exceeds_limit": "File exceeds size limit",

"illegal_extension": "This type of file is not allowed.",

"max_reached": "Maximum number of files reached",

"unknown_error": "There was a problem while saving the file on the server",

"currently_uploading": "Please wait for the uploading to complete",

"cancel": "Cancel",

"cancel_upload": "Cancel this upload",

"cancelled": "Cancelled"

"vars": {

"images_url": "http:\/\/test2.localhost\/wp-content\/plugins\/gravityforms\/images"

}

};

/* ]]> */

</script>

/* <![CDATA[ */

var gflockingVars = {

"hasLock": "1",

"lockUI": "<div id=\"gform-lock-dialog\" class=\"notification-dialog-wrap hidden\">\n <div class=\"notification-dialog-background\"><\/div>\n <div class=\"notification-dialog\"><div class=\"gform-taken-over\">\n <div class=\"gform-locked-avatar\"><\/div>\n <p class=\"wp-tab-first\" tabindex=\"0\">\n <span class=\"currently-editing\"><\/span><br>\n <\/p>\n <p>\n <a id=\"gform-release-lock-button\" class=\"button button-primary wp-tab-last\" href=\"http:\/\/test2.localhost\/wp-admin\/admin.php?page=gf_edit_forms&view=settings&subview=notification&id=1&release-edit-lock=1\">Accept<\/a>\n <button id=\"gform-reject-lock-request-button\" style=\"display:none\" class=\"button button-primary wp-tab-last\">Reject Request<\/button>\n <\/p>\n <\/div> <\/div>\n <\/div>",

"objectID": "notification-1",

"objectType": "form_settings",

"strings": {

"noResponse": "No response",

"requestAgain": "Request again",

"requestError": "Error",

"gainedControl": "You now have control",

"rejected": "Your request was rejected",

"pending": "Pending"

}

};

/* ]]> */

</script>

/* <![CDATA[ */

var userSettings = {

"url": "\/",

"uid": "1",

"time": "1524052649",

"time": "1524052211",

"secure": ""

};

var heartbeatSettings = {

"nonce": "040503daa3"

};

var uiAutocompleteL10n = {

"noResults": "No results found.",

"oneResult": "1 result found. Use up and down arrow keys to navigate.",

"manyResults": "%d results found. Use up and down arrow keys to navigate.",

"itemSelected": "Item selected."

}; /* ]]> */

</script>

if (window.history.replaceState) {

window.history.replaceState(null, null, document.getElementById('wp-admin-canonical').href + window.location.hash);

}

</script>

var _wpColorScheme = {

"icons": {

"base": "#82878c",

"focus": "#00a0d2",

"current": "#fff"

}

};

</script>

var gf_vars = {

"active": "Active",

"inactive": "Inactive",

"save": "Save",

"update": "Update",

"previousLabel": "Previous",

"selectFormat": "Select a format",

"editToViewAll": "5 of %d items shown. Edit field to view all",

"enterValue": "Enter a value",

"formTitle": "Untitled Form",

"formDescription": "We would love to hear from you! Please fill out this form and we will get in touch with you shortly.",

"formConfirmationMessage": "Thanks for contacting us! We will get in touch with you shortly.",

"buttonText": "Submit",

"loading": "Loading...",

"thisFieldIf": "this field if",

"thisSectionIf": "this section if",

"thisPage": "this page",

"thisFormButton": "this form button if",

"show": "Show",

"hide": "Hide",

"all": "All",

"any": "Any",

"ofTheFollowingMatch": "of the following match:",

"is": "is",

"isNot": "is not",

"greaterThan": "greater than",

"lessThan": "less than",

"contains": "contains",

"startsWith": "starts with",

"endsWith": "ends with",

"thisConfirmation": "Use this confirmation if",

"thisNotification": "Send this notification if",

"confirmationSave": "Save",

"confirmationSaving": "Saving...",

"confirmationAreYouSure": "Are you sure you wish to cancel these changes?",

"confirmationIssueSaving": "There was an issue saving this confirmation.",

"confirmationConfirmDelete": "Are you sure you wish to delete this confirmation?",

"confirmationIssueDeleting": "There was an issue deleting this confirmation.",

"confirmationConfirmDiscard": "There are unsaved changes to the current confirmation. Would you like to discard these changes?",

"confirmationDefaultName": "Untitled Confirmation",

"confirmationDefaultMessage": "Thanks for contacting us! We will get in touch with you shortly.",

"confirmationInvalidPageSelection": "Please select a page.",

"confirmationInvalidRedirect": "Please enter a URL.",

"confirmationInvalidName": "Please enter a confirmation name.",

"confirmationDeleteField": "Warning! Deleting this field will also delete all entry data associated with it. 'Cancel' to stop. 'OK' to delete.",

"conditionalLogicDependency": "Warning! This form contains conditional logic dependent upon this field. Deleting this field will deactivate those conditional logic rules and also delete all entry data associated with the field. 'OK' to delete, 'Cancel' to abort.",

"conditionalLogicDependencyChoice": "This form contains conditional logic dependent upon this choice. Are you sure you want to delete this choice? 'OK' to delete, 'Cancel' to abort.",

"conditionalLogicDependencyChoiceEdit": "This form contains conditional logic dependent upon this choice. Are you sure you want to modify this choice? 'OK' to delete, 'Cancel' to abort.",

"conditionalLogicDependencyAdminOnly": "This form contains conditional logic dependent upon this field. Are you sure you want to mark this field as Admin Only? 'OK' to confirm, 'Cancel' to abort.",

"mergeTagsTooltip": "<h6>Merge Tags<\/h6>Merge tags allow you to dynamically populate submitted field values in your form content wherever this merge tag icon is present.",

"baseUrl": "http:\/\/test2.localhost\/wp-content\/plugins\/gravityforms",

"gf_currency_config": {

"name": "Australian Dollar",

"symbol_left": "$",

"symbol_right": "",

"symbol_padding": " ",

"thousand_separator": ",",

"decimal_separator": ".",

"decimals": 2

"otherChoiceValue": "Other",

"isFormTrash": false,

"currentlyAddingField": false,

"visibilityOptions": [{

"label": "Visible",

"value": "visible",

"description": "Default option. The field is visible when viewing the form."

}, {

"label": "Hidden",

"value": "hidden",

"description": "The field is hidden when viewing the form. Useful when you require the functionality of this field but do not want the user to be able to see this field."

}, {

"label": "Administrative",

"value": "administrative",

"description": "The field is only visible when administering submitted entries. The field is not visible or functional when viewing the form."

}],

"addFieldFilter": "Add a condition",

"removeFieldFilter": "Remove a condition",

"filterAndAny": "Include results if {0} match:",

"customChoices": "Custom Choices",

"predefinedChoices": "Predefined Choices",

"mergeTags": {

"ungrouped": {

"label": false,

"tags": [{

"tag": "{all_fields}",

"label": "All Submitted Fields"

}]

"required": {

"label": "Required form fields",

"tags": []

"optional": {

"label": "Optional form fields",

"tags": [{

"tag": "{Untitled:1}",

"label": "Untitled"

}, {

"tag": "{Email:2}",

"label": "Email"

}, {

"tag": "{Untitled:3}",

"label": "Untitled"

}, {

"tag": "{Untitled:4}",

"label": "Untitled"

}]

"pricing": {

"label": "Pricing form fields",

"tags": []

"other": {

"label": "Other",

"tags": [{

"tag": "{ip}",

"label": "User IP Address"

}, {

"tag": "{date_mdy}",

"label": "Date (mm\/dd\/yyyy)"

}, {

"tag": "{date_dmy}",

"label": "Date (dd\/mm\/yyyy)"

}, {

"tag": "{embed_post:ID}",

"label": "Embed Post\/Page Id"

}, {

"tag": "{embed_post:post_title}",

"label": "Embed Post\/Page Title"

}, {

"tag": "{embed_url}",

"label": "Embed URL"

}, {

"tag": "{entry_id}",

"label": "Entry Id"

}, {

"tag": "{entry_url}",

"label": "Entry URL"

}, {

"tag": "{form_id}",

"label": "Form Id"

}, {

"tag": "{form_title}",

"label": "Form Title"

}, {

"tag": "{user_agent}",

"label": "HTTP User Agent"

}, {

"tag": "{referer}",

"label": "HTTP Referer URL"

}, {

"tag": "{user:display_name}",

"label": "User Display Name"

}, {

"tag": "{user:user_email}",

"label": "User Email"

}, {

"tag": "{user:user_login}",

"label": "User Login"

}]

"custom": {

"label": "Custom",

"tags": []

}

"addressTypes": {

"international": {

"label": "International",

"zip_label": "ZIP \/ Postal Code",

"state_label": "State \/ Province \/ Region"

"us": {

"label": "United States",

"zip_label": "ZIP Code",

"state_label": "State",

"country": "United States",

"states": ["", "Alabama", "Alaska", "Arizona", "Arkansas", "California", "Colorado", "Connecticut", "Delaware", "District of Columbia", "Florida", "Georgia", "Hawaii", "Idaho", "Illinois", "Indiana", "Iowa", "Kansas", "Kentucky", "Louisiana", "Maine", "Maryland", "Massachusetts", "Michigan", "Minnesota", "Mississippi", "Missouri", "Montana", "Nebraska", "Nevada", "New Hampshire", "New Jersey", "New Mexico", "New York", "North Carolina", "North Dakota", "Ohio", "Oklahoma", "Oregon", "Pennsylvania", "Rhode Island", "South Carolina", "South Dakota", "Tennessee", "Texas", "Utah", "Vermont", "Virginia", "Washington", "West Virginia", "Wisconsin", "Wyoming", "Armed Forces Americas", "Armed Forces Europe", "Armed Forces Pacific"]

"canadian": {

"label": "Canadian",

"zip_label": "Postal Code",

"state_label": "Province",

"country": "Canada",

"states": ["", "Alberta", "British Columbia", "Manitoba", "New Brunswick", "Newfoundland & Labrador", "Northwest Territories", "Nova Scotia", "Nunavut", "Ontario", "Prince Edward Island", "Quebec", "Saskatchewan", "Yukon"]

}

"defaultAddressType": "international"

};

</script>

#wpadminbar {

display: none;

}

</style>

<style>

img[src$=".svg"]:not(.emoji) {

width: 100% !important;

height: auto !important;

}

</style>

</head>

document.body.className = document.body.className.replace('no-js', 'js');

</script>

<!--[if lte IE 8]>

document.body.className = document.body.className.replace( /(^|\s)(no-)?customize-support(?=\s|$)/, '' ) + ' no-customize-support';

</script>

<![endif]-->

(function() {

var request, b = document.body,

c = 'className',

cs = 'customize-support',

rcs = new RegExp('(^|\\s+)(no-)?' + cs + '(\\s+|$)');

request = true;

b[c] = b[c].replace(rcs, ' ');

// The customizer requires postMessage and CORS (if the site is cross domain)

b[c] += (window.postMessage && request ? ' ' : ' no-') + cs;

}());

</script>

<a href="#wpbody-content" class="screen-reader-shortcut">Skip to main content</a>

<a href="#wp-toolbar" class="screen-reader-shortcut">Skip to toolbar</a>

</div>

<br />

</div>

<div class='wp-menu-name'>Dashboard</div>

</a>

<li class='wp-submenu-head' aria-hidden='true'>Dashboard</li>

<li><a href='update-core.php'>Updates <span class='update-plugins count-0'><span class='update-count'>0</span></span></a></li>

</ul>

</li>

</li>

<li class="wp-has-submenu wp-not-

<a href='edit.php' class="wp-has-sub

Saved diffs

Original text

Open file

<!DOCTYPE html>


<html xmlns="http://www.w3.org/1999/xhtml" class="wp-toolbar" lang="en-US">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Notifications &lsaquo; Forms &lsaquo; test2 &#8212; WordPress &#8212; WordPress</title>
    <script type="text/javascript">
        addLoadEvent = function(func) {
            if (typeof jQuery != "undefined") jQuery(document).ready(func);
            else if (typeof wpOnload != 'function') {
                wpOnload = func;
            } else {
                var oldonload = wpOnload;
                wpOnload = function() {
                    oldonload();
                    func();
                }
            }
        };
        var ajaxurl = '/wp-admin/admin-ajax.php',
            pagenow = 'toplevel_page_gf_edit_forms',
            typenow = '',
            adminpage = 'toplevel_page_gf_edit_forms',
            thousandsSeparator = ',',
            decimalPoint = '.',
            isRtl = 0;
    </script>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel='dns-prefetch' href='//s.w.org' />
    <style type="text/css">
        img.wp-smiley,
        img.emoji {
            display: inline !important;
            border: none !important;
            box-shadow: none !important;
            height: 1em !important;
            width: 1em !important;
            margin: 0 .07em !important;
            vertical-align: -0.1em !important;
            background: none !important;
            padding: 0 !important;
        }
    </style>
    <link rel='stylesheet' href='http://test2.localhost/wp-admin/load-styles.php?c=0&amp;dir=ltr&amp;load%5B%5D=dashicons,admin-bar,common,forms,admin-menu,dashboard,list-tables,edit,revisions,media,themes,about,nav-menus,wp-pointer,widgets&amp;load%5B%5D=,site-icon,l10n,buttons,wp-auth-check&amp;ver=4.9.5' type='text/css' media='all' />
    
    <link rel='stylesheet' id='gaddon_form_settings_css-css' href='http://test2.localhost/wp-content/plugins/gravityforms/includes/addon/css/gaddon_settings.min.css?ver=2.3' type='text/css' media='all' />
    <link rel='stylesheet' id='gforms_locking_css-css' href='http://test2.localhost/wp-content/plugins/gravityforms/includes/locking/css/locking.min.css?ver=2.3' type='text/css' media='all' />
    <link rel='stylesheet' id='gform_font_awesome-css' href='http://test2.localhost/wp-content/plugins/gravityforms/css/font-awesome.min.css?ver=2.3' type='text/css' media='all' />
    <link rel='stylesheet' id='gform_tooltip-css' href='http://test2.localhost/wp-content/plugins/gravityforms/css/tooltip.min.css?ver=2.3' type='text/css' media='all' />
    <script type="text/javascript">
        window._wpemojiSettings = {
            "baseUrl": "https:\/\/s.w.org\/images\/core\/emoji\/2.4\/72x72\/",
            "ext": ".png",
            "svgUrl": "https:\/\/s.w.org\/images\/core\/emoji\/2.4\/svg\/",
            "svgExt": ".svg",
            "source": {
                "concatemoji": "http:\/\/test2.localhost\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.5"
            }
        };
        ! function(a, b, c) {
            function d(a, b) {
                var c = String.fromCharCode;
                l.clearRect(0, 0, k.width, k.height), l.fillText(c.apply(this, a), 0, 0);
                var d = k.toDataURL();
                l.clearRect(0, 0, k.width, k.height), l.fillText(c.apply(this, b), 0, 0);
                var e = k.toDataURL();
                return d === e
            }

function e(a) {
                var b;
                if (!l || !l.fillText) return !1;
                switch (l.textBaseline = "top", l.font = "600 32px Arial", a) {
                    case "flag":
                        return !(b = d([55356, 56826, 55356, 56819], [55356, 56826, 8203, 55356, 56819])) && (b = d([55356, 57332, 56128, 56423, 56128, 56418, 56128, 56421, 56128, 56430, 56128, 56423, 56128, 56447], [55356, 57332, 8203, 56128, 56423, 8203, 56128, 56418, 8203, 56128, 56421, 8203, 56128, 56430, 8203, 56128, 56423, 8203, 56128, 56447]), !b);
                    case "emoji":
                        return b = d([55357, 56692, 8205, 9792, 65039], [55357, 56692, 8203, 9792, 65039]), !b
                }
                return !1
            }

<body class="wp-admin wp-core-ui no-js toplevel_page_gf_edit_forms auto-fold admin-bar branch-4-9 version-4-9-5 admin-color-fresh locale-en-us no-customize-support no-svg">
    <script type="text/javascript">
        document.body.className = document.body.className.replace('no-js', 'js');
    </script>

<script type="text/javascript">
        (function() {
            var request, b = document.body,
                c = 'className',
                cs = 'customize-support',
                rcs = new RegExp('(^|\\s+)(no-)?' + cs + '(\\s+|$)');

request = true;
            b[c] = b[c].replace(rcs, ' ');
            // The customizer requires postMessage and CORS (if the site is cross domain)
            b[c] += (window.postMessage && request ? ' ' : ' no-') + cs;
        }());
    </script>
    
    <div id="wpwrap">

<div id="adminmenumain" role="navigation" aria-label="Main menu">
            <a href="#wpbody-content" class="screen-reader-shortcut">Skip to main content</a>
            <a href="#wp-toolbar" class="screen-reader-shortcut">Skip to toolbar</a>
            <div id="adminmenuback"></div>
            <div id="adminmenuwrap">
                <ul id="adminmenu">

<li class="wp-first-item wp-has-submenu wp-not-current-submenu menu-top menu-top-first menu-icon-dashboard menu-top-last" id="menu-dashboard">
                        <a href='index.php' class="wp-first-item wp-has-submenu wp-not-current-submenu menu-top menu-top-first menu-icon-dashboard menu-top-last" aria-haspopup="true">
                            <div class="wp-menu-arrow">
                                <div></div>
                            </div>
                            <div class='wp-menu-image dashicons-before dashicons-dashboard'>
                                <br />
                            </div>
                            <div class='wp-menu-name'>Dashboard</div>
                        </a>
                        <ul class='wp-submenu wp-submenu-wrap'>
                            <li class='wp-submenu-head' aria-hidden='true'>Dashboard</li>
                            <li class="wp-first-item"><a href='index.php' class="wp-first-item">Home</a></li>
                            <li><a href='update-core.php'>Updates <span class='update-plugins count-0'><span class='update-count'>0</span></span></a></li>
                        </ul>
                    </li>
                    <li class="wp-not-current-submenu wp-menu-separator" aria-hidden="true">
                        <div class="separator"></div>
                    </li>
                    <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-post open-if-no-js menu-top-first" id="menu-posts">
                        <a href='edit.php' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-post open-if-no-js menu-top-first" aria-haspopup="true">
                            <div class="wp-menu-arrow">
                                <div></div>
                            </div>
                            <div class='wp-menu-image dashicons-before dashicons-admin-post'>
                                <br />
                            </div>
                            <div class='wp-menu-name'>Posts</div>
                        </a>
                        <ul class='wp-submenu wp-submenu-wrap'>
                            <li class='wp-submenu-head' aria-hidden='true'>Posts</li>
                            <li class="wp-first-item"><a href='edit.php' class="wp-first-item">All Posts</a></li>
                            <li><a href='post-new.php'>Add New</a></li>
                            <li><a href='edit-tags.php?taxonomy=category'>Categories</a></li>
                            <li><a href='edit-tags.php?taxonomy=post_tag'>Tags</a></li>
                        </ul>
                    </li>
                    <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-media" id="menu-media">
                        <a href='upload.php' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-media" aria-haspopup="true">
                            <div class="wp-menu-arrow">
                                <div></div>
                            </div>
                            <div class='wp-menu-image dashicons-before dashicons-admin-media'>
                                <br />
                            </div>
                            <div class='wp-menu-name'>Media</div>
                        </a>
                        <ul class='wp-submenu wp-submenu-wrap'>
                            <li class='wp-submenu-head' aria-hidden='true'>Media</li>
                            <li class="wp-first-item"><a href='upload.php' class="wp-first-item">Library</a></li>
                            <li><a href='media-new.php'>Add New</a></li>
                        </ul>
                    </li>
                    <li class="wp-has-submenu wp-has-current-submenu wp-menu-open menu-top toplevel_page_gf_edit_forms" id="toplevel_page_gf_edit_forms">
                        <a href='admin.php?page=gf_edit_forms' class="wp-has-submenu wp-has-current-submenu wp-menu-open menu-top toplevel_page_gf_edit_forms">
                            <div class="wp-menu-arrow">
                                <div></div>
                            </div>
                            <div class='wp-menu-image svg' style="background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItMTUgNzcgNTgxIDY0MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMTUgNzcgNTgxIDY0MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkxheWVyXzIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik00ODkuNSwyMjdMNDg5LjUsMjI3TDMxNS45LDEyNi44Yy0yMi4xLTEyLjgtNTguNC0xMi44LTgwLjUsMEw2MS44LDIyN2MtMjIuMSwxMi44LTQwLjMsNDQuMi00MC4zLDY5Ljd2MjAwLjVjMCwyNS42LDE4LjEsNTYuOSw0MC4zLDY5LjdsMTczLjYsMTAwLjJjMjIuMSwxMi44LDU4LjQsMTIuOCw4MC41LDBMNDg5LjUsNTY3YzIyLjItMTIuOCw0MC4zLTQ0LjIsNDAuMy02OS43VjI5Ni44QzUyOS44LDI3MS4yLDUxMS43LDIzOS44LDQ4OS41LDIyN3ogTTQwMSwzMDAuNHY1OS4zSDI0MXYtNTkuM0g0MDF6IE0xNjMuMyw0OTAuOWMtMTYuNCwwLTI5LjYtMTMuMy0yOS42LTI5LjZjMC0xNi40LDEzLjMtMjkuNiwyOS42LTI5LjZzMjkuNiwxMy4zLDI5LjYsMjkuNkMxOTIuOSw0NzcuNiwxNzkuNiw0OTAuOSwxNjMuMyw0OTAuOXogTTE2My4zLDM1OS43Yy0xNi40LDAtMjkuNi0xMy4zLTI5LjYtMjkuNnMxMy4zLTI5LjYsMjkuNi0yOS42czI5LjYsMTMuMywyOS42LDI5LjZTMTc5LjYsMzU5LjcsMTYzLjMsMzU5Ljd6IE0yNDEsNDkwLjl2LTU5LjNoMTYwdjU5LjNIMjQxeiIvPjwvZz48L3N2Zz4=')">
                                <br />
                            </div>
                            <div class='wp-menu-name'>Forms</div>
                        </a>
                        <ul class='wp-submenu wp-submenu-wrap'>
                            <li class='wp-submenu-head' aria-hidden='true'>Forms</li>
                            <li class="wp-first-item current"><a href='admin.php?page=gf_edit_forms' class="wp-first-item current" aria-current="page">Forms</a></li>
                            <li><a href='admin.php?page=gf_new_form'>New Form</a></li>
                            <li><a href='admin.php?page=gf_entries'>Entries</a></li>
                            <li><a href='admin.php?page=gf_settings'>Settings</a></li>
                            <li><a href='admin.php?page=gf_export'>Import/Export</a></li>
                            <li><a href='admin.php?page=gf_addons'>Add-Ons</a></li>
                            <li><a href='admin.php?page=gf_system_status'>System Status</a></li>
                            <li><a href='admin.php?page=gf_help'>Help</a></li>
                        </ul>
                    </li>
                    <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-page" id="menu-pages">
                        <a href='edit.php?post_type=page' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-page" aria-haspopup="true">
                            <div class="wp-menu-arrow">
                                <div></div>
                            </div>
                            <div class='wp-menu-image dashicons-before dashicons-admin-page'>
                                <br />
                            </div>
                            <div class='wp-menu-name'>Pages</div>
                        </a>
                        <ul class='wp-submenu wp-submenu-wrap'>
                            <li class='wp-submenu-head' aria-hidden='true'>Pages</li>
                            <li class="wp-first-item"><a href='edit.php?post_type=page' class="wp-first-item">All Pages</a></li>
                            <li><a href='post-new.php?post_type=page'>Add New</a></li>
                        </ul>
                    </li>
                    <li class="wp-not-current-submenu menu-top menu-icon-comments menu-top-last" id="menu-comments">
                        <a href='edit-comments.php' class="wp-not-current-submenu menu-top menu-icon-comments menu-top-last">
                            <div class="wp-menu-arrow">
                                <div></div>
                            </div>
                            <div class='wp-menu-image dashicons-before dashicons-admin-comments'>
                                <br />
                            </div>
                            <div class='wp-menu-name'>Comments <span class="awaiting-mod count-0"><span class="pending-count">0</span></span>
                            </div>
                        </a>
                    </li>
                    <li class="wp-not-current-submenu wp-menu-separator" aria-hidden="true">
                        <div class="separator"></div>
                    </li>
                    <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-appearance menu-top-first" id="menu-appearance">
                        <a href='themes.php' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-appearance menu-top-first" aria-haspopup="true">
                            <div class="wp-menu-arrow">
                                <div></div>
                            </div>
                            <div class='wp-menu-image dashicons-before dashicons-admin-appearance'>
                                <br />
                            </div>
                            <div class='wp-menu-name'>Appearance</div>
                        </a>
                        <ul class='wp-submenu wp-submenu-wrap'>
                            <li class='wp-submenu-head' aria-hidden='true'>Appearance</li>
                            <li class="wp-first-item"><a href='themes.php' class="wp-first-item">Themes</a></li>
                            <li class="hide-if-no-customize"><a href='customize.php?return=%2Fwp-admin%2Fadmin.php%3Fpage%3Dgf_edit_forms%26view%3Dsettings%26subview%3Dnotification%26id%3D1%26nid%3D5ad72fba41369' class="hide-if-no-customize">Customize</a></li>
                            <li><a href='widgets.php'>Widgets</a></li>
                            <li><a href='nav-menus.php'>Menus</a></li>
                            <li class="hide-if-no-customize"><a href='customize.php?return=%2Fwp-admin%2Fadmin.php%3Fpage%3Dgf_edit_forms%26view%3Dsettings%26subview%3Dnotification%26id%3D1%26nid%3D5ad72fba41369&#038;autofocus%5Bcontrol%5D=header_image' class="hide-if-no-customize">Header</a></li>
                            <li><a href='themes.php?page=custom-header'>Header</a></li>
                        </ul>
                    </li>
                    <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-plugins" id="menu-plugins">
                        <a href='plugins.php' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-plugins" aria-haspopup="true">
                            <div class="wp-menu-arrow">
                                <div></div>
                            </div>
                            <div class='wp-menu-image dashicons-before dashicons-admin-plugins'>
                                <br />
                            </div>
                            <div class='wp-menu-name'>Plugins <span class='update-plugins count-0'><span class='plugin-count'>0</span></span>
                            </div>
                        </a>
                        <ul class='wp-submenu wp-submenu-wrap'>
                            <li class='wp-submenu-head' aria-hidden='true'>Plugins <span class='update-plugins count-0'><span class='plugin-count'>0</span></span>
                            </li>
                            <li class="wp-first-item"><a href='plugins.php' class="wp-first-item">Installed Plugins</a></li>
                            <li><a href='plugin-install.php'>Add New</a></li>
                        </ul>
                    </li>
                    <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-users" id="menu-users">
                        <a href='users.php' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-users" aria-haspopup="true">
                            <div class="wp-menu-arrow">
                                <div></div>
                            </div>
                            <div class='wp-menu-image dashicons-before dashicons-admin-users'>
                                <br />
                            </div>
                            <div class='wp-menu-name'>Users</div>
                        </a>
                        <ul class='wp-submenu wp-submenu-wrap'>
                            <li class='wp-submenu-head' aria-hidden='true'>Users</li>
                            <li class="wp-first-item"><a href='users.php' class="wp-first-item">All Users</a></li>
                            <li><a href='user-new.php'>Add New</a></li>
                            <li><a href='profile.php'>Your Profile</a></li>
                        </ul>
                    </li>
                    <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-tools" id="menu-tools">
                        <a href='tools.php' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-tools" aria-haspopup="true">
                            <div class="wp-menu-arrow">
                                <div></div>
                            </div>
                            <div class='wp-menu-image dashicons-before dashicons-admin-tools'>
                                <br />
                            </div>
                            <div class='wp-menu-name'>Tools</div>
                        </a>
                        <ul class='wp-submenu wp-submenu-wrap'>
                            <li class='wp-submenu-head' aria-hidden='true'>Tools</li>
                            <li class="wp-first-item"><a href='tools.php' class="wp-first-item">Available Tools</a></li>
                            <li><a href='import.php'>Import</a></li>
                            <li><a href='export.php'>Export</a></li>
                        </ul>
                    </li>
                    <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-settings menu-top-last" id="menu-settings">
                        <a href='options-general.php' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-settings menu-top-last" aria-haspopup="true">
                            <div class="wp-menu-arrow">
                                <div></div>
                            </div>
                            <div class='wp-menu-image dashicons-before dashicons-admin-settings'>
                                <br />
                            </div>
                            <div class='wp-menu-name'>Settings</div>
                        </a>
                        <ul class='wp-submenu wp-submenu-wrap'>
                            <li class='wp-submenu-head' aria-hidden='true'>Settings</li>
                            <li class="wp-first-item"><a href='options-general.php' class="wp-first-item">General</a></li>
                            <li><a href='options-writing.php'>Writing</a></li>
                            <li><a href='options-reading.php'>Reading</a></li>
                            <li><a href='options-discussion.php'>Discussion</a></li>
                            <li><a href='options-media.php'>Media</a></li>
                            <li><a href='options-permalink.php'>Permalinks</a></li>
                        </ul>
                    </li>
                    <li id="collapse-menu" class="hide-if-no-js">
                        <button type="button" id="collapse-button" aria-label="Collapse Main menu" aria-expanded="true"><span class="collapse-button-icon" aria-hidden="true"></span><span class="collapse-button-label">Collapse menu</span></button>
                    </li>
                </ul>
            </div>
        </div>
        <div id="wpcontent">

<div id="wpadminbar" class="nojq nojs">
                <div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Toolbar" tabindex="0">
                    <ul id="wp-admin-bar-root-default" class="ab-top-menu">
                        <li id="wp-admin-bar-menu-toggle"><a class="ab-item" href="#"><span class="ab-icon"></span><span class="screen-reader-text">Menu</span></a> </li>
                        <li id="wp-admin-bar-wp-logo" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://test2.localhost/wp-admin/about.php"><span class="ab-icon"></span><span class="screen-reader-text">About WordPress</span></a>
                            <div class="ab-sub-wrapper">
                                <ul id="wp-admin-bar-wp-logo-default" class="ab-submenu">
                                    <li id="wp-admin-bar-about"><a class="ab-item" href="http://test2.localhost/wp-admin/about.php">About WordPress</a> </li>
                                </ul>
                                <ul id="wp-admin-bar-wp-logo-external" class="ab-sub-secondary ab-submenu">
                                    <li id="wp-admin-bar-wporg"><a class="ab-item" href="https://wordpress.org/">WordPress.org</a> </li>
                                    <li id="wp-admin-bar-documentation"><a class="ab-item" href="https://codex.wordpress.org/">Documentation</a> </li>
                                    <li id="wp-admin-bar-support-forums"><a class="ab-item" href="https://wordpress.org/support/">Support Forums</a> </li>
                                    <li id="wp-admin-bar-feedback"><a class="ab-item" href="https://wordpress.org/support/forum/requests-and-feedback">Feedback</a> </li>
                                </ul>
                            </div>
                        </li>
                        <li id="wp-admin-bar-site-name" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://test2.localhost/">test2</a>
                            <div class="ab-sub-wrapper">
                                <ul id="wp-admin-bar-site-name-default" class="ab-submenu">
                                    <li id="wp-admin-bar-view-site"><a class="ab-item" href="http://test2.localhost/">Visit Site</a> </li>
                                </ul>
                            </div>
                        </li>
                        <li id="wp-admin-bar-comments"><a class="ab-item" href="http://test2.localhost/wp-admin/edit-comments.php"><span class="ab-icon"></span><span class="ab-label awaiting-mod pending-count count-0" aria-hidden="true">0</span><span class="screen-reader-text">0 comments awaiting moderation</span></a> </li>
                        <li id="wp-admin-bar-new-content" class="menupop"><a class="ab-item" aria-haspopup="true" href="http://test2.localhost/wp-admin/post-new.php"><span class="ab-icon"></span><span class="ab-label">New</span></a>
                            <div class="ab-sub-wrapper">
                                <ul id="wp-admin-bar-new-content-default" class="ab-submenu">
                                    <li id="wp-admin-bar-new-post"><a class="ab-item" href="http://test2.localhost/wp-admin/post-new.php">Post</a> </li>
                                    <li id="wp-admin-bar-new-media"><a class="ab-item" href="http://test2.localhost/wp-admin/media-new.php">Media</a> </li>
                                    <li id="wp-admin-bar-new-page"><a class="ab-item" href="http://test2.localhost/wp-admin/post-new.php?post_type=page">Page</a> </li>
                                    <li id="wp-admin-bar-new-user"><a class="ab-item" href="http://test2.localhost/wp-admin/user-new.php">User</a> </li>
                                    <li id="wp-admin-bar-gravityforms-new-form"><a class="ab-item" href="http://test2.localhost/wp-admin/admin.php?page=gf_new_form">Form</a> </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                    <ul id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu">
                        <li id="wp-admin-bar-my-account" class="menupop with-avatar"><a class="ab-item" aria-haspopup="true" href="http://test2.localhost/wp-admin/profile.php">Howdy, <span class="display-name">admin</span><img alt='' src='http://2.gravatar.com/avatar/e9df80575fade81ddc459e688e6d4c8a?s=26&#038;d=mm&#038;r=g' srcset='http://2.gravatar.com/avatar/e9df80575fade81ddc459e688e6d4c8a?s=52&#038;d=mm&#038;r=g 2x' class='avatar avatar-26 photo' height='26' width='26' /></a>
                            <div class="ab-sub-wrapper">
                                <ul id="wp-admin-bar-user-actions" class="ab-submenu">
                                    <li id="wp-admin-bar-user-info">
                                        <a class="ab-item" tabindex="-1" href="http://test2.localhost/wp-admin/profile.php"><img alt='' src='http://2.gravatar.com/avatar/e9df80575fade81ddc459e688e6d4c8a?s=64&#038;d=mm&#038;r=g' srcset='http://2.gravatar.com/avatar/e9df80575fade81ddc459e688e6d4c8a?s=128&#038;d=mm&#038;r=g 2x' class='avatar avatar-64 photo' height='64' width='64' /><span class='display-name'>admin</span></a>
                                    </li>
                                    <li id="wp-admin-bar-edit-profile"><a class="ab-item" href="http://test2.localhost/wp-admin/profile.php">Edit My Profile</a> </li>
                                    <li id="wp-admin-bar-logout"><a class="ab-item" href="http://test2.localhost/wp-login.php?action=logout&#038;_wpnonce=d2780a1550">Log Out</a> </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <a class="screen-reader-shortcut" href="http://test2.localhost/wp-login.php?action=logout&#038;_wpnonce=d2780a1550">Log Out</a>
            </div>

<div class="contextual-help-tabs-wrap">
                                </div>
                            </div>
                        </div>
                    </div>
                    <link rel='stylesheet' id='gform_admin-css' href='http://test2.localhost/wp-content/plugins/gravityforms/css/admin.min.css?ver=2.3' type='text/css' media='all' />
                    <div class="wrap gforms_edit_form gforms_form_settings_wrap gf_browser_chrome">
                        <h1>
<span id='gform_settings_page_title' class='gform_settings_page_title gform_settings_page_title_editable' onclick='GF_ShowEditTitle()'>test form</span>
<a href="#" onclick="GF_SetupChosen( this ); event.stopPropagation();" id='form_switcher_arrow' class='form_switcher_arrow'><i class='fa fa-angle-down'></i></a>
<div id="form_switcher_container">
<select data-placeholder="Switch Form" name="form_switcher" id="form_switcher" onchange="GF_SwitchForm(jQuery(this).val());">
<option></option>
<option value="1">test form</option>
</select>
</div>
<script type="text/javascript">
function GF_ReplaceQuery(key, newValue) {
var new_query = "";
var query = document.location.search.substring(1);
var ary = query.split("&");
var has_key = false;
for (i = 0; i < ary.length; i++) {
var key_value = ary[i].split("=");
if (key_value[0] == key) {
new_query += key + "=" + newValue + "&";
has_key = true;
}
else if (key_value[0] != "display_settings") {
new_query += key_value[0] + "=" + key_value[1] + "&";
}
}
if (new_query.length > 0)
new_query = new_query.substring(0, new_query.length - 1);
if (!has_key)
new_query += new_query.length > 0 ? "&" + key + "=" + newValue : "?" + key + "=" + newValue;
return new_query;
}
function GF_RemoveQuery(key, query) {
var new_query = "";
if (query == "") {
query = document.location.search.substring(1);
}
var ary = query.split("&");
for (i = 0; i < ary.length; i++) {
var key_value = ary[i].split("=");
if (key_value[0] != key) {
new_query += key_value[0] + "=" + key_value[1] + "&";
}
}
if (new_query.length > 0)
new_query = new_query.substring(0, new_query.length - 1);
return new_query;
}
function GF_SwitchForm(id) {
if (id.length > 0) {
id = parseInt(id);
var query = GF_ReplaceQuery("id", id);
//remove paging from querystring when changing forms
var new_query = GF_RemoveQuery("paged", query);
new_query = new_query.replace("gf_new_form", "gf_edit_forms");
//remove filter vars from querystring when changing forms
new_query = GF_RemoveQuery("s", new_query);
new_query = GF_RemoveQuery("operator", new_query);
new_query = GF_RemoveQuery("type", new_query);
new_query = GF_RemoveQuery("field_id", new_query);
new_query = GF_RemoveQuery("lid", new_query);
new_query = GF_RemoveQuery("filter", new_query);
new_query = GF_RemoveQuery("pos", new_query);
//When switching forms within any form settings tab, go back to main form settings tab
var is_form_settings = new_query.indexOf("page=gf_edit_forms") >= 0 && new_query.indexOf("view=settings") >= 0;
if (is_form_settings) {
//going back to main form settings tab
new_query = "page=gf_edit_forms&view=settings&id=" + id;
}
//When switching forms within any form entries tab, go back to main form entries tab
var is_form_entries = new_query.indexOf("page=gf_entries") >= 0;
if (is_form_entries) {
//going back to main form settings tab
new_query = "page=gf_entries&id=" + id;
}
document.location = "?" + new_query;
}
}
function ToggleFormSettings() {
FieldClick(jQuery('#gform_heading')[0]);
}
function GF_PositionFormSwitcher() {
var $container = jQuery('#form_switcher_container');
var position = jQuery('#form_switcher_arrow').position().left,
width = $container.outerWidth(),
offset = width > position ? 0 : position - width + 20;
$container.css('left', offset + 'px');
}
function GF_SetupChosen(elem) {
//displaying container
var $container = jQuery('#form_switcher_container');
$container.show();
//initializing and activating chosen
var $ch = jQuery('#form_switcher').chosen();
$ch.trigger('chosen:open');
//setting form switcher position
GF_PositionFormSwitcher();
//binding to close event
$ch.bind('chosen:hiding_dropdown', function (ch) {
jQuery('#form_switcher_container').hide();
});
}
jQuery(document).ready(function () {
if (document.location.search.indexOf("display_settings") > 0)
ToggleFormSettings()
jQuery('a.gf_toolbar_disabled').click(function (event) {
event.preventDefault();
});
});
jQuery(window).resize(function () {
GF_PositionFormSwitcher();
});
</script>
<span class="gf_admin_page_formid">ID: 1</span>
</h1>
                        <div id="edit-title-container" class="add_field_button_container">
                            <div class="button-title-link gf_button_title_active">
                                <div id="edit-title-header">
                                    Form Title <span id="edit-title-close" onclick="GF_CloseEditTitle();"><i class="fa fa-times"></i></span>
                                </div>
                            </div>
                            <div class="add-buttons">
                                <input type="text" id='edit-title-input' value='test form' />
                                <div class="edit-form-footer">
                                    <input type="button" value="Update" class="button-primary" onclick="GF_SaveTitle();" />
                                    <span id="gform_settings_page_title_error"></span>
                                </div>
                            </div>
                        </div>
                        <script type="text/javascript">
                            function GF_ShowEditTitle() {
                                jQuery('#edit-title-container').css('visibility', 'visible')
                                    .find('#edit-title-input').focus();
                            }

function GF_CloseEditTitle() {
                                jQuery('#edit-title-container').css('visibility', 'hidden');
                                jQuery('#edit-title-input').val(jQuery('#gform_settings_page_title').text());
                                jQuery('#gform_settings_page_title_error').text('');
                            }

jQuery("#entry_form input, #entry_form textarea, #entry_form select").change(function() {
                                                gform_has_unsaved_changes = true;
                                            });

window.onbeforeunload = function() {
                                                if (gform_has_unsaved_changes) {
                                                    return "You have unsaved changes.";
                                                }
                                            };

ToggleConditionalLogic(true, 'notification');

jQuery(document).on('change', '.gfield_routing_value_dropdown', function() {
                                                SetRoutingValueDropDown(jQuery(this));
                                            });

});

gform.addFilter("gform_merge_tags", "MaybeAddSaveLinkMergeTag");

return mergeTags;
                                        }

function SetRoutingValueDropDown(element) {
                                            // Parsing ID to get routing Index
                                            var index = element.attr("id").replace("routing_value_", '');
                                            SetRouting(index);
                                        }

function CreateRouting(routings) {
                                            var str = '';
                                            for (var i = 0; i < routings.length; i++) {

var isSelected = routings[i].operator == 'is' ? "selected='selected'" : '';
                                                var isNotSelected = routings[i].operator == 'isnot' ? "selected='selected'" : '';
                                                var greaterThanSelected = routings[i].operator == '>' ? "selected='selected'" : '';
                                                var lessThanSelected = routings[i].operator == '<' ? "selected='selected'" : '';
                                                var containsSelected = routings[i].operator == 'contains' ? "selected='selected'" : '';
                                                var startsWithSelected = routings[i].operator == 'starts_with' ? "selected='selected'" : '';
                                                var endsWithSelected = routings[i].operator == 'ends_with' ? "selected='selected'" : '';
                                                var email = routings[i]["email"] ? routings[i]["email"] : '';

str += "<div style='width:99%'>" + "Send to" + " <input type='text' id='routing_email_" + i + "' value='" + email + "' onkeyup='SetRouting(" + i + ");'/>";
                                                str += " " + "if" + " " + GetRoutingFields(i, routings[i].fieldId) + "&nbsp;";
                                                str += "<select id='routing_operator_" + i + "' onchange='SetRouting(" + i + ");' class='gform_routing_operator'>";
                                                str += "<option value='is' " + isSelected + ">" + "is" + "</option>";
                                                str += "<option value='isnot' " + isNotSelected + ">" + "is not" + "</option>";
                                                str += "<option value='>' " + greaterThanSelected + ">" + "greater than" + "</option>";
                                                str += "<option value='<' " + lessThanSelected + ">" + "less than" + "</option>";
                                                str += "<option value='contains' " + containsSelected + ">" + "contains" + "</option>";
                                                str += "<option value='starts_with' " + startsWithSelected + ">" + "starts with" + "</option>";
                                                str += "<option value='ends_with' " + endsWithSelected + ">" + "ends with" + "</option>";
                                                str += "</select>&nbsp;";
                                                str += GetRoutingValues(i, routings[i].fieldId, routings[i].value) + "&nbsp;";
                                                str += "<a class='gf_insert_field_choice' title='add another rule' onclick=\"InsertRouting(" + (i + 1) + ");\" onkeypress=\"InsertRouting(" + (i + 1) + ");\"><i class='gficon-add'></i></a>";
                                                if (routings.length > 1)
                                                    str += "<a class='gf_delete_field_choice' title='remove this rule' onclick=\"DeleteRouting(" + i + ");\" onkeypress=\"DeleteRouting(" + i + ");\"><i class='gficon-subtract'></i></a>";

str += "</div>";
                                            }

jQuery("#gform_notification_to_routing_rules").html(str);
                                        }

function GetRoutingValues(index, fieldId, selectedValue) {
                                            var str = GetFieldValues(index, fieldId, selectedValue, 16);

return str;
                                        }

function GetRoutingFields(index, selectedItem) {
                                            var str = "<select id='routing_field_id_" + index + "' class='gfield_routing_select' onchange='jQuery(\"#routing_value_" + index + "\").replaceWith(GetRoutingValues(" + index + ", jQuery(this).val())); SetRouting(" + index + "); '>";
                                            str += GetSelectableFields(selectedItem, 16);
                                            str += "</select>";

return str;
                                        }

//---------------------- generic ---------------
                                        function GetSelectableFields(selectedFieldId, labelMaxCharacters) {
                                            var str = "";
                                            var inputType;
                                            for (var i = 0; i < form.fields.length; i++) {
                                                inputType = form.fields[i].inputType ? form.fields[i].inputType : form.fields[i].type;
                                                // See if this field type can be used for conditionals.
                                                if (IsNotificationConditionalLogicField(form.fields[i])) {
                                                    var selected = form.fields[i].id == selectedFieldId ? "selected='selected'" : "";
                                                    str += "<option value='" + form.fields[i].id + "' " + selected + ">" + form.fields[i].label + "</option>";
                                                }
                                            }
                                            return str;
                                        }

function IsNotificationConditionalLogicField(field) {
                                            // This function is a duplicate of IsConditionalLogicField from form_editor.js
                                            inputType = field.inputType ? field.inputType : field.type;
                                            var supported_fields = ["checkbox", "radio", "select", "text", "website", "textarea", "email", "hidden", "number", "phone", "multiselect", "post_title", "post_tags", "post_custom_field", "post_content", "post_excerpt"];

var index = jQuery.inArray(inputType, supported_fields);

return index >= 0;
                                        }

function GetFirstSelectableField() {
                                            var inputType;
                                            for (var i = 0; i < form.fields.length; i++) {
                                                inputType = form.fields[i].inputType ? form.fields[i].inputType : form.fields[i].type;
                                                if (IsNotificationConditionalLogicField(form.fields[i])) {
                                                    return form.fields[i].id;
                                                }
                                            }

return 0;
                                        }

function TruncateMiddle(text, maxCharacters) {
                                            if (!text)
                                                return "";

if (text.length <= maxCharacters)
                                                return text;
                                            var middle = parseInt(maxCharacters / 2);
                                            return text.substr(0, middle) + "..." + text.substr(text.length - middle, middle);

}

function GetFieldValues(index, fieldId, selectedValue, labelMaxCharacters) {
                                            if (!fieldId)
                                                fieldId = GetFirstSelectableField();

if (!fieldId)
                                                return "";

var str = '';
                                            var field = GetFieldById(fieldId);
                                            var isAnySelected = false;

if (!field)
                                                return "";

if (field["type"] == 'post_category' && field["displayAllCategories"]) {
                                                var dropdown_id = 'routing_value_' + index;
                                                var dropdown = jQuery('#' + dropdown_id + ".gfield_category_dropdown");

// Don't load category drop down if it already exists (to avoid unecessary ajax requests).
                                                if (dropdown.length > 0) {

// Will be replaced by real drop down during the ajax callback.
                                                    str = "<select id='gfield_ajax_placeholder_" + index + "' class='gfield_routing_select'><option>" + +"</option></select>";
                                                }
                                            } else if (field.choices) {
                                                // Create a drop down for fields that have choices (i.e. drop down, radio, checkboxes, etc...).
                                                str = "<select class='gfield_routing_select gfield_routing_value_dropdown' id='routing_value_" + index + "'>";
                                                for (var i = 0; i < field.choices.length; i++) {
                                                    var choiceValue = field.choices[i].value ? field.choices[i].value : field.choices[i].text;
                                                    var isSelected = choiceValue == selectedValue;
                                                    var selected = isSelected ? "selected='selected'" : '';
                                                    if (isSelected)
                                                        isAnySelected = true;

str += "<option value='" + choiceValue.replace(/'/g, "&#039;") + "' " + selected + ">" + field.choices[i].text + "</option>";
                                                }

if (!isAnySelected && selectedValue) {
                                                    str += "<option value='" + selectedValue.replace(/'/g, "&#039;") + "' selected='selected'>" + selectedValue + "</option>";
                                                }
                                                str += "</select>";
                                            } else {
                                                selectedValue = selectedValue ? selectedValue.replace(/'/g, "&#039;") : "";
                                                // Create a text field for fields that don't have choices (i.e text, textarea, number, email, etc...).
                                                str = "<input type='text' placeholder='" + "Enter value" + "' class='gfield_routing_select' id='routing_value_" + index + "' value='" + selectedValue.replace(/'/g, "&#039;") + "' onchange='SetRouting(" + index + ");' onkeyup='SetRouting(" + index + ");'>";
                                            }
                                            return str;
                                        }

//---------------------------------------------------------------------------------

function InsertRouting(index) {
                                            var routings = current_notification.routing;
                                            routings.splice(index, 0, new ConditionalRule());

CreateRouting(routings);
                                            SetRouting(index);
                                        }

function SetRouting(ruleIndex) {
                                            if (!current_notification.routing && ruleIndex == 0)
                                                current_notification.routing = [new ConditionalRule()];

current_notification.routing[ruleIndex]["email"] = jQuery("#routing_email_" + ruleIndex).val();
                                            current_notification.routing[ruleIndex]["fieldId"] = jQuery("#routing_field_id_" + ruleIndex).val();
                                            current_notification.routing[ruleIndex]["operator"] = jQuery("#routing_operator_" + ruleIndex).val();
                                            current_notification.routing[ruleIndex]["value"] = jQuery("#routing_value_" + ruleIndex).val();

var json = jQuery.toJSON(current_notification.routing);
                                            jQuery('#gform_routing_meta').val(json);
                                        }

function DeleteRouting(ruleIndex) {
                                            current_notification.routing.splice(ruleIndex, 1);
                                            CreateRouting(current_notification.routing);
                                        }

function SetConditionalLogic(isChecked) {
                                            current_notification.conditionalLogic = isChecked ? new ConditionalLogic() : null;
                                        }

function SaveJSMeta() {
                                            jQuery('#gform_routing_meta').val(jQuery.toJSON(current_notification.routing));
                                            jQuery('#gform_conditional_logic_meta').val(jQuery.toJSON(current_notification.conditionalLogic));
                                        }

function GetConditionalLogicFields() {
                                            return ["address", "checkbox", "email", "hidden", "multiselect", "name", "number", "phone", "textarea", "post_content", "post_custom_field", "post_excerpt", "post_tags", "post_title", "radio", "select", "text", "website"];
                                        }
                                    </script>

<table class="form-table gform_nofification_edit">
                                            <tr valign="top">
                                                <th scope="row">
                                                    <label for="gform_notification_name">
                                                        Name </label>
                                                </th>
                                                <td>
                                                    <input type="text" class="fieldwidth-2" name="gform_notification_name" id="gform_notification_name" value="Admin Notification" />
                                                </td>
                                            </tr>
                                            
                                            <tr valign="top" style='display:none'>
                                                <th scope="row">
                                                    <label for="gform_notification_send_via">
                                                        Email Service </label>
                                                </th>
                                                <td>
                                                    <div id="gform-notification-service-wordpress" class="gform-notification-service">
                                                        <input type="radio" id="gform_notification_service_wordpress" name="gform_notification_service" checked='checked' value="wordpress" onclick="jQuery(this).parents('form').submit();" onkeypress="jQuery(this).parents('form').submit();" />
                                                        <label for="gform_notification_service_wordpress" class="inline">
                                                            <span><img src="http://test2.localhost/wp-admin/images/wordpress-logo.svg" /><br />WordPress</span>
                                                        </label>
                                                    </div>
                                                </td>
                                            </tr>
                                            
                                            <tr valign="top" style='display:none'>
                                                <th scope="row">
                                                    <label for="gform_notification_event">
                                                        Event </label>

</th>
                                                <td>
                                                    <select name="gform_notification_event" id="gform_notification_event">
                                                        <option value="form_submission" selected='selected'>Form is submitted</option>
                                                    </select>
                                                </td>
                                            </tr>
                                            
                                            <tr valign="top" class=''>
                                                <th scope="row">
                                                    <label for="gform_notification_to_email">
                                                        Send To<span class="gfield_required">*</span>
                                                        <a href='#' onclick='return false;' onkeypress='return false;' class='gf_tooltip tooltip tooltip_notification_send_to_email' title='&lt;h6&gt;Send To Email Address&lt;/h6&gt;Enter the email address you would like the notification email sent to.'><i class='fa fa-question-circle'></i></a> </label>

</th>
                                                <td>
                                                    <input type="radio" id="gform_notification_to_type_email" name="gform_notification_to_type" checked='checked' value="email" onclick="jQuery('.notification_to_container').hide(); jQuery('#gform_notification_to_email_container').show('slow');" onkeypress="jQuery('.notification_to_container').hide(); jQuery('#gform_notification_to_email_container').show('slow');" />
                                                    <label for="gform_notification_to_type_email" class="inline">
                                                        Enter Email </label>
                                                    &nbsp;&nbsp;
                                                    <input type="radio" id="gform_notification_to_type_field" name="gform_notification_to_type" value="field" onclick="jQuery('.notification_to_container').hide(); jQuery('#gform_notification_to_field_container').show('slow');" onkeypress="jQuery('.notification_to_container').hide(); jQuery('#gform_notification_to_field_container').show('slow');" />
                                                    <label for="gform_notification_to_type_field" class="inline">
                                                        Select a Field </label>
                                                    &nbsp;&nbsp;
                                                    <input type="radio" id="gform_notification_to_type_routing" name="gform_notification_to_type" value="routing" onclick="jQuery('.notification_to_container').hide(); jQuery('#gform_notification_to_routing_container').show('slow');" onkeypress="jQuery('.notification_to_container').hide(); jQuery('#gform_notification_to_routing_container').show('slow');" />
                                                    <label for="gform_notification_to_type_routing" class="inline">
                                                        Configure Routing <a href='#' onclick='return false;' onkeypress='return false;' class='gf_tooltip tooltip tooltip_notification_send_to_routing' title='&lt;h6&gt;Routing&lt;/h6&gt;Allows notification to be sent to different email addresses depending on values selected in the form.'><i class='fa fa-question-circle'></i></a> </label>
                                                </td>
                                            </tr>
                                            
                                            <tr id="gform_notification_to_email_container" class="notification_to_container ">
                                                <td colspan="2" class="gf_sub_settings_cell">
                                                    <div class="gf_animate_sub_settings">
                                                        <table>
                                                            <tr>
                                                                <th scope="row">Send to Email</th>
                                                                <td>
                                                                    <input type="text" name="gform_notification_to_email" id="gform_notification_to_email" value="{admin_email}" class="fieldwidth-1" />

</td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                </td>
                                            </tr>
                                            
                                            <tr id="gform_notification_to_field_container" class="notification_to_container " style='display:none' ;>
                                                <td colspan="2" class="gf_sub_settings_cell">
                                                    <div class="gf_animate_sub_settings">
                                                        <table>
                                                            <tr>
                                                                <th scope="row">Send to Field</th>
                                                                <td>
                                                                    <select name="gform_notification_to_field" id="gform_notification_to_field">
                                                                        <option value="">Select an email field</option>
                                                                        <option value="2">Email</option>
                                                                    </select>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                </td>
                                            </tr>
                                            
                                            <tr id="gform_notification_to_routing_container" class="notification_to_container " style='display:none' ;>
                                                <td colspan="2" class="gf_sub_settings_cell">
                                                    <div class="gf_animate_sub_settings">
                                                        <table>
                                                            <tr>
                                                                <td colspan="2">
                                                                    <div id="gform_notification_to_routing_rules">
                                                                        <div style='width:99%'>
                                                                            Send to
                                                                            <input type="text" id="routing_email_0" value="" onkeyup="SetRouting(0);" /> if
                                                                            <select id="routing_field_id_0" class='gfield_routing_select' onchange='jQuery("#routing_value_0").replaceWith(GetRoutingValues(0, jQuery(this).val())); SetRouting(0); '>
                                                                                <option value='1'>Untitled</option>
                                                                                <option value='2'>Email</option>
                                                                                <option value='3'>Untitled</option>
                                                                                <option value='4'>Untitled</option>
                                                                            </select>
                                                                            <select id="routing_operator_0" onchange="SetRouting(0)" class="gform_routing_operator">
                                                                                <option value="is">is</option>
                                                                                <option value="isnot">is not</option>
                                                                                <option value=">">greater than</option>
                                                                                <option value="<">less than</option>
                                                                                <option value="contains">contains</option>
                                                                                <option value="starts_with">starts with</option>
                                                                                <option value="ends_with">ends with</option>
                                                                            </select>
                                                                            <input type='text' placeholder='Enter value' class='gfield_routing_select' id='routing_value_0' value='' onchange='SetRouting(0);' onkeyup='SetRouting(0);'>
                                                                            <a class='gf_insert_field_choice' title='add another rule' onclick='SetRouting(0); InsertRouting(1);' onkeypress='SetRouting(0); InsertRouting(1);'><i class='gficon-add'></i></a>

</div>
                                                                        <input type="hidden" name="routing_count" id="routing_count" value=",0," />
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                </td>
                                            </tr>
                                            
                                            <tr valign="top">
                                                <th scope="row">
                                                    <label for="gform_notification_from_name">
                                                        From Name <a href='#' onclick='return false;' onkeypress='return false;' class='gf_tooltip tooltip tooltip_notification_from_name' title='&lt;h6&gt;From Name&lt;/h6&gt;Enter the name you would like the notification email sent from, or select the name from available name fields.'><i class='fa fa-question-circle'></i></a> </label>
                                                </th>
                                                <td>
                                                    <input type="text" class="fieldwidth-2 merge-tag-support mt-position-right mt-hide_all_fields" name="gform_notification_from_name" id="gform_notification_from_name" value="" />
                                                </td>
                                            </tr>
                                            
                                            <tr valign="top">
                                                <th scope="row">
                                                    <label for="gform_notification_from">
                                                        From Email <a href='#' onclick='return false;' onkeypress='return false;' class='gf_tooltip tooltip tooltip_notification_from_email' title='&lt;h6&gt;From Email Address&lt;/h6&gt;Enter the email address you would like the notification email sent from, or select the email from available email form fields.'><i class='fa fa-question-circle'></i></a> </label>
                                                </th>
                                                <td>
                                                    <input type="text" class="fieldwidth-2 merge-tag-support mt-position-right mt-hide_all_fields" name="gform_notification_from" id="gform_notification_from" value="{admin_email}" />
                                                </td>
                                            </tr>
                                            
                                            <tr valign="top">
                                                <th scope="row">
                                                    <label for="gform_notification_reply_to">
                                                        Reply To <a href='#' onclick='return false;' onkeypress='return false;' class='gf_tooltip tooltip tooltip_notification_reply_to' title='&lt;h6&gt;Reply To&lt;/h6&gt;Enter the email address you would like to be used as the reply to address for the notification email.'><i class='fa fa-question-circle'></i></a> </label>
                                                </th>
                                                <td>
                                                    <input type="text" name="gform_notification_reply_to" id="gform_notification_reply_to" class="merge-tag-support mt-hide_all_fields fieldwidth-2" value="" />
                                                </td>
                                            </tr>
                                            
                                            <tr valign="top">
                                                <th scope="row">
                                                    <label for="gform_notification_bcc">
                                                        BCC <a href='#' onclick='return false;' onkeypress='return false;' class='gf_tooltip tooltip tooltip_notification_bcc' title='&lt;h6&gt;Blind Carbon Copy Addresses&lt;/h6&gt;Enter a comma separated list of email addresses you would like to receive a BCC of the notification email.'><i class='fa fa-question-circle'></i></a> </label>
                                                </th>
                                                <td>
                                                    <input type="text" name="gform_notification_bcc" id="gform_notification_bcc" value="" class="merge-tag-support mt-hide_all_fields fieldwidth-2" />
                                                </td>
                                            </tr>
                                            
                                            <tr valign="top">
                                                <th scope="row">
                                                    <label for="gform_notification_subject">
                                                        Subject<span class="gfield_required">*</span>
                                                    </label>
                                                </th>
                                                <td>
                                                    <input type="text" name="gform_notification_subject" id="gform_notification_subject" class="fieldwidth-1 merge-tag-support mt-hide_all_fields mt-position-right" value="New submission from {form_title}" />
                                                </td>
                                            </tr>
                                            
                                            <tr valign="top">
                                                <th scope="row">
                                                    <label for="gform_notification_message">
                                                        Message<span class="gfield_required">*</span>
                                                    </label>
                                                </th>
                                                <td>

<div id="wp-gform_notification_message-wrap" class="wp-core-ui wp-editor-wrap tmce-active">
                                                        <link rel='stylesheet' id='editor-buttons-css' href='http://test2.localhost/wp-includes/css/editor.min.css?ver=4.9.5' type='text/css' media='all' />
                                                        <div id="wp-gform_notification_message-editor-tools" class="wp-editor-tools hide-if-no-js">
                                                            <div id="wp-gform_notification_message-media-buttons" class="wp-media-buttons">
                                                                <button type="button" id="insert-media-button" class="button insert-media add_media" data-editor="gform_notification_message"><span class="wp-media-buttons-icon"></span> Add Media</button>
                                                            </div>
                                                            <div class="wp-editor-tabs">
                                                                <button type="button" id="gform_notification_message-tmce" class="wp-switch-editor switch-tmce" data-wp-editor-id="gform_notification_message">Visual</button>
                                                                <button type="button" id="gform_notification_message-html" class="wp-switch-editor switch-html" data-wp-editor-id="gform_notification_message">Text</button>
                                                            </div>
                                                        </div>
                                                        <div id="wp-gform_notification_message-editor-container" class="wp-editor-container">
                                                            <div id="qt_gform_notification_message_toolbar" class="quicktags-toolbar"></div>
                                                            <textarea class="merge-tag-support mt-wp_editor mt-manual_position mt-position-right wp-editor-area" rows="20" autocomplete="off" cols="40" name="gform_notification_message" id="gform_notification_message">{all_fields}</textarea>
                                                        </div>
                                                    </div>

</td>
                                            </tr>
                                            
                                            <tr valign="top">
                                                <th scope="row">
                                                    <label for="gform_notification_disable_autoformat">
                                                        Auto-formatting <a href='#' onclick='return false;' onkeypress='return false;' class='gf_tooltip tooltip tooltip_notification_autoformat' title='&lt;h6&gt;Disable Auto-Formatting&lt;/h6&gt;When enabled, auto-formatting will insert paragraph breaks automatically. Disable auto-formatting when using HTML to create email notification content.'><i class='fa fa-question-circle'></i></a> </label>
                                                </th>
                                                <td>
                                                    <input type="checkbox" name="gform_notification_disable_autoformat" id="gform_notification_disable_autoformat" value="1" />
                                                    <label for="gform_notification_disable_autoformat" class="inline">
                                                        Disable auto-formatting <a href='#' onclick='return false;' onkeypress='return false;' class='gf_tooltip tooltip tooltip_notification_autoformat' title='&lt;h6&gt;Disable Auto-Formatting&lt;/h6&gt;When enabled, auto-formatting will insert paragraph breaks automatically. Disable auto-formatting when using HTML to create email notification content.'><i class='fa fa-question-circle'></i></a> </label>
                                                </td>
                                            </tr>
                                            
                                            <tr valign="top">
                                                <th scope="row">
                                                    <label for="gform_notification_conditional_logic">
                                                        Conditional Logic </label>
                                                </th>
                                                <td>
                                                    <input type="checkbox" id="notification_conditional_logic" onclick="SetConditionalLogic(this.checked); ToggleConditionalLogic(false, 'notification');" onkeypress="SetConditionalLogic(this.checked); ToggleConditionalLogic(false, 'notification');" />
                                                    <label for="notification_conditional_logic" class="inline">Enable conditional logic</label>
                                                    <br />
                                                </td>
                                            </tr>
                                            
                                            <tr>
                                                <td colspan="2">
                                                    <div id="notification_conditional_logic_container" class="gf_animate_sub_settings" style="padding-left:10px;">
                                                        
                                                    </div>
                                                </td>
                                            </tr>

</table>

</div>
                                
                            </div>
                            
                        </div>
                        
                        <br class="clear" style="clear: both;" />
                    </div>
                    
                    <script type="text/javascript">
                        jQuery(document).ready(function($) {
                            $('.gform_tab_container').css('minHeight', jQuery('#gform_tabs').height() + 100);
                        });
                    </script>
                    <div class="clear"></div>
                </div>
                
                <div class="clear"></div>
            </div>
            
            <div class="clear"></div>
        </div>

<div id="wpfooter" role="contentinfo">
            <p id="footer-left" class="alignleft">
                <span id="footer-thankyou">Thank you for creating with <a href="https://wordpress.org/">WordPress</a>.</span> </p>
            <p id="footer-upgrade" class="alignright">
                Version 4.9.5 </p>
            <div class="clear"></div>
        </div>
        
        <script type="text/html" id="tmpl-media-frame">
            <div class="media-frame-menu"></div>
            <div class="media-frame-title"></div>
            <div class="media-frame-router"></div>
            <div class="media-frame-content"></div>
            <div class="media-frame-toolbar"></div>
            <div class="media-frame-uploader"></div>
        </script>

<div class="post-upload-ui">
                                        <p class="max-upload-size">Maximum upload file size: 128 MB.</p>

<# if ( data.suggestedWidth && data.suggestedHeight ) { #>
                                            <p class="suggested-dimensions">
                                                Suggested image dimensions: {{data.suggestedWidth}} by {{data.suggestedHeight}} pixels. </p>
                                            <# } #>

</div>
                        </div>
        </script>

<div class="media-progress-bar">
                <div></div>
            </div>
            <div class="upload-details">
                <span class="upload-count">
<span class="upload-index"></span> / <span class="upload-total"></span>
                </span>
                <span class="upload-detail-separator">&ndash;</span>
                <span class="upload-filename"></span>
            </div>
            <div class="upload-errors"></div>
        </script>

<# if ( 'audio'===d ata.type ) { #>
                                            <div class="wp-media-wrapper">
                                                <audio style="visibility: hidden" controls class="wp-audio-shortcode" width="100%" preload="none">
                                                    <source type="{{ data.mime }}" src="{{ data.url }}" />
                                                </audio>
                                            </div>
                                            <# } else if ( 'video'===d ata.type ) { var w_rule='' ; if ( data.width ) { w_rule='width: ' + data.width + 'px;'; } else if ( wp.media.view.settings.contentWidth ) { w_rule='width: ' + wp.media.view.settings.contentWidth + 'px;'; } #>
                                                <div style="{{ w_rule }}" class="wp-media-wrapper wp-video">
                                                    <video controls="controls" class="wp-video-shortcode" preload="metadata" <# if ( data.width ) { #>width="{{ data.width }}"
                                                        <# } #>
                                                            <# if ( data.height ) { #>height="{{ data.height }}"
                                                                <# } #>
                                                                    <# if ( data.image && data.image.src !==d ata.icon ) { #>poster="{{ data.image.src }}"
                                                                        <# } #>>
                                                                            <source type="{{ data.mime }}" src="{{ data.url }}" />
                                                    </video>
                                                </div>
                                                <# } #>

<div class="attachment-actions">
                                                        <# if ( 'image'===d ata.type && ! data.uploading && data.sizes && data.can.save ) { #>
                                                            <button type="button" class="button edit-attachment">Edit Image</button>
                                                            <# } else if ( 'pdf'===d ata.subtype && data.sizes ) { #>
                                                                Document Preview
                                                                <# } #>
                                                    </div>
                </div>
            </div>
            <div class="attachment-info">
                <span class="settings-save-status">
<span class="spinner"></span>
                <span class="saved">Saved.</span>
                </span>
                <div class="details">
                    <div class="filename"><strong>File name:</strong> {{ data.filename }}</div>
                    <div class="filename"><strong>File type:</strong> {{ data.mime }}</div>
                    <div class="uploaded"><strong>Uploaded on:</strong> {{ data.dateFormatted }}</div>

<div class="file-size"><strong>File size:</strong> {{ data.filesizeHumanReadable }}</div>
                    <# if ( 'image'===d ata.type && ! data.uploading ) { #>
                        <# if ( data.width && data.height ) { #>
                            <div class="dimensions"><strong>Dimensions:</strong> {{ data.width }} &times; {{ data.height }}</div>
                            <# } #>
                                <# } #>

<# if ( data.fileLength ) { #>
                                        <div class="file-length"><strong>Length:</strong> {{ data.fileLength }}</div>
                                        <# } #>

<# if ( 'audio'===d ata.type && data.meta.bitrate ) { #>
                                                <div class="bitrate">
                                                    <strong>Bitrate:</strong> {{ Math.round( data.meta.bitrate / 1000 ) }}kb/s
                                                    <# if ( data.meta.bitrate_mode ) { #>
                                                        {{ ' ' + data.meta.bitrate_mode.toUpperCase() }}
                                                        <# } #>
                                                </div>
                                                <# } #>

<div class="compat-meta">
                                                        <# if ( data.compat && data.compat.meta ) { #>
                                                            {{{ data.compat.meta }}}
                                                            <# } #>
                                                    </div>
                </div>

<div class="settings">
                    <label class="setting" data-setting="url">
                        <span class="name">URL</span>
                        <input type="text" value="{{ data.url }}" readonly />
                    </label>
                    <# var maybeReadOnly=d ata.can.save || data.allowLocalEdits ? '' : 'readonly'; #>
                        <label class="setting" data-setting="title">
                            <span class="name">Title</span>
                            <input type="text" value="{{ data.title }}" {{ maybeReadOnly }} />
                        </label>
                        <# if ( 'audio'===d ata.type ) { #>
                            <label class="setting" data-setting="artist">
                                <span class="name">Artist</span>
                                <input type="text" value="{{ data.artist || data.meta.artist || '' }}" />
                            </label>
                            <label class="setting" data-setting="album">
                                <span class="name">Album</span>
                                <input type="text" value="{{ data.album || data.meta.album || '' }}" />
                            </label>
                            <# } #>
                                <label class="setting" data-setting="caption">
                                    <span class="name">Caption</span>
                                    <textarea {{ maybeReadOnly }}>{{ data.caption }}</textarea>
                                </label>
                                <# if ( 'image'===d ata.type ) { #>
                                    <label class="setting" data-setting="alt">
                                        <span class="name">Alt Text</span>
                                        <input type="text" value="{{ data.alt }}" {{ maybeReadOnly }} />
                                    </label>
                                    <# } #>
                                        <label class="setting" data-setting="description">
                                            <span class="name">Description</span>
                                            <textarea {{ maybeReadOnly }}>{{ data.description }}</textarea>
                                        </label>
                                        <label class="setting">
                                            <span class="name">Uploaded By</span>
                                            <span class="value">{{ data.authorName }}</span>
                                        </label>
                                        <# if ( data.uploadedToTitle ) { #>
                                            <label class="setting">
                                                <span class="name">Uploaded To</span>
                                                <# if ( data.uploadedToLink ) { #>
                                                    <span class="value"><a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a></span>
                                                    <# } else { #>
                                                        <span class="value">{{ data.uploadedToTitle }}</span>
                                                        <# } #>
                                            </label>
                                            <# } #>
                                                <div class="attachment-compat"></div>
                </div>

<div class="actions">
                    <a class="view-attachment" href="{{ data.link }}">View attachment page</a>
                    <# if ( data.can.save ) { #> |
                        <a href="post.php?post={{ data.id }}&action=edit">Edit more details</a>
                        <# } #>
                            <# if ( ! data.uploading && data.can.remove ) { #> |
                                <button type="button" class="button-link delete-attachment">Delete Permanently</button>
                                <# } #>
                </div>

</div>
        </script>

<div class="file-size">{{ data.filesizeHumanReadable }}</div>
                    <# if ( 'image'===d ata.type && ! data.uploading ) { #>
                        <# if ( data.width && data.height ) { #>
                            <div class="dimensions">{{ data.width }} &times; {{ data.height }}</div>
                            <# } #>

<# if ( data.can.save && data.sizes ) { #>
                                    <a class="edit-attachment" href="{{ data.editLink }}&amp;image-editor" target="_blank">Edit Image</a>
                                    <# } #>
                                        <# } #>

<# if ( data.fileLength ) { #>
                                                <div class="file-length">Length: {{ data.fileLength }}</div>
                                                <# } #>

<# if ( ! data.uploading && data.can.remove ) { #>
                                                        <button type="button" class="button-link delete-attachment">Delete Permanently</button>
                                                        <# } #>

<div class="compat-meta">
                                                                <# if ( data.compat && data.compat.meta ) { #>
                                                                    {{{ data.compat.meta }}}
                                                                    <# } #>
                                                            </div>
                </div>
            </div>

<label class="setting" data-setting="url">
                <span class="name">URL</span>
                <input type="text" value="{{ data.url }}" readonly />
            </label>
            <# var maybeReadOnly=d ata.can.save || data.allowLocalEdits ? '' : 'readonly'; #>
                <label class="setting" data-setting="title">
                    <span class="name">Title</span>
                    <input type="text" value="{{ data.title }}" {{ maybeReadOnly }} />
                </label>
                <# if ( 'audio'===d ata.type ) { #>
                    <label class="setting" data-setting="artist">
                        <span class="name">Artist</span>
                        <input type="text" value="{{ data.artist || data.meta.artist || '' }}" />
                    </label>
                    <label class="setting" data-setting="album">
                        <span class="name">Album</span>
                        <input type="text" value="{{ data.album || data.meta.album || '' }}" />
                    </label>
                    <# } #>
                        <label class="setting" data-setting="caption">
                            <span class="name">Caption</span>
                            <textarea {{ maybeReadOnly }}>{{ data.caption }}</textarea>
                        </label>
                        <# if ( 'image'===d ata.type ) { #>
                            <label class="setting" data-setting="alt">
                                <span class="name">Alt Text</span>
                                <input type="text" value="{{ data.alt }}" {{ maybeReadOnly }} />
                            </label>
                            <# } #>
                                <label class="setting" data-setting="description">
                                    <span class="name">Description</span>
                                    <textarea {{ maybeReadOnly }}>{{ data.description }}</textarea>
                                </label>
        </script>

<# if ( 'image'===d ata.type ) { #>
                <label class="setting align">
                    <span>Alignment</span>
                    <select class="alignment" data-setting="align" <# if ( data.userSettings ) { #>
                        data-user-setting="align"
                        <# } #>>

<option value="left">
                                Left </option>
                            <option value="center">
                                Center </option>
                            <option value="right">
                                Right </option>
                            <option value="none" selected>
                                None </option>
                    </select>
                </label>
                <# } #>

<div class="setting">
                        <label>
                            <# if ( data.model.canEmbed ) { #>
                                <span>Embed or Link</span>
                                <# } else { #>
                                    <span>Link To</span>
                                    <# } #>

<select class="link-to" data-setting="link" <# if ( data.userSettings && ! data.model.canEmbed ) { #>
                                            data-user-setting="urlbutton"
                                            <# } #>>

<# if ( data.model.canEmbed ) { #>
                                                    <option value="embed" selected>
                                                        Embed Media Player </option>
                                                    <option value="file">
                                                        <# } else { #>
                                                            <option value="none" selected>
                                                                None </option>
                                                            <option value="file">
                                                                <# } #>
                                                                    <# if ( data.model.canEmbed ) { #>
                                                                        Link to Media File
                                                                        <# } else { #>
                                                                            Media File
                                                                            <# } #>
                                                            </option>
                                                            <option value="post">
                                                                <# if ( data.model.canEmbed ) { #>
                                                                    Link to Attachment Page
                                                                    <# } else { #>
                                                                        Attachment Page
                                                                        <# } #>
                                                            </option>
                                                            <# if ( 'image'===d ata.type ) { #>
                                                                <option value="custom">
                                                                    Custom URL </option>
                                                                <# } #>
                                        </select>
                        </label>
                        <input type="text" class="link-to-custom" data-setting="linkUrl" />
                    </div>

<# if ( 'undefined' !==t ypeof data.sizes ) { #>
                        <label class="setting">
                            <span>Size</span>
                            <select class="size" name="size" data-setting="size" <# if ( data.userSettings ) { #>
                                data-user-setting="imgsize"
                                <# } #>>
                                    <# var size=d ata.sizes[ 'thumbnail']; if ( size ) { #>
                                        <option value="thumbnail">
                                            Thumbnail &ndash; {{ size.width }} &times; {{ size.height }}
                                        </option>
                                        <# } #>
                                            <# var size=d ata.sizes[ 'medium']; if ( size ) { #>
                                                <option value="medium">
                                                    Medium &ndash; {{ size.width }} &times; {{ size.height }}
                                                </option>
                                                <# } #>
                                                    <# var size=d ata.sizes[ 'large']; if ( size ) { #>
                                                        <option value="large">
                                                            Large &ndash; {{ size.width }} &times; {{ size.height }}
                                                        </option>
                                                        <# } #>
                                                            <# var size=d ata.sizes[ 'full']; if ( size ) { #>
                                                                <option value="full" selected='selected'>
                                                                    Full Size &ndash; {{ size.width }} &times; {{ size.height }}
                                                                </option>
                                                                <# } #>
                            </select>
                        </label>
                        <# } #>
        </script>

<label class="setting">
                <span>Link To</span>
                <select class="link-to" data-setting="link" <# if ( data.userSettings ) { #>
                    data-user-setting="urlbutton"
                    <# } #>>

<option value="post" <# if ( ! wp.media.galleryDefaults.link || 'post'==w p.media.galleryDefaults.link ) { #>selected="selected"
                            <# } #>> Attachment Page </option>
                        <option value="file" <# if ( 'file'==w p.media.galleryDefaults.link ) { #>selected="selected"
                            <# } #>> Media File </option>
                        <option value="none" <# if ( 'none'==w p.media.galleryDefaults.link ) { #>selected="selected"
                            <# } #>> None </option>
                </select>
            </label>

<label class="setting">
                <span>Columns</span>
                <select class="columns" name="columns" data-setting="columns">
                    <option value="1" <# if ( 1==w p.media.galleryDefaults.columns ) { #>selected="selected"
                        <# } #>> 1 </option>
                    <option value="2" <# if ( 2==w p.media.galleryDefaults.columns ) { #>selected="selected"
                        <# } #>> 2 </option>
                    <option value="3" <# if ( 3==w p.media.galleryDefaults.columns ) { #>selected="selected"
                        <# } #>> 3 </option>
                    <option value="4" <# if ( 4==w p.media.galleryDefaults.columns ) { #>selected="selected"
                        <# } #>> 4 </option>
                    <option value="5" <# if ( 5==w p.media.galleryDefaults.columns ) { #>selected="selected"
                        <# } #>> 5 </option>
                    <option value="6" <# if ( 6==w p.media.galleryDefaults.columns ) { #>selected="selected"
                        <# } #>> 6 </option>
                    <option value="7" <# if ( 7==w p.media.galleryDefaults.columns ) { #>selected="selected"
                        <# } #>> 7 </option>
                    <option value="8" <# if ( 8==w p.media.galleryDefaults.columns ) { #>selected="selected"
                        <# } #>> 8 </option>
                    <option value="9" <# if ( 9==w p.media.galleryDefaults.columns ) { #>selected="selected"
                        <# } #>> 9 </option>
                </select>
            </label>

<label class="setting">
                <span>Random Order</span>
                <input type="checkbox" data-setting="_orderbyRandom" />
            </label>

<label class="setting size">
                <span>Size</span>
                <select class="size" name="size" data-setting="size" <# if ( data.userSettings ) { #>
                    data-user-setting="imgsize"
                    <# } #>
                        >
                        <option value="thumbnail">
                            Thumbnail </option>
                        <option value="medium">
                            Medium </option>
                        <option value="large">
                            Large </option>
                        <option value="full">
                            Full Size </option>
                </select>
            </label>
        </script>

<# var emptyModel=_ .isEmpty( data.model ), isVideo='video'===d ata.controller.get( 'library').props.get( 'type'); #>

<label class="setting">
                    <input type="checkbox" data-setting="tracklist" <# if ( emptyModel ) { #> checked="checked"
                    <# } #> />
                        <# if ( isVideo ) { #>
                            <span>Show Video List</span>
                            <# } else { #>
                                <span>Show Tracklist</span>
                                <# } #>
                </label>

<# if ( ! isVideo ) { #>
                    <label class="setting">
                        <input type="checkbox" data-setting="artists" <# if ( emptyModel ) { #> checked="checked"
                        <# } #> />
                            <span>Show Artist Name in Tracklist</span>
                    </label>
                    <# } #>

<label class="setting">
                            <input type="checkbox" data-setting="images" <# if ( emptyModel ) { #> checked="checked"
                            <# } #> />
                                <span>Show Images</span>
                        </label>
        </script>

<label class="setting caption">
                <span>Caption</span>
                <textarea data-setting="caption" />
            </label>
            <label class="setting alt-text">
                <span>Alt Text</span>
                <input type="text" data-setting="alt" />
            </label>

<div class="setting align">
                <span>Align</span>
                <div class="button-group button-large" data-setting="align">
                    <button class="button" value="left">
                        Left </button>
                    <button class="button" value="center">
                        Center </button>
                    <button class="button" value="right">
                        Right </button>
                    <button class="button active" value="none">
                        None </button>
                </div>
            </div>

<div class="setting link-to">
                <span>Link To</span>
                <div class="button-group button-large" data-setting="link">
                    <button class="button" value="file">
                        Image URL </button>
                    <button class="button" value="custom">
                        Custom URL </button>
                    <button class="button active" value="none">
                        None </button>
                </div>
                <input type="text" class="link-to-custom" data-setting="linkUrl" />
            </div>
        </script>

<# if ( data.attachment && window.imageEdit ) { #>
                                <div class="actions">
                                    <input type="button" class="edit-attachment button" value="Edit Original" />
                                    <input type="button" class="replace-attachment button" value="Replace" />
                                </div>
                                <# } #>
                        </div>
                    </div>
                    <div class="column-settings">
                        <label class="setting caption">
                            <span>Caption</span>
                            <textarea data-setting="caption">{{ data.model.caption }}</textarea>
                        </label>
                        <label class="setting alt-text">
                            <span>Alternative Text</span>
                            <input type="text" data-setting="alt" value="{{ data.model.alt }}" />
                        </label>

<h2>Display Settings</h2>
                        <div class="setting align">
                            <span>Align</span>
                            <div class="button-group button-large" data-setting="align">
                                <button class="button" value="left">
                                    Left </button>
                                <button class="button" value="center">
                                    Center </button>
                                <button class="button" value="right">
                                    Right </button>
                                <button class="button active" value="none">
                                    None </button>
                            </div>
                        </div>

<# if ( data.attachment ) { #>
                            <# if ( 'undefined' !==t ypeof data.attachment.sizes ) { #>
                                <label class="setting size">
                                    <span>Size</span>
                                    <select class="size" name="size" data-setting="size" <# if ( data.userSettings ) { #>
                                        data-user-setting="imgsize"
                                        <# } #>>
                                            <# var size=d ata.sizes[ 'thumbnail']; if ( size ) { #>
                                                <option value="thumbnail">
                                                    Thumbnail &ndash; {{ size.width }} &times; {{ size.height }}
                                                </option>
                                                <# } #>
                                                    <# var size=d ata.sizes[ 'medium']; if ( size ) { #>
                                                        <option value="medium">
                                                            Medium &ndash; {{ size.width }} &times; {{ size.height }}
                                                        </option>
                                                        <# } #>
                                                            <# var size=d ata.sizes[ 'large']; if ( size ) { #>
                                                                <option value="large">
                                                                    Large &ndash; {{ size.width }} &times; {{ size.height }}
                                                                </option>
                                                                <# } #>
                                                                    <# var size=d ata.sizes[ 'full']; if ( size ) { #>
                                                                        <option value="full">
                                                                            Full Size &ndash; {{ size.width }} &times; {{ size.height }}
                                                                        </option>
                                                                        <# } #>
                                                                            <option value="custom">
                                                                                Custom Size </option>
                                    </select>
                                </label>
                                <# } #>
                                    <div class="custom-size<# if ( data.model.size !== 'custom' ) { #> hidden<# } #>">
                                        <label><span>Width <small>(px)</small></span>
                                            <input data-setting="customWidth" type="number" step="1" value="{{ data.model.customWidth }}" />
                                        </label><span class="sep">&times;</span>
                                        <label><span>Height <small>(px)</small></span>
                                            <input data-setting="customHeight" type="number" step="1" value="{{ data.model.customHeight }}" />
                                        </label>
                                    </div>
                                    <# } #>

<div class="setting link-to">
                                            <span>Link To</span>
                                            <select data-setting="link">
                                                <# if ( data.attachment ) { #>
                                                    <option value="file">
                                                        Media File </option>
                                                    <option value="post">
                                                        Attachment Page </option>
                                                    <# } else { #>
                                                        <option value="file">
                                                            Image URL </option>
                                                        <# } #>
                                                            <option value="custom">
                                                                Custom URL </option>
                                                            <option value="none">
                                                                None </option>
                                            </select>
                                            <input type="text" class="link-to-custom" data-setting="linkUrl" />
                                        </div>
                                        <div class="advanced-section">
                                            <h2><button type="button" class="button-link advanced-toggle">Advanced Options</button></h2>
                                            <div class="advanced-settings hidden">
                                                <div class="advanced-image">
                                                    <label class="setting title-text">
                                                        <span>Image Title Attribute</span>
                                                        <input type="text" data-setting="title" value="{{ data.model.title }}" />
                                                    </label>
                                                    <label class="setting extra-classes">
                                                        <span>Image CSS Class</span>
                                                        <input type="text" data-setting="extraClasses" value="{{ data.model.extraClasses }}" />
                                                    </label>
                                                </div>
                                                <div class="advanced-link">
                                                    <div class="setting link-target">
                                                        <label>
                                                            <input type="checkbox" data-setting="linkTargetBlank" value="_blank" <# if ( data.model.linkTargetBlank ) { #>checked="checked"
                                                            <# } #>>Open link in a new tab</label>
                                                    </div>
                                                    <label class="setting link-rel">
                                                        <span>Link Rel</span>
                                                        <input type="text" data-setting="linkRel" value="{{ data.model.linkRel }}" />
                                                    </label>
                                                    <label class="setting link-class-name">
                                                        <span>Link CSS Class</span>
                                                        <input type="text" data-setting="linkClassName" value="{{ data.model.linkClassName }}" />
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                    </div>
                </div>
            </div>
        </script>

<div class="media-embed media-embed-details">
                    <div class="embed-media-settings embed-audio-settings">
                        <audio style="visibility: hidden" controls class="wp-audio-shortcode" width="{{ _.isUndefined( data.model.width ) ? 400 : data.model.width }}" preload="{{ _.isUndefined( data.model.preload ) ? 'none' : data.model.preload }}" <# if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { #> autoplay
                            <# } if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) { #> loop
                                <# } #>
                                    >
                                    <# if ( ! _.isEmpty( data.model.src ) ) { #>
                                        <source src="{{ data.model.src }}" type="{{ wp.media.view.settings.embedMimes[ data.model.src.split('.').pop() ] }}" />
                                        <# } #>

<# if ( ! _.isEmpty( data.model.mp3 ) ) { #>
                                                <source src="{{ data.model.mp3 }}" type="{{ wp.media.view.settings.embedMimes[ 'mp3' ] }}" />
                                                <# } #>
                                                    <# if ( ! _.isEmpty( data.model.ogg ) ) { #>
                                                        <source src="{{ data.model.ogg }}" type="{{ wp.media.view.settings.embedMimes[ 'ogg' ] }}" />
                                                        <# } #>
                                                            <# if ( ! _.isEmpty( data.model.flac ) ) { #>
                                                                <source src="{{ data.model.flac }}" type="{{ wp.media.view.settings.embedMimes[ 'flac' ] }}" />
                                                                <# } #>
                                                                    <# if ( ! _.isEmpty( data.model.m4a ) ) { #>
                                                                        <source src="{{ data.model.m4a }}" type="{{ wp.media.view.settings.embedMimes[ 'm4a' ] }}" />
                                                                        <# } #>
                                                                            <# if ( ! _.isEmpty( data.model.wav ) ) { #>
                                                                                <source src="{{ data.model.wav }}" type="{{ wp.media.view.settings.embedMimes[ 'wav' ] }}" />
                                                                                <# } #>
                        </audio>

<# if ( ! _.isEmpty( data.model.src ) ) { ext=d ata.model.src.split( '.').pop(); if ( html5types[ ext ] ) { delete html5types[ ext ]; } #>
                            <label class="setting">
                                <span>SRC</span>
                                <input type="text" disabled="disabled" data-setting="src" value="{{ data.model.src }}" />
                                <button type="button" class="button-link remove-setting">Remove audio source</button>
                            </label>
                            <# } #>
                                <# if ( ! _.isEmpty( data.model.mp3 ) ) { if ( ! _.isUndefined( html5types.mp3 ) ) { delete html5types.mp3; } #>
                                    <label class="setting">
                                        <span>MP3</span>
                                        <input type="text" disabled="disabled" data-setting="mp3" value="{{ data.model.mp3 }}" />
                                        <button type="button" class="button-link remove-setting">Remove audio source</button>
                                    </label>
                                    <# } #>
                                        <# if ( ! _.isEmpty( data.model.ogg ) ) { if ( ! _.isUndefined( html5types.ogg ) ) { delete html5types.ogg; } #>
                                            <label class="setting">
                                                <span>OGG</span>
                                                <input type="text" disabled="disabled" data-setting="ogg" value="{{ data.model.ogg }}" />
                                                <button type="button" class="button-link remove-setting">Remove audio source</button>
                                            </label>
                                            <# } #>
                                                <# if ( ! _.isEmpty( data.model.flac ) ) { if ( ! _.isUndefined( html5types.flac ) ) { delete html5types.flac; } #>
                                                    <label class="setting">
                                                        <span>FLAC</span>
                                                        <input type="text" disabled="disabled" data-setting="flac" value="{{ data.model.flac }}" />
                                                        <button type="button" class="button-link remove-setting">Remove audio source</button>
                                                    </label>
                                                    <# } #>
                                                        <# if ( ! _.isEmpty( data.model.m4a ) ) { if ( ! _.isUndefined( html5types.m4a ) ) { delete html5types.m4a; } #>
                                                            <label class="setting">
                                                                <span>M4A</span>
                                                                <input type="text" disabled="disabled" data-setting="m4a" value="{{ data.model.m4a }}" />
                                                                <button type="button" class="button-link remove-setting">Remove audio source</button>
                                                            </label>
                                                            <# } #>
                                                                <# if ( ! _.isEmpty( data.model.wav ) ) { if ( ! _.isUndefined( html5types.wav ) ) { delete html5types.wav; } #>
                                                                    <label class="setting">
                                                                        <span>WAV</span>
                                                                        <input type="text" disabled="disabled" data-setting="wav" value="{{ data.model.wav }}" />
                                                                        <button type="button" class="button-link remove-setting">Remove audio source</button>
                                                                    </label>
                                                                    <# } #>
                                                                        <# if ( ! _.isEmpty( html5types ) ) { #>
                                                                            <div class="setting">
                                                                                <span>Add alternate sources for maximum HTML5 playback:</span>
                                                                                <div class="button-large">
                                                                                    <# _.each( html5types, function (mime, type) { #>
                                                                                        <button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button>
                                                                                        <# } ) #>
                                                                                </div>
                                                                            </div>
                                                                            <# } #>

<div class="setting preload">
                                                                                    <span>Preload</span>
                                                                                    <div class="button-group button-large" data-setting="preload">
                                                                                        <button class="button" value="auto">Auto</button>
                                                                                        <button class="button" value="metadata">Metadata</button>
                                                                                        <button class="button active" value="none">None</button>
                                                                                    </div>
                                                                                </div>

<label class="setting checkbox-setting autoplay">
                                                                                    <input type="checkbox" data-setting="autoplay" />
                                                                                    <span>Autoplay</span>
                                                                                </label>

<div class="media-embed media-embed-details">
                    <div class="embed-media-settings embed-video-settings">
                        <div class="wp-video-holder">
                            <# var w=! data.model.width || data.model.width> 640 ? 640 : data.model.width, h = ! data.model.height ? 360 : data.model.height; if ( data.model.width && w !== data.model.width ) { h = Math.ceil( ( h * w ) / data.model.width ); } #>

<# var w_rule='' , classes=[ ], w, h, settings=w p.media.view.settings, isYouTube=i sVimeo=f alse; if ( ! _.isEmpty( data.model.src ) ) { isYouTube=d ata.model.src.match(/youtube|youtu\.be/); isVimeo=- 1 !==d ata.model.src.indexOf( 'vimeo'); } if ( settings.contentWidth && data.model.width>= settings.contentWidth ) { w = settings.contentWidth; } else { w = data.model.width; } if ( w !== data.model.width ) { h = Math.ceil( ( data.model.height * w ) / data.model.width ); } else { h = data.model.height; } if ( w ) { w_rule = 'width: ' + w + 'px; '; } if ( isYouTube ) { classes.push( 'youtube-video' ); } if ( isVimeo ) { classes.push( 'vimeo-video' ); } #>
                                    <div style="{{ w_rule }}" class="wp-video">
                                        <video controls class="wp-video-shortcode {{ classes.join( ' ' ) }}" <# if ( w ) { #>width="{{ w }}"
                                            <# } #>
                                                <# if ( h ) { #>height="{{ h }}"
                                                    <# } #>
                                                        <# if ( ! _.isUndefined( data.model.poster ) && data.model.poster ) { #> poster="{{ data.model.poster }}"
                                                            <# } #>
                                                                preload="{{ _.isUndefined( data.model.preload ) ? 'metadata' : data.model.preload }}"
                                                                <# if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { #> autoplay
                                                                    <# } if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) { #> loop
                                                                        <# } #>
                                                                            >
                                                                            <# if ( ! _.isEmpty( data.model.src ) ) { if ( isYouTube ) { #>
                                                                                <source src="{{ data.model.src }}" type="video/youtube" />
                                                                                <# } else if ( isVimeo ) { #>
                                                                                    <source src="{{ data.model.src }}" type="video/vimeo" />
                                                                                    <# } else { #>
                                                                                        <source src="{{ data.model.src }}" type="{{ settings.embedMimes[ data.model.src.split('.').pop() ] }}" />
                                                                                        <# } } #>

<# if ( data.model.mp4 ) { #>
                                                                                                <source src="{{ data.model.mp4 }}" type="{{ settings.embedMimes[ 'mp4' ] }}" />
                                                                                                <# } #>
                                                                                                    <# if ( data.model.m4v ) { #>
                                                                                                        <source src="{{ data.model.m4v }}" type="{{ settings.embedMimes[ 'm4v' ] }}" />
                                                                                                        <# } #>
                                                                                                            <# if ( data.model.webm ) { #>
                                                                                                                <source src="{{ data.model.webm }}" type="{{ settings.embedMimes[ 'webm' ] }}" />
                                                                                                                <# } #>
                                                                                                                    <# if ( data.model.ogv ) { #>
                                                                                                                        <source src="{{ data.model.ogv }}" type="{{ settings.embedMimes[ 'ogv' ] }}" />
                                                                                                                        <# } #>
                                                                                                                            <# if ( data.model.flv ) { #>
                                                                                                                                <source src="{{ data.model.flv }}" type="{{ settings.embedMimes[ 'flv' ] }}" />
                                                                                                                                <# } #>
                                                                                                                                    {{{ data.model.content }}}
                                        </video>
                                    </div>

<# if ( ! _.isEmpty( data.model.src ) ) { ext=d ata.model.src.split( '.').pop(); if ( html5types[ ext ] ) { delete html5types[ ext ]; } #>
                                        <label class="setting">
                                            <span>SRC</span>
                                            <input type="text" disabled="disabled" data-setting="src" value="{{ data.model.src }}" />
                                            <button type="button" class="button-link remove-setting">Remove video source</button>
                                        </label>
                                        <# } #>
                                            <# if ( ! _.isEmpty( data.model.mp4 ) ) { if ( ! _.isUndefined( html5types.mp4 ) ) { delete html5types.mp4; } #>
                                                <label class="setting">
                                                    <span>MP4</span>
                                                    <input type="text" disabled="disabled" data-setting="mp4" value="{{ data.model.mp4 }}" />
                                                    <button type="button" class="button-link remove-setting">Remove video source</button>
                                                </label>
                                                <# } #>
                                                    <# if ( ! _.isEmpty( data.model.m4v ) ) { if ( ! _.isUndefined( html5types.m4v ) ) { delete html5types.m4v; } #>
                                                        <label class="setting">
                                                            <span>M4V</span>
                                                            <input type="text" disabled="disabled" data-setting="m4v" value="{{ data.model.m4v }}" />
                                                            <button type="button" class="button-link remove-setting">Remove video source</button>
                                                        </label>
                                                        <# } #>
                                                            <# if ( ! _.isEmpty( data.model.webm ) ) { if ( ! _.isUndefined( html5types.webm ) ) { delete html5types.webm; } #>
                                                                <label class="setting">
                                                                    <span>WEBM</span>
                                                                    <input type="text" disabled="disabled" data-setting="webm" value="{{ data.model.webm }}" />
                                                                    <button type="button" class="button-link remove-setting">Remove video source</button>
                                                                </label>
                                                                <# } #>
                                                                    <# if ( ! _.isEmpty( data.model.ogv ) ) { if ( ! _.isUndefined( html5types.ogv ) ) { delete html5types.ogv; } #>
                                                                        <label class="setting">
                                                                            <span>OGV</span>
                                                                            <input type="text" disabled="disabled" data-setting="ogv" value="{{ data.model.ogv }}" />
                                                                            <button type="button" class="button-link remove-setting">Remove video source</button>
                                                                        </label>
                                                                        <# } #>
                                                                            <# if ( ! _.isEmpty( data.model.flv ) ) { if ( ! _.isUndefined( html5types.flv ) ) { delete html5types.flv; } #>
                                                                                <label class="setting">
                                                                                    <span>FLV</span>
                                                                                    <input type="text" disabled="disabled" data-setting="flv" value="{{ data.model.flv }}" />
                                                                                    <button type="button" class="button-link remove-setting">Remove video source</button>
                                                                                </label>
                                                                                <# } #>
                        </div>

<# if ( ! _.isEmpty( html5types ) ) { #>
                            <div class="setting">
                                <span>Add alternate sources for maximum HTML5 playback:</span>
                                <div class="button-large">
                                    <# _.each( html5types, function (mime, type) { #>
                                        <button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button>
                                        <# } ) #>
                                </div>
                            </div>
                            <# } #>

<# if ( ! _.isEmpty( data.model.poster ) ) { #>
                                    <label class="setting">
                                        <span>Poster Image</span>
                                        <input type="text" disabled="disabled" data-setting="poster" value="{{ data.model.poster }}" />
                                        <button type="button" class="button-link remove-setting">Remove poster image</button>
                                    </label>
                                    <# } #>
                                        <div class="setting preload">
                                            <span>Preload</span>
                                            <div class="button-group button-large" data-setting="preload">
                                                <button class="button" value="auto">Auto</button>
                                                <button class="button" value="metadata">Metadata</button>
                                                <button class="button active" value="none">None</button>
                                            </div>
                                        </div>

<label class="setting" data-setting="content">
                                            <span>Tracks (subtitles, captions, descriptions, chapters, or metadata)</span>
                                            <# var content='' ; if ( ! _.isEmpty( data.model.content ) ) { var tracks=j Query( data.model.content ).filter( 'track' ); _.each( tracks.toArray(), function (track) { content +=t rack.outerHTML; #>
                                                <p>
                                                    <input class="content-track" type="text" value="{{ track.outerHTML }}" />
                                                    <button type="button" class="button-link remove-setting remove-track">Remove video track</button>
                                                </p>
                                                <# } ); #>
                                                    <# } else { #>
                                                        <em>There are no associated subtitles.</em>
                                                        <# } #>
                                                            <textarea class="hidden content-setting">{{ content }}</textarea>
                                        </label>
                    </div>
                </div>
        </script>

<h2 class="gf-edit-shortcode-form-title">Insert A Form</h2>
                <br />
                <div class="gf-edit-shortcode-form-required-attrs">
                </div>
                <br />
                <div class="gf-edit-shortcode-form-standard-attrs">
                </div>
                <br />
                <div>
                    <a href="javascript:void(0);" onclick="jQuery('#gf-edit-shortcode-form-advanced-attrs').toggle();" onkeypress="jQuery('#gf-edit-shortcode-form-advanced-attrs').toggle();">Advanced Options</a>
                </div>
                <br />
                <div id="gf-edit-shortcode-form-advanced-attrs" class="gf-edit-shortcode-form-advanced-attrs" style="display:none;">
                </div>

<input id="gform-update-shortcode" type="button" class="button-primary" value="Update Form" />
                <input id="gform-insert-shortcode" type="button" class="button-primary" value="Insert Form" />&nbsp;&nbsp;&nbsp;
                <a id="gform-cancel-shortcode" class="button" style="color:#bbb;" href="#">Cancel</a>

</form>

</script>

</script>

if (typeof tinymce !== 'undefined') {
                    if (tinymce.Env.ie && tinymce.Env.ie < 11) {
                        tinymce.$('.wp-editor-wrap ').removeClass('tmce-active').addClass('html-active');
                        return;
                    }

for (id in tinyMCEPreInit.mceInit) {
                        init = tinyMCEPreInit.mceInit[id];
                        $wrap = tinymce.$('#wp-' + id + '-wrap');

if (($wrap.hasClass('tmce-active') || !tinyMCEPreInit.qtInit.hasOwnProperty(id)) && !init.wp_skip_init) {
                            tinymce.init(init);

if (!window.wpActiveEditor) {
                                window.wpActiveEditor = id;
                            }
                        }
                    }
                }

if (typeof quicktags !== 'undefined') {
                    for (id in tinyMCEPreInit.qtInit) {
                        quicktags(tinyMCEPreInit.qtInit[id]);

if (!window.wpActiveEditor) {
                            window.wpActiveEditor = id;
                        }
                    }
                }
            }());
        </script>
        <div id="wp-link-backdrop" style="display: none"></div>
        <div id="wp-link-wrap" class="wp-core-ui" style="display: none" role="dialog" aria-labelledby="link-modal-title">
            <form id="wp-link" tabindex="-1">
                <input type="hidden" id="_ajax_linking_nonce" name="_ajax_linking_nonce" value="a71cfff7ab" />
                <h1 id="link-modal-title">Insert/edit link</h1>
                <button type="button" id="wp-link-close"><span class="screen-reader-text">Close</span></button>
                <div id="link-selector">
                    <div id="link-options">
                        <p class="howto" id="wplink-enter-url">Enter the destination URL</p>
                        <div>
                            <label><span>URL</span>
                                <input id="wp-link-url" type="text" aria-describedby="wplink-enter-url" />
                            </label>
                        </div>
                        <div class="wp-link-text-field">
                            <label><span>Link Text</span>
                                <input id="wp-link-text" type="text" />
                            </label>
                        </div>
                        <div class="link-target">
                            <label><span></span>
                                <input type="checkbox" id="wp-link-target" /> Open link in a new tab</label>
                        </div>
                    </div>
                    <p class="howto" id="wplink-link-existing-content">Or link to existing content</p>
                    <div id="search-panel">
                        <div class="link-search-wrapper">
                            <label>
                                <span class="search-label">Search</span>
                                <input type="search" id="wp-link-search" class="link-search-field" autocomplete="off" aria-describedby="wplink-link-existing-content" />
                                <span class="spinner"></span>
                            </label>
                        </div>
                        <div id="search-results" class="query-results" tabindex="0">
                            <ul></ul>
                            <div class="river-waiting">
                                <span class="spinner"></span>
                            </div>
                        </div>
                        <div id="most-recent-results" class="query-results" tabindex="0">
                            <div class="query-notice" id="query-notice-message">
                                <em class="query-notice-default">No search term specified. Showing recent items.</em>
                                <em class="query-notice-hint screen-reader-text">Search or use up and down arrow keys to select an item.</em>
                            </div>
                            <ul></ul>
                            <div class="river-waiting">
                                <span class="spinner"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="submitbox">
                    <div id="wp-link-cancel">
                        <button type="button" class="button">Cancel</button>
                    </div>
                    <div id="wp-link-update">
                        <input type="submit" value="Add Link" class="button button-primary" id="wp-link-submit" name="wp-link-submit">
                    </div>
                </div>
            </form>
        </div>
        <div class="clear"></div>
    </div>
    
    <script type="text/javascript">
        if (typeof wpOnload == 'function') wpOnload();
    </script>
</body>

</html>

Changed text

Open file

jQuery("#entry_form input, #entry_form textarea, #entry_form select").change(function() {
            gform_has_unsaved_changes = true;
        });

window.onbeforeunload = function() {
            if (gform_has_unsaved_changes) {
                return "You have unsaved changes.";
            }
        };

ToggleConditionalLogic(true, 'notification');

jQuery(document).on('change', '.gfield_routing_value_dropdown', function() {
            SetRoutingValueDropDown(jQuery(this));
        });

});

gform.addFilter("gform_merge_tags", "MaybeAddSaveLinkMergeTag");

return mergeTags;
    }

function SetRoutingValueDropDown(element) {
        // Parsing ID to get routing Index
        var index = element.attr("id").replace("routing_value_", '');
        SetRouting(index);
    }

function CreateRouting(routings) {
        var str = '';
        for (var i = 0; i < routings.length; i++) {

var isSelected = routings[i].operator == 'is' ? "selected='selected'" : '';
            var isNotSelected = routings[i].operator == 'isnot' ? "selected='selected'" : '';
            var greaterThanSelected = routings[i].operator == '>' ? "selected='selected'" : '';
            var lessThanSelected = routings[i].operator == '<' ? "selected='selected'" : '';
            var containsSelected = routings[i].operator == 'contains' ? "selected='selected'" : '';
            var startsWithSelected = routings[i].operator == 'starts_with' ? "selected='selected'" : '';
            var endsWithSelected = routings[i].operator == 'ends_with' ? "selected='selected'" : '';
            var email = routings[i]["email"] ? routings[i]["email"] : '';

str += "<div style='width:99%'>" + "Send to" + " <input type='text' id='routing_email_" + i + "' value='" + email + "' onkeyup='SetRouting(" + i + ");'/>";
            str += " " + "if" + " " + GetRoutingFields(i, routings[i].fieldId) + "&nbsp;";
            str += "<select id='routing_operator_" + i + "' onchange='SetRouting(" + i + ");' class='gform_routing_operator'>";
            str += "<option value='is' " + isSelected + ">" + "is" + "</option>";
            str += "<option value='isnot' " + isNotSelected + ">" + "is not" + "</option>";
            str += "<option value='>' " + greaterThanSelected + ">" + "greater than" + "</option>";
            str += "<option value='<' " + lessThanSelected + ">" + "less than" + "</option>";
            str += "<option value='contains' " + containsSelected + ">" + "contains" + "</option>";
            str += "<option value='starts_with' " + startsWithSelected + ">" + "starts with" + "</option>";
            str += "<option value='ends_with' " + endsWithSelected + ">" + "ends with" + "</option>";
            str += "</select>&nbsp;";
            str += GetRoutingValues(i, routings[i].fieldId, routings[i].value) + "&nbsp;";
            str += "<a class='gf_insert_field_choice' title='add another rule' onclick=\"InsertRouting(" + (i + 1) + ");\" onkeypress=\"InsertRouting(" + (i + 1) + ");\"><i class='gficon-add'></i></a>";
            if (routings.length > 1)
                str += "<a class='gf_delete_field_choice' title='remove this rule' onclick=\"DeleteRouting(" + i + ");\" onkeypress=\"DeleteRouting(" + i + ");\"><i class='gficon-subtract'></i></a>";

str += "</div>";
        }

jQuery("#gform_notification_to_routing_rules").html(str);
    }

function GetRoutingValues(index, fieldId, selectedValue) {
        var str = GetFieldValues(index, fieldId, selectedValue, 16);

return str;
    }

function GetRoutingFields(index, selectedItem) {
        var str = "<select id='routing_field_id_" + index + "' class='gfield_routing_select' onchange='jQuery(\"#routing_value_" + index + "\").replaceWith(GetRoutingValues(" + index + ", jQuery(this).val())); SetRouting(" + index + "); '>";
        str += GetSelectableFields(selectedItem, 16);
        str += "</select>";

return str;
    }

function IsNotificationConditionalLogicField(field) {
        // This function is a duplicate of IsConditionalLogicField from form_editor.js
        inputType = field.inputType ? field.inputType : field.type;
        var supported_fields = ["checkbox", "radio", "select", "text", "website", "textarea", "email", "hidden", "number", "phone", "multiselect", "post_title", "post_tags", "post_custom_field", "post_content", "post_excerpt"];

var index = jQuery.inArray(inputType, supported_fields);

return index >= 0;
    }

return 0;
    }

function TruncateMiddle(text, maxCharacters) {
        if (!text)
            return "";

if (text.length <= maxCharacters)
            return text;
        var middle = parseInt(maxCharacters / 2);
        return text.substr(0, middle) + "..." + text.substr(text.length - middle, middle);

}

function GetFieldValues(index, fieldId, selectedValue, labelMaxCharacters) {
        if (!fieldId)
            fieldId = GetFirstSelectableField();

if (!fieldId)
            return "";

var str = '';
        var field = GetFieldById(fieldId);
        var isAnySelected = false;

if (!field)
            return "";

if (field["type"] == 'post_category' && field["displayAllCategories"]) {
            var dropdown_id = 'routing_value_' + index;
            var dropdown = jQuery('#' + dropdown_id + ".gfield_category_dropdown");

// Don't load category drop down if it already exists (to avoid unecessary ajax requests).
            if (dropdown.length > 0) {

str += "<option value='" + choiceValue.replace(/'/g, "&#039;") + "' " + selected + ">" + field.choices[i].text + "</option>";
            }

//---------------------------------------------------------------------------------

function InsertRouting(index) {
        var routings = current_notification.routing;
        routings.splice(index, 0, new ConditionalRule());

CreateRouting(routings);
        SetRouting(index);
    }

function SetRouting(ruleIndex) {
        if (!current_notification.routing && ruleIndex == 0)
            current_notification.routing = [new ConditionalRule()];

current_notification.routing[ruleIndex]["email"] = jQuery("#routing_email_" + ruleIndex).val();
        current_notification.routing[ruleIndex]["fieldId"] = jQuery("#routing_field_id_" + ruleIndex).val();
        current_notification.routing[ruleIndex]["operator"] = jQuery("#routing_operator_" + ruleIndex).val();
        current_notification.routing[ruleIndex]["value"] = jQuery("#routing_value_" + ruleIndex).val();

var json = jQuery.toJSON(current_notification.routing);
        jQuery('#gform_routing_meta').val(json);
    }

function DeleteRouting(ruleIndex) {
        current_notification.routing.splice(ruleIndex, 1);
        CreateRouting(current_notification.routing);
    }

function SetConditionalLogic(isChecked) {
        current_notification.conditionalLogic = isChecked ? new ConditionalLogic() : null;
    }

function GetConditionalLogicFields() {
        return ["address", "checkbox", "email", "hidden", "multiselect", "name", "number", "phone", "textarea", "post_content", "post_custom_field", "post_excerpt", "post_tags", "post_title", "radio", "select", "text", "website"];
    }
</script>

</th>
            <td>
                <input type="radio" id="gform_notification_to_type_email" name="gform_notification_to_type" checked='checked' value="email" onclick="jQuery('.notification_to_container').hide(); jQuery('#gform_notification_to_email_container').show('slow');" onkeypress="jQuery('.notification_to_container').hide(); jQuery('#gform_notification_to_email_container').show('slow');" />
                <label for="gform_notification_to_type_email" class="inline">
                    Enter Email </label>
                &nbsp;&nbsp;
                <input type="radio" id="gform_notification_to_type_field" name="gform_notification_to_type" value="field" onclick="jQuery('.notification_to_container').hide(); jQuery('#gform_notification_to_field_container').show('slow');" onkeypress="jQuery('.notification_to_container').hide(); jQuery('#gform_notification_to_field_container').show('slow');" />
                <label for="gform_notification_to_type_field" class="inline">
                    Select a Field </label>
                &nbsp;&nbsp;
                <input type="radio" id="gform_notification_to_type_routing" name="gform_notification_to_type" value="routing" onclick="jQuery('.notification_to_container').hide(); jQuery('#gform_notification_to_routing_container').show('slow');" onkeypress="jQuery('.notification_to_container').hide(); jQuery('#gform_notification_to_routing_container').show('slow');" />
                <label for="gform_notification_to_type_routing" class="inline">
                    Configure Routing <a href='#' onclick='return false;' onkeypress='return false;' class='gf_tooltip tooltip tooltip_notification_send_to_routing' title='&lt;h6&gt;Routing&lt;/h6&gt;Allows notification to be sent to different email addresses depending on values selected in the form.'><i class='fa fa-question-circle'></i></a> </label>
            </td>
        </tr>
        
        <tr id="gform_notification_to_email_container" class="notification_to_container ">
            <td colspan="2" class="gf_sub_settings_cell">
                <div class="gf_animate_sub_settings">
                    <table>
                        <tr>
                            <th scope="row">Send to Email</th>
                            <td>
                                <input type="text" name="gform_notification_to_email" id="gform_notification_to_email" value="{admin_email}" class="fieldwidth-1" />

<div id="wp-gform_notification_message-wrap" class="wp-core-ui wp-editor-wrap tmce-active">
                    <link rel='stylesheet' id='editor-buttons-css' href='http://test2.localhost/wp-includes/css/editor.min.css?ver=4.9.5' type='text/css' media='all' />
                    <div id="wp-gform_notification_message-editor-tools" class="wp-editor-tools hide-if-no-js">
                        <div id="wp-gform_notification_message-media-buttons" class="wp-media-buttons">
                            <button type="button" id="insert-media-button" class="button insert-media add_media" data-editor="gform_notification_message"><span class="wp-media-buttons-icon"></span> Add Media</button>
                        </div>
                        <div class="wp-editor-tabs">
                            <button type="button" id="gform_notification_message-tmce" class="wp-switch-editor switch-tmce" data-wp-editor-id="gform_notification_message">Visual</button>
                            <button type="button" id="gform_notification_message-html" class="wp-switch-editor switch-html" data-wp-editor-id="gform_notification_message">Text</button>
                        </div>
                    </div>
                    <div id="wp-gform_notification_message-editor-container" class="wp-editor-container">
                        <div id="qt_gform_notification_message_toolbar" class="quicktags-toolbar"></div>
                        <textarea class="merge-tag-support mt-wp_editor mt-manual_position mt-position-right wp-editor-area" rows="20" autocomplete="off" cols="40" name="gform_notification_message" id="gform_notification_message">{all_fields}</textarea>
                    </div>
                </div>

</table>

<div id="wpfooter" role="contentinfo">
    <p id="footer-left" class="alignleft">
        <span id="footer-thankyou">Thank you for creating with <a href="https://wordpress.org/">WordPress</a>.</span> </p>
    <p id="footer-upgrade" class="alignright">
        Version 4.9.5 </p>
    <div class="clear"></div>
</div>

<script type="text/html" id="tmpl-media-frame">
    <div class="media-frame-menu"></div>
    <div class="media-frame-title"></div>
    <div class="media-frame-router"></div>
    <div class="media-frame-content"></div>
    <div class="media-frame-toolbar"></div>
    <div class="media-frame-uploader"></div>
</script>

<div class="post-upload-ui">
                                <p class="max-upload-size">Maximum upload file size: 128 MB.</p>

<# if ( data.suggestedWidth && data.suggestedHeight ) { #>
                                    <p class="suggested-dimensions">
                                        Suggested image dimensions: {{data.suggestedWidth}} by {{data.suggestedHeight}} pixels. </p>
                                    <# } #>

</div>
                </div>
</script>

<div class="media-progress-bar">
        <div></div>
    </div>
    <div class="upload-details">
        <span class="upload-count">
<span class="upload-index"></span> / <span class="upload-total"></span>
        </span>
        <span class="upload-detail-separator">&ndash;</span>
        <span class="upload-filename"></span>
    </div>
    <div class="upload-errors"></div>
</script>

<# if ( 'audio'===d ata.type ) { #>
                                        <div class="wp-media-wrapper">
                                            <audio style="visibility: hidden" controls class="wp-audio-shortcode" width="100%" preload="none">
                                                <source type="{{ data.mime }}" src="{{ data.url }}" />
                                            </audio>
                                        </div>
                                        <# } else if ( 'video'===d ata.type ) { var w_rule='' ; if ( data.width ) { w_rule='width: ' + data.width + 'px;'; } else if ( wp.media.view.settings.contentWidth ) { w_rule='width: ' + wp.media.view.settings.contentWidth + 'px;'; } #>
                                            <div style="{{ w_rule }}" class="wp-media-wrapper wp-video">
                                                <video controls="controls" class="wp-video-shortcode" preload="metadata" <# if ( data.width ) { #>width="{{ data.width }}"
                                                    <# } #>
                                                        <# if ( data.height ) { #>height="{{ data.height }}"
                                                            <# } #>
                                                                <# if ( data.image && data.image.src !==d ata.icon ) { #>poster="{{ data.image.src }}"
                                                                    <# } #>>
                                                                        <source type="{{ data.mime }}" src="{{ data.url }}" />
                                                </video>
                                            </div>
                                            <# } #>

<div class="attachment-actions">
                                                    <# if ( 'image'===d ata.type && ! data.uploading && data.sizes && data.can.save ) { #>
                                                        <button type="button" class="button edit-attachment">Edit Image</button>
                                                        <# } else if ( 'pdf'===d ata.subtype && data.sizes ) { #>
                                                            Document Preview
                                                            <# } #>
                                                </div>
        </div>
    </div>
    <div class="attachment-info">
        <span class="settings-save-status">
<span class="spinner"></span>
        <span class="saved">Saved.</span>
        </span>
        <div class="details">
            <div class="filename"><strong>File name:</strong> {{ data.filename }}</div>
            <div class="filename"><strong>File type:</strong> {{ data.mime }}</div>
            <div class="uploaded"><strong>Uploaded on:</strong> {{ data.dateFormatted }}</div>

<div class="file-size"><strong>File size:</strong> {{ data.filesizeHumanReadable }}</div>
            <# if ( 'image'===d ata.type && ! data.uploading ) { #>
                <# if ( data.width && data.height ) { #>
                    <div class="dimensions"><strong>Dimensions:</strong> {{ data.width }} &times; {{ data.height }}</div>
                    <# } #>
                        <# } #>

<# if ( data.fileLength ) { #>
                                <div class="file-length"><strong>Length:</strong> {{ data.fileLength }}</div>
                                <# } #>

<# if ( 'audio'===d ata.type && data.meta.bitrate ) { #>
                                        <div class="bitrate">
                                            <strong>Bitrate:</strong> {{ Math.round( data.meta.bitrate / 1000 ) }}kb/s
                                            <# if ( data.meta.bitrate_mode ) { #>
                                                {{ ' ' + data.meta.bitrate_mode.toUpperCase() }}
                                                <# } #>
                                        </div>
                                        <# } #>

<div class="compat-meta">
                                                <# if ( data.compat && data.compat.meta ) { #>
                                                    {{{ data.compat.meta }}}
                                                    <# } #>
                                            </div>
        </div>

<div class="settings">
            <label class="setting" data-setting="url">
                <span class="name">URL</span>
                <input type="text" value="{{ data.url }}" readonly />
            </label>
            <# var maybeReadOnly=d ata.can.save || data.allowLocalEdits ? '' : 'readonly'; #>
                <label class="setting" data-setting="title">
                    <span class="name">Title</span>
                    <input type="text" value="{{ data.title }}" {{ maybeReadOnly }} />
                </label>
                <# if ( 'audio'===d ata.type ) { #>
                    <label class="setting" data-setting="artist">
                        <span class="name">Artist</span>
                        <input type="text" value="{{ data.artist || data.meta.artist || '' }}" />
                    </label>
                    <label class="setting" data-setting="album">
                        <span class="name">Album</span>
                        <input type="text" value="{{ data.album || data.meta.album || '' }}" />
                    </label>
                    <# } #>
                        <label class="setting" data-setting="caption">
                            <span class="name">Caption</span>
                            <textarea {{ maybeReadOnly }}>{{ data.caption }}</textarea>
                        </label>
                        <# if ( 'image'===d ata.type ) { #>
                            <label class="setting" data-setting="alt">
                                <span class="name">Alt Text</span>
                                <input type="text" value="{{ data.alt }}" {{ maybeReadOnly }} />
                            </label>
                            <# } #>
                                <label class="setting" data-setting="description">
                                    <span class="name">Description</span>
                                    <textarea {{ maybeReadOnly }}>{{ data.description }}</textarea>
                                </label>
                                <label class="setting">
                                    <span class="name">Uploaded By</span>
                                    <span class="value">{{ data.authorName }}</span>
                                </label>
                                <# if ( data.uploadedToTitle ) { #>
                                    <label class="setting">
                                        <span class="name">Uploaded To</span>
                                        <# if ( data.uploadedToLink ) { #>
                                            <span class="value"><a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a></span>
                                            <# } else { #>
                                                <span class="value">{{ data.uploadedToTitle }}</span>
                                                <# } #>
                                    </label>
                                    <# } #>
                                        <div class="attachment-compat"></div>
        </div>

<div class="actions">
            <a class="view-attachment" href="{{ data.link }}">View attachment page</a>
            <# if ( data.can.save ) { #> |
                <a href="post.php?post={{ data.id }}&action=edit">Edit more details</a>
                <# } #>
                    <# if ( ! data.uploading && data.can.remove ) { #> |
                        <button type="button" class="button-link delete-attachment">Delete Permanently</button>
                        <# } #>
        </div>

</div>
</script>

<div class="file-size">{{ data.filesizeHumanReadable }}</div>
            <# if ( 'image'===d ata.type && ! data.uploading ) { #>
                <# if ( data.width && data.height ) { #>
                    <div class="dimensions">{{ data.width }} &times; {{ data.height }}</div>
                    <# } #>

<# if ( data.can.save && data.sizes ) { #>
                            <a class="edit-attachment" href="{{ data.editLink }}&amp;image-editor" target="_blank">Edit Image</a>
                            <# } #>
                                <# } #>

<# if ( data.fileLength ) { #>
                                        <div class="file-length">Length: {{ data.fileLength }}</div>
                                        <# } #>

<# if ( ! data.uploading && data.can.remove ) { #>
                                                <button type="button" class="button-link delete-attachment">Delete Permanently</button>
                                                <# } #>

<div class="compat-meta">
                                                        <# if ( data.compat && data.compat.meta ) { #>
                                                            {{{ data.compat.meta }}}
                                                            <# } #>
                                                    </div>
        </div>
    </div>

<label class="setting" data-setting="url">
        <span class="name">URL</span>
        <input type="text" value="{{ data.url }}" readonly />
    </label>
    <# var maybeReadOnly=d ata.can.save || data.allowLocalEdits ? '' : 'readonly'; #>
        <label class="setting" data-setting="title">
            <span class="name">Title</span>
            <input type="text" value="{{ data.title }}" {{ maybeReadOnly }} />
        </label>
        <# if ( 'audio'===d ata.type ) { #>
            <label class="setting" data-setting="artist">
                <span class="name">Artist</span>
                <input type="text" value="{{ data.artist || data.meta.artist || '' }}" />
            </label>
            <label class="setting" data-setting="album">
                <span class="name">Album</span>
                <input type="text" value="{{ data.album || data.meta.album || '' }}" />
            </label>
            <# } #>
                <label class="setting" data-setting="caption">
                    <span class="name">Caption</span>
                    <textarea {{ maybeReadOnly }}>{{ data.caption }}</textarea>
                </label>
                <# if ( 'image'===d ata.type ) { #>
                    <label class="setting" data-setting="alt">
                        <span class="name">Alt Text</span>
                        <input type="text" value="{{ data.alt }}" {{ maybeReadOnly }} />
                    </label>
                    <# } #>
                        <label class="setting" data-setting="description">
                            <span class="name">Description</span>
                            <textarea {{ maybeReadOnly }}>{{ data.description }}</textarea>
                        </label>
</script>

<# if ( 'image'===d ata.type ) { #>
        <label class="setting align">
            <span>Alignment</span>
            <select class="alignment" data-setting="align" <# if ( data.userSettings ) { #>
                data-user-setting="align"
                <# } #>>

<option value="left">
                        Left </option>
                    <option value="center">
                        Center </option>
                    <option value="right">
                        Right </option>
                    <option value="none" selected>
                        None </option>
            </select>
        </label>
        <# } #>

<div class="setting">
                <label>
                    <# if ( data.model.canEmbed ) { #>
                        <span>Embed or Link</span>
                        <# } else { #>
                            <span>Link To</span>
                            <# } #>

<select class="link-to" data-setting="link" <# if ( data.userSettings && ! data.model.canEmbed ) { #>
                                    data-user-setting="urlbutton"
                                    <# } #>>

<# if ( data.model.canEmbed ) { #>
                                            <option value="embed" selected>
                                                Embed Media Player </option>
                                            <option value="file">
                                                <# } else { #>
                                                    <option value="none" selected>
                                                        None </option>
                                                    <option value="file">
                                                        <# } #>
                                                            <# if ( data.model.canEmbed ) { #>
                                                                Link to Media File
                                                                <# } else { #>
                                                                    Media File
                                                                    <# } #>
                                                    </option>
                                                    <option value="post">
                                                        <# if ( data.model.canEmbed ) { #>
                                                            Link to Attachment Page
                                                            <# } else { #>
                                                                Attachment Page
                                                                <# } #>
                                                    </option>
                                                    <# if ( 'image'===d ata.type ) { #>
                                                        <option value="custom">
                                                            Custom URL </option>
                                                        <# } #>
                                </select>
                </label>
                <input type="text" class="link-to-custom" data-setting="linkUrl" />
            </div>

<# if ( 'undefined' !==t ypeof data.sizes ) { #>
                <label class="setting">
                    <span>Size</span>
                    <select class="size" name="size" data-setting="size" <# if ( data.userSettings ) { #>
                        data-user-setting="imgsize"
                        <# } #>>
                            <# var size=d ata.sizes[ 'thumbnail']; if ( size ) { #>
                                <option value="thumbnail">
                                    Thumbnail &ndash; {{ size.width }} &times; {{ size.height }}
                                </option>
                                <# } #>
                                    <# var size=d ata.sizes[ 'medium']; if ( size ) { #>
                                        <option value="medium">
                                            Medium &ndash; {{ size.width }} &times; {{ size.height }}
                                        </option>
                                        <# } #>
                                            <# var size=d ata.sizes[ 'large']; if ( size ) { #>
                                                <option value="large">
                                                    Large &ndash; {{ size.width }} &times; {{ size.height }}
                                                </option>
                                                <# } #>
                                                    <# var size=d ata.sizes[ 'full']; if ( size ) { #>
                                                        <option value="full" selected='selected'>
                                                            Full Size &ndash; {{ size.width }} &times; {{ size.height }}
                                                        </option>
                                                        <# } #>
                    </select>
                </label>
                <# } #>
</script>

<label class="setting">
        <span>Link To</span>
        <select class="link-to" data-setting="link" <# if ( data.userSettings ) { #>
            data-user-setting="urlbutton"
            <# } #>>

<option value="post" <# if ( ! wp.media.galleryDefaults.link || 'post'==w p.media.galleryDefaults.link ) { #>selected="selected"
                    <# } #>> Attachment Page </option>
                <option value="file" <# if ( 'file'==w p.media.galleryDefaults.link ) { #>selected="selected"
                    <# } #>> Media File </option>
                <option value="none" <# if ( 'none'==w p.media.galleryDefaults.link ) { #>selected="selected"
                    <# } #>> None </option>
        </select>
    </label>

<label class="setting">
        <span>Columns</span>
        <select class="columns" name="columns" data-setting="columns">
            <option value="1" <# if ( 1==w p.media.galleryDefaults.columns ) { #>selected="selected"
                <# } #>> 1 </option>
            <option value="2" <# if ( 2==w p.media.galleryDefaults.columns ) { #>selected="selected"
                <# } #>> 2 </option>
            <option value="3" <# if ( 3==w p.media.galleryDefaults.columns ) { #>selected="selected"
                <# } #>> 3 </option>
            <option value="4" <# if ( 4==w p.media.galleryDefaults.columns ) { #>selected="selected"
                <# } #>> 4 </option>
            <option value="5" <# if ( 5==w p.media.galleryDefaults.columns ) { #>selected="selected"
                <# } #>> 5 </option>
            <option value="6" <# if ( 6==w p.media.galleryDefaults.columns ) { #>selected="selected"
                <# } #>> 6 </option>
            <option value="7" <# if ( 7==w p.media.galleryDefaults.columns ) { #>selected="selected"
                <# } #>> 7 </option>
            <option value="8" <# if ( 8==w p.media.galleryDefaults.columns ) { #>selected="selected"
                <# } #>> 8 </option>
            <option value="9" <# if ( 9==w p.media.galleryDefaults.columns ) { #>selected="selected"
                <# } #>> 9 </option>
        </select>
    </label>

<label class="setting">
        <span>Random Order</span>
        <input type="checkbox" data-setting="_orderbyRandom" />
    </label>

<label class="setting size">
        <span>Size</span>
        <select class="size" name="size" data-setting="size" <# if ( data.userSettings ) { #>
            data-user-setting="imgsize"
            <# } #>
                >
                <option value="thumbnail">
                    Thumbnail </option>
                <option value="medium">
                    Medium </option>
                <option value="large">
                    Large </option>
                <option value="full">
                    Full Size </option>
        </select>
    </label>
</script>

<# var emptyModel=_ .isEmpty( data.model ), isVideo='video'===d ata.controller.get( 'library').props.get( 'type'); #>

<label class="setting">
            <input type="checkbox" data-setting="tracklist" <# if ( emptyModel ) { #> checked="checked"
            <# } #> />
                <# if ( isVideo ) { #>
                    <span>Show Video List</span>
                    <# } else { #>
                        <span>Show Tracklist</span>
                        <# } #>
        </label>

<# if ( ! isVideo ) { #>
            <label class="setting">
                <input type="checkbox" data-setting="artists" <# if ( emptyModel ) { #> checked="checked"
                <# } #> />
                    <span>Show Artist Name in Tracklist</span>
            </label>
            <# } #>

<label class="setting">
                    <input type="checkbox" data-setting="images" <# if ( emptyModel ) { #> checked="checked"
                    <# } #> />
                        <span>Show Images</span>
                </label>
</script>

<label class="setting caption">
        <span>Caption</span>
        <textarea data-setting="caption" />
    </label>
    <label class="setting alt-text">
        <span>Alt Text</span>
        <input type="text" data-setting="alt" />
    </label>

<div class="setting align">
        <span>Align</span>
        <div class="button-group button-large" data-setting="align">
            <button class="button" value="left">
                Left </button>
            <button class="button" value="center">
                Center </button>
            <button class="button" value="right">
                Right </button>
            <button class="button active" value="none">
                None </button>
        </div>
    </div>

<div class="setting link-to">
        <span>Link To</span>
        <div class="button-group button-large" data-setting="link">
            <button class="button" value="file">
                Image URL </button>
            <button class="button" value="custom">
                Custom URL </button>
            <button class="button active" value="none">
                None </button>
        </div>
        <input type="text" class="link-to-custom" data-setting="linkUrl" />
    </div>
</script>

<# if ( data.attachment && window.imageEdit ) { #>
                        <div class="actions">
                            <input type="button" class="edit-attachment button" value="Edit Original" />
                            <input type="button" class="replace-attachment button" value="Replace" />
                        </div>
                        <# } #>
                </div>
            </div>
            <div class="column-settings">
                <label class="setting caption">
                    <span>Caption</span>
                    <textarea data-setting="caption">{{ data.model.caption }}</textarea>
                </label>
                <label class="setting alt-text">
                    <span>Alternative Text</span>
                    <input type="text" data-setting="alt" value="{{ data.model.alt }}" />
                </label>

<h2>Display Settings</h2>
                <div class="setting align">
                    <span>Align</span>
                    <div class="button-group button-large" data-setting="align">
                        <button class="button" value="left">
                            Left </button>
                        <button class="button" value="center">
                            Center </button>
                        <button class="button" value="right">
                            Right </button>
                        <button class="button active" value="none">
                            None </button>
                    </div>
                </div>

<# if ( data.attachment ) { #>
                    <# if ( 'undefined' !==t ypeof data.attachment.sizes ) { #>
                        <label class="setting size">
                            <span>Size</span>
                            <select class="size" name="size" data-setting="size" <# if ( data.userSettings ) { #>
                                data-user-setting="imgsize"
                                <# } #>>
                                    <# var size=d ata.sizes[ 'thumbnail']; if ( size ) { #>
                                        <option value="thumbnail">
                                            Thumbnail &ndash; {{ size.width }} &times; {{ size.height }}
                                        </option>
                                        <# } #>
                                            <# var size=d ata.sizes[ 'medium']; if ( size ) { #>
                                                <option value="medium">
                                                    Medium &ndash; {{ size.width }} &times; {{ size.height }}
                                                </option>
                                                <# } #>
                                                    <# var size=d ata.sizes[ 'large']; if ( size ) { #>
                                                        <option value="large">
                                                            Large &ndash; {{ size.width }} &times; {{ size.height }}
                                                        </option>
                                                        <# } #>
                                                            <# var size=d ata.sizes[ 'full']; if ( size ) { #>
                                                                <option value="full">
                                                                    Full Size &ndash; {{ size.width }} &times; {{ size.height }}
                                                                </option>
                                                                <# } #>
                                                                    <option value="custom">
                                                                        Custom Size </option>
                            </select>
                        </label>
                        <# } #>
                            <div class="custom-size<# if ( data.model.size !== 'custom' ) { #> hidden<# } #>">
                                <label><span>Width <small>(px)</small></span>
                                    <input data-setting="customWidth" type="number" step="1" value="{{ data.model.customWidth }}" />
                                </label><span class="sep">&times;</span>
                                <label><span>Height <small>(px)</small></span>
                                    <input data-setting="customHeight" type="number" step="1" value="{{ data.model.customHeight }}" />
                                </label>
                            </div>
                            <# } #>

<div class="setting link-to">
                                    <span>Link To</span>
                                    <select data-setting="link">
                                        <# if ( data.attachment ) { #>
                                            <option value="file">
                                                Media File </option>
                                            <option value="post">
                                                Attachment Page </option>
                                            <# } else { #>
                                                <option value="file">
                                                    Image URL </option>
                                                <# } #>
                                                    <option value="custom">
                                                        Custom URL </option>
                                                    <option value="none">
                                                        None </option>
                                    </select>
                                    <input type="text" class="link-to-custom" data-setting="linkUrl" />
                                </div>
                                <div class="advanced-section">
                                    <h2><button type="button" class="button-link advanced-toggle">Advanced Options</button></h2>
                                    <div class="advanced-settings hidden">
                                        <div class="advanced-image">
                                            <label class="setting title-text">
                                                <span>Image Title Attribute</span>
                                                <input type="text" data-setting="title" value="{{ data.model.title }}" />
                                            </label>
                                            <label class="setting extra-classes">
                                                <span>Image CSS Class</span>
                                                <input type="text" data-setting="extraClasses" value="{{ data.model.extraClasses }}" />
                                            </label>
                                        </div>
                                        <div class="advanced-link">
                                            <div class="setting link-target">
                                                <label>
                                                    <input type="checkbox" data-setting="linkTargetBlank" value="_blank" <# if ( data.model.linkTargetBlank ) { #>checked="checked"
                                                    <# } #>>Open link in a new tab</label>
                                            </div>
                                            <label class="setting link-rel">
                                                <span>Link Rel</span>
                                                <input type="text" data-setting="linkRel" value="{{ data.model.linkRel }}" />
                                            </label>
                                            <label class="setting link-class-name">
                                                <span>Link CSS Class</span>
                                                <input type="text" data-setting="linkClassName" value="{{ data.model.linkClassName }}" />
                                            </label>
                                        </div>
                                    </div>
                                </div>
            </div>
        </div>
    </div>
</script>

<div class="media-embed media-embed-details">
            <div class="embed-media-settings embed-audio-settings">
                <audio style="visibility: hidden" controls class="wp-audio-shortcode" width="{{ _.isUndefined( data.model.width ) ? 400 : data.model.width }}" preload="{{ _.isUndefined( data.model.preload ) ? 'none' : data.model.preload }}" <# if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { #> autoplay
                    <# } if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) { #> loop
                        <# } #>
                            >
                            <# if ( ! _.isEmpty( data.model.src ) ) { #>
                                <source src="{{ data.model.src }}" type="{{ wp.media.view.settings.embedMimes[ data.model.src.split('.').pop() ] }}" />
                                <# } #>

<# if ( ! _.isEmpty( data.model.mp3 ) ) { #>
                                        <source src="{{ data.model.mp3 }}" type="{{ wp.media.view.settings.embedMimes[ 'mp3' ] }}" />
                                        <# } #>
                                            <# if ( ! _.isEmpty( data.model.ogg ) ) { #>
                                                <source src="{{ data.model.ogg }}" type="{{ wp.media.view.settings.embedMimes[ 'ogg' ] }}" />
                                                <# } #>
                                                    <# if ( ! _.isEmpty( data.model.flac ) ) { #>
                                                        <source src="{{ data.model.flac }}" type="{{ wp.media.view.settings.embedMimes[ 'flac' ] }}" />
                                                        <# } #>
                                                            <# if ( ! _.isEmpty( data.model.m4a ) ) { #>
                                                                <source src="{{ data.model.m4a }}" type="{{ wp.media.view.settings.embedMimes[ 'm4a' ] }}" />
                                                                <# } #>
                                                                    <# if ( ! _.isEmpty( data.model.wav ) ) { #>
                                                                        <source src="{{ data.model.wav }}" type="{{ wp.media.view.settings.embedMimes[ 'wav' ] }}" />
                                                                        <# } #>
                </audio>

<# if ( ! _.isEmpty( data.model.src ) ) { ext=d ata.model.src.split( '.').pop(); if ( html5types[ ext ] ) { delete html5types[ ext ]; } #>
                    <label class="setting">
                        <span>SRC</span>
                        <input type="text" disabled="disabled" data-setting="src" value="{{ data.model.src }}" />
                        <button type="button" class="button-link remove-setting">Remove audio source</button>
                    </label>
                    <# } #>
                        <# if ( ! _.isEmpty( data.model.mp3 ) ) { if ( ! _.isUndefined( html5types.mp3 ) ) { delete html5types.mp3; } #>
                            <label class="setting">
                                <span>MP3</span>
                                <input type="text" disabled="disabled" data-setting="mp3" value="{{ data.model.mp3 }}" />
                                <button type="button" class="button-link remove-setting">Remove audio source</button>
                            </label>
                            <# } #>
                                <# if ( ! _.isEmpty( data.model.ogg ) ) { if ( ! _.isUndefined( html5types.ogg ) ) { delete html5types.ogg; } #>
                                    <label class="setting">
                                        <span>OGG</span>
                                        <input type="text" disabled="disabled" data-setting="ogg" value="{{ data.model.ogg }}" />
                                        <button type="button" class="button-link remove-setting">Remove audio source</button>
                                    </label>
                                    <# } #>
                                        <# if ( ! _.isEmpty( data.model.flac ) ) { if ( ! _.isUndefined( html5types.flac ) ) { delete html5types.flac; } #>
                                            <label class="setting">
                                                <span>FLAC</span>
                                                <input type="text" disabled="disabled" data-setting="flac" value="{{ data.model.flac }}" />
                                                <button type="button" class="button-link remove-setting">Remove audio source</button>
                                            </label>
                                            <# } #>
                                                <# if ( ! _.isEmpty( data.model.m4a ) ) { if ( ! _.isUndefined( html5types.m4a ) ) { delete html5types.m4a; } #>
                                                    <label class="setting">
                                                        <span>M4A</span>
                                                        <input type="text" disabled="disabled" data-setting="m4a" value="{{ data.model.m4a }}" />
                                                        <button type="button" class="button-link remove-setting">Remove audio source</button>
                                                    </label>
                                                    <# } #>
                                                        <# if ( ! _.isEmpty( data.model.wav ) ) { if ( ! _.isUndefined( html5types.wav ) ) { delete html5types.wav; } #>
                                                            <label class="setting">
                                                                <span>WAV</span>
                                                                <input type="text" disabled="disabled" data-setting="wav" value="{{ data.model.wav }}" />
                                                                <button type="button" class="button-link remove-setting">Remove audio source</button>
                                                            </label>
                                                            <# } #>
                                                                <# if ( ! _.isEmpty( html5types ) ) { #>
                                                                    <div class="setting">
                                                                        <span>Add alternate sources for maximum HTML5 playback:</span>
                                                                        <div class="button-large">
                                                                            <# _.each( html5types, function (mime, type) { #>
                                                                                <button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button>
                                                                                <# } ) #>
                                                                        </div>
                                                                    </div>
                                                                    <# } #>

<div class="setting preload">
                                                                            <span>Preload</span>
                                                                            <div class="button-group button-large" data-setting="preload">
                                                                                <button class="button" value="auto">Auto</button>
                                                                                <button class="button" value="metadata">Metadata</button>
                                                                                <button class="button active" value="none">None</button>
                                                                            </div>
                                                                        </div>

<label class="setting checkbox-setting autoplay">
                                                                            <input type="checkbox" data-setting="autoplay" />
                                                                            <span>Autoplay</span>
                                                                        </label>

<div class="media-embed media-embed-details">
            <div class="embed-media-settings embed-video-settings">
                <div class="wp-video-holder">
                    <# var w=! data.model.width || data.model.width> 640 ? 640 : data.model.width, h = ! data.model.height ? 360 : data.model.height; if ( data.model.width && w !== data.model.width ) { h = Math.ceil( ( h * w ) / data.model.width ); } #>

<# var w_rule='' , classes=[ ], w, h, settings=w p.media.view.settings, isYouTube=i sVimeo=f alse; if ( ! _.isEmpty( data.model.src ) ) { isYouTube=d ata.model.src.match(/youtube|youtu\.be/); isVimeo=- 1 !==d ata.model.src.indexOf( 'vimeo'); } if ( settings.contentWidth && data.model.width>= settings.contentWidth ) { w = settings.contentWidth; } else { w = data.model.width; } if ( w !== data.model.width ) { h = Math.ceil( ( data.model.height * w ) / data.model.width ); } else { h = data.model.height; } if ( w ) { w_rule = 'width: ' + w + 'px; '; } if ( isYouTube ) { classes.push( 'youtube-video' ); } if ( isVimeo ) { classes.push( 'vimeo-video' ); } #>
                            <div style="{{ w_rule }}" class="wp-video">
                                <video controls class="wp-video-shortcode {{ classes.join( ' ' ) }}" <# if ( w ) { #>width="{{ w }}"
                                    <# } #>
                                        <# if ( h ) { #>height="{{ h }}"
                                            <# } #>
                                                <# if ( ! _.isUndefined( data.model.poster ) && data.model.poster ) { #> poster="{{ data.model.poster }}"
                                                    <# } #>
                                                        preload="{{ _.isUndefined( data.model.preload ) ? 'metadata' : data.model.preload }}"
                                                        <# if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { #> autoplay
                                                            <# } if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) { #> loop
                                                                <# } #>
                                                                    >
                                                                    <# if ( ! _.isEmpty( data.model.src ) ) { if ( isYouTube ) { #>
                                                                        <source src="{{ data.model.src }}" type="video/youtube" />
                                                                        <# } else if ( isVimeo ) { #>
                                                                            <source src="{{ data.model.src }}" type="video/vimeo" />
                                                                            <# } else { #>
                                                                                <source src="{{ data.model.src }}" type="{{ settings.embedMimes[ data.model.src.split('.').pop() ] }}" />
                                                                                <# } } #>

<# if ( data.model.mp4 ) { #>
                                                                                        <source src="{{ data.model.mp4 }}" type="{{ settings.embedMimes[ 'mp4' ] }}" />
                                                                                        <# } #>
                                                                                            <# if ( data.model.m4v ) { #>
                                                                                                <source src="{{ data.model.m4v }}" type="{{ settings.embedMimes[ 'm4v' ] }}" />
                                                                                                <# } #>
                                                                                                    <# if ( data.model.webm ) { #>
                                                                                                        <source src="{{ data.model.webm }}" type="{{ settings.embedMimes[ 'webm' ] }}" />
                                                                                                        <# } #>
                                                                                                            <# if ( data.model.ogv ) { #>
                                                                                                                <source src="{{ data.model.ogv }}" type="{{ settings.embedMimes[ 'ogv' ] }}" />
                                                                                                                <# } #>
                                                                                                                    <# if ( data.model.flv ) { #>
                                                                                                                        <source src="{{ data.model.flv }}" type="{{ settings.embedMimes[ 'flv' ] }}" />
                                                                                                                        <# } #>
                                                                                                                            {{{ data.model.content }}}
                                </video>
                            </div>

<# if ( ! _.isEmpty( data.model.src ) ) { ext=d ata.model.src.split( '.').pop(); if ( html5types[ ext ] ) { delete html5types[ ext ]; } #>
                                <label class="setting">
                                    <span>SRC</span>
                                    <input type="text" disabled="disabled" data-setting="src" value="{{ data.model.src }}" />
                                    <button type="button" class="button-link remove-setting">Remove video source</button>
                                </label>
                                <# } #>
                                    <# if ( ! _.isEmpty( data.model.mp4 ) ) { if ( ! _.isUndefined( html5types.mp4 ) ) { delete html5types.mp4; } #>
                                        <label class="setting">
                                            <span>MP4</span>
                                            <input type="text" disabled="disabled" data-setting="mp4" value="{{ data.model.mp4 }}" />
                                            <button type="button" class="button-link remove-setting">Remove video source</button>
                                        </label>
                                        <# } #>
                                            <# if ( ! _.isEmpty( data.model.m4v ) ) { if ( ! _.isUndefined( html5types.m4v ) ) { delete html5types.m4v; } #>
                                                <label class="setting">
                                                    <span>M4V</span>
                                                    <input type="text" disabled="disabled" data-setting="m4v" value="{{ data.model.m4v }}" />
                                                    <button type="button" class="button-link remove-setting">Remove video source</button>
                                                </label>
                                                <# } #>
                                                    <# if ( ! _.isEmpty( data.model.webm ) ) { if ( ! _.isUndefined( html5types.webm ) ) { delete html5types.webm; } #>
                                                        <label class="setting">
                                                            <span>WEBM</span>
                                                            <input type="text" disabled="disabled" data-setting="webm" value="{{ data.model.webm }}" />
                                                            <button type="button" class="button-link remove-setting">Remove video source</button>
                                                        </label>
                                                        <# } #>
                                                            <# if ( ! _.isEmpty( data.model.ogv ) ) { if ( ! _.isUndefined( html5types.ogv ) ) { delete html5types.ogv; } #>
                                                                <label class="setting">
                                                                    <span>OGV</span>
                                                                    <input type="text" disabled="disabled" data-setting="ogv" value="{{ data.model.ogv }}" />
                                                                    <button type="button" class="button-link remove-setting">Remove video source</button>
                                                                </label>
                                                                <# } #>
                                                                    <# if ( ! _.isEmpty( data.model.flv ) ) { if ( ! _.isUndefined( html5types.flv ) ) { delete html5types.flv; } #>
                                                                        <label class="setting">
                                                                            <span>FLV</span>
                                                                            <input type="text" disabled="disabled" data-setting="flv" value="{{ data.model.flv }}" />
                                                                            <button type="button" class="button-link remove-setting">Remove video source</button>
                                                                        </label>
                                                                        <# } #>
                </div>

<# if ( ! _.isEmpty( html5types ) ) { #>
                    <div class="setting">
                        <span>Add alternate sources for maximum HTML5 playback:</span>
                        <div class="button-large">
                            <# _.each( html5types, function (mime, type) { #>
                                <button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button>
                                <# } ) #>
                        </div>
                    </div>
                    <# } #>

<# if ( ! _.isEmpty( data.model.poster ) ) { #>
                            <label class="setting">
                                <span>Poster Image</span>
                                <input type="text" disabled="disabled" data-setting="poster" value="{{ data.model.poster }}" />
                                <button type="button" class="button-link remove-setting">Remove poster image</button>
                            </label>
                            <# } #>
                                <div class="setting preload">
                                    <span>Preload</span>
                                    <div class="button-group button-large" data-setting="preload">
                                        <button class="button" value="auto">Auto</button>
                                        <button class="button" value="metadata">Metadata</button>
                                        <button class="button active" value="none">None</button>
                                    </div>
                                </div>

<label class="setting" data-setting="content">
                                    <span>Tracks (subtitles, captions, descriptions, chapters, or metadata)</span>
                                    <# var content='' ; if ( ! _.isEmpty( data.model.content ) ) { var tracks=j Query( data.model.content ).filter( 'track' ); _.each( tracks.toArray(), function (track) { content +=t rack.outerHTML; #>
                                        <p>
                                            <input class="content-track" type="text" value="{{ track.outerHTML }}" />
                                            <button type="button" class="button-link remove-setting remove-track">Remove video track</button>
                                        </p>
                                        <# } ); #>
                                            <# } else { #>
                                                <em>There are no associated subtitles.</em>
                                                <# } #>
                                                    <textarea class="hidden content-setting">{{ content }}</textarea>
                                </label>
            </div>
        </div>
</script>

<h2 class="gf-edit-shortcode-form-title">Insert A Form</h2>
        <br />
        <div class="gf-edit-shortcode-form-required-attrs">
        </div>
        <br />
        <div class="gf-edit-shortcode-form-standard-attrs">
        </div>
        <br />
        <div>
            <a href="javascript:void(0);" onclick="jQuery('#gf-edit-shortcode-form-advanced-attrs').toggle();" onkeypress="jQuery('#gf-edit-shortcode-form-advanced-attrs').toggle();">Advanced Options</a>
        </div>
        <br />
        <div id="gf-edit-shortcode-form-advanced-attrs" class="gf-edit-shortcode-form-advanced-attrs" style="display:none;">
        </div>

<input id="gform-update-shortcode" type="button" class="button-primary" value="Update Form" />
        <input id="gform-insert-shortcode" type="button" class="button-primary" value="Insert Form" />&nbsp;&nbsp;&nbsp;
        <a id="gform-cancel-shortcode" class="button" style="color:#bbb;" href="#">Cancel</a>

</form>

</script>

</script>

if (typeof tinymce !== 'undefined') {
            if (tinymce.Env.ie && tinymce.Env.ie < 11) {
                tinymce.$('.wp-editor-wrap ').removeClass('tmce-active').addClass('html-active');
                return;
            }

for (id in tinyMCEPreInit.mceInit) {
                init = tinyMCEPreInit.mceInit[id];
                $wrap = tinymce.$('#wp-' + id + '-wrap');

if (($wrap.hasClass('tmce-active') || !tinyMCEPreInit.qtInit.hasOwnProperty(id)) && !init.wp_skip_init) {
                    tinymce.init(init);

if (!window.wpActiveEditor) {
                        window.wpActiveEditor = id;
                    }
                }
            }
        }

if (typeof quicktags !== 'undefined') {
            for (id in tinyMCEPreInit.qtInit) {
                quicktags(tinyMCEPreInit.qtInit[id]);

if (!window.wpActiveEditor) {
                    window.wpActiveEditor = id;
                }
            }
        }
    }());
</script>
<div id="wp-link-backdrop" style="display: none"></div>
<div id="wp-link-wrap" class="wp-core-ui" style="display: none" role="dialog" aria-labelledby="link-modal-title">
    <form id="wp-link" tabindex="-1">
        <input type="hidden" id="_ajax_linking_nonce" name="_ajax_linking_nonce" value="a71cfff7ab" />
        <h1 id="link-modal-title">Insert/edit link</h1>
        <button type="button" id="wp-link-close"><span class="screen-reader-text">Close</span></button>
        <div id="link-selector">
            <div id="link-options">
                <p class="howto" id="wplink-enter-url">Enter the destination URL</p>
                <div>
                    <label><span>URL</span>
                        <input id="wp-link-url" type="text" aria-describedby="wplink-enter-url" />
                    </label>
                </div>
                <div class="wp-link-text-field">
                    <label><span>Link Text</span>
                        <input id="wp-link-text" type="text" />
                    </label>
                </div>
                <div class="link-target">
                    <label><span></span>
                        <input type="checkbox" id="wp-link-target" /> Open link in a new tab</label>
                </div>
            </div>
            <p class="howto" id="wplink-link-existing-content">Or link to existing content</p>
            <div id="search-panel">
                <div class="link-search-wrapper">
                    <label>
                        <span class="search-label">Search</span>
                        <input type="search" id="wp-link-search" class="link-search-field" autocomplete="off" aria-describedby="wplink-link-existing-content" />
                        <span class="spinner"></span>
                    </label>
                </div>
                <div id="search-results" class="query-results" tabindex="0">
                    <ul></ul>
                    <div class="river-waiting">
                        <span class="spinner"></span>
                    </div>
                </div>
                <div id="most-recent-results" class="query-results" tabindex="0">
                    <div class="query-notice" id="query-notice-message">
                        <em class="query-notice-default">No search term specified. Showing recent items.</em>
                        <em class="query-notice-hint screen-reader-text">Search or use up and down arrow keys to select an item.</em>
                    </div>
                    <ul></ul>
                    <div class="river-waiting">
                        <span class="spinner"></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="submitbox">
            <div id="wp-link-cancel">
                <button type="button" class="button">Cancel</button>
            </div>
            <div id="wp-link-update">
                <input type="submit" value="Add Link" class="button button-primary" id="wp-link-submit" name="wp-link-submit">
            </div>
        </div>
    </form>
</div>
<div class="clear"></div>
</div>

<script type="text/javascript">
    if (typeof wpOnload == 'function') wpOnload();
</script>
</body>

</html>