<?php
/**
 * Text & Dev Tools admin view.
 *
 * @package Noesia_Smart_Waiter
 */

if ( ! defined( 'ABSPATH' ) ) {
    exit;
}
?>
<div class="noesia-swa-text-dev-tools" data-noesia-swa-text-dev-tools-root="1">

    <div class="noesia-swa-section-head">
        <h2>
            <span class="dashicons dashicons-editor-code" aria-hidden="true"></span>
            <?php esc_html_e( 'Text & Dev Tools', 'noesia-smart-waiter' ); ?>
        </h2>
        <p class="noesia-swa-muted">
            <?php esc_html_e( 'A lightweight frontend-driven workspace for Markdown, JSON, CSS, color, diff, and encoding utilities.', 'noesia-smart-waiter' ); ?>
        </p>
    </div>

    <div class="noesia-swa-card noesia-swa-card--span2 noesia-swa-text-dev-tools__hero">
        <div class="noesia-swa-card-header">
            <div>
                <h3>
                    <span class="dashicons dashicons-admin-tools" aria-hidden="true"></span>
                    <?php esc_html_e( 'Frontend Utility Suite', 'noesia-smart-waiter' ); ?>
                </h3>
                <p class="noesia-swa-muted"><?php esc_html_e( 'Runs locally in the browser for fast interaction, with no custom tables and no external CDN dependencies.', 'noesia-smart-waiter' ); ?></p>
            </div>
        </div>

        <div class="noesia-swa-text-dev-tools__hero-grid">
            <div class="noesia-swa-status-box">
                <strong><?php esc_html_e( 'Architecture', 'noesia-smart-waiter' ); ?></strong>
                <span><?php esc_html_e( 'Self-contained module with lazy-loaded assets and browser-side logic.', 'noesia-smart-waiter' ); ?></span>
            </div>
            <div class="noesia-swa-status-box">
                <strong><?php esc_html_e( 'Included extras', 'noesia-smart-waiter' ); ?></strong>
                <span><?php esc_html_e( 'JSON minify, contrast helper, UTF-8-safe Base64, swap/clear/copy actions.', 'noesia-smart-waiter' ); ?></span>
            </div>
        </div>
    </div>

    <div class="noesia-swa-text-dev-tools__tabs" role="tablist" aria-label="<?php esc_attr_e( 'Text & Dev Tools tabs', 'noesia-smart-waiter' ); ?>">
        <button type="button" class="noesia-swa-text-dev-tools__tab is-active" data-noesia-swa-tdt-tab="markdown-json" role="tab" aria-selected="true">
            <span class="dashicons dashicons-media-code" aria-hidden="true"></span>
            <?php esc_html_e( 'Markdown & JSON', 'noesia-smart-waiter' ); ?>
        </button>
        <button type="button" class="noesia-swa-text-dev-tools__tab" data-noesia-swa-tdt-tab="css-colors" role="tab" aria-selected="false">
            <span class="dashicons dashicons-art" aria-hidden="true"></span>
            <?php esc_html_e( 'CSS & Colors', 'noesia-smart-waiter' ); ?>
        </button>
        <button type="button" class="noesia-swa-text-dev-tools__tab" data-noesia-swa-tdt-tab="diff-encoders" role="tab" aria-selected="false">
            <span class="dashicons dashicons-randomize" aria-hidden="true"></span>
            <?php esc_html_e( 'Diff & Encoders', 'noesia-smart-waiter' ); ?>
        </button>
    </div>

    <div class="noesia-swa-text-dev-tools__status" data-noesia-swa-tdt-status="1" aria-live="polite"></div>

    <section class="noesia-swa-text-dev-tools__panel is-active" data-noesia-swa-tdt-panel="markdown-json" role="tabpanel">
        <div class="noesia-swa-section-grid">

            <section class="noesia-swa-card noesia-swa-card--span2" aria-label="<?php esc_attr_e( 'Markdown to HTML converter', 'noesia-smart-waiter' ); ?>">
                <div class="noesia-swa-card-header">
                    <div>
                        <h3>
                            <span class="dashicons dashicons-edit-page" aria-hidden="true"></span>
                            <?php esc_html_e( 'Markdown to HTML Converter', 'noesia-smart-waiter' ); ?>
                        </h3>
                        <p class="noesia-swa-muted"><?php esc_html_e( 'Write Markdown on the left and get a safe live preview plus generated HTML on the right.', 'noesia-smart-waiter' ); ?></p>
                    </div>
                </div>

                <div class="noesia-swa-text-dev-tools__split noesia-swa-text-dev-tools__split--markdown">
                    <div class="noesia-swa-text-dev-tools__pane">
                        <label class="noesia-swa-text-dev-tools__label" for="noesia-swa-tdt-markdown-input"><?php esc_html_e( 'Markdown input', 'noesia-smart-waiter' ); ?></label>
                        <textarea id="noesia-swa-tdt-markdown-input" class="noesia-swa-text-dev-tools__textarea" data-noesia-swa-tdt-markdown-input="1" spellcheck="false"># Noesia Tools

## Example
- Fast preview
- Safe HTML output
- Lightweight parser

**Bold text**, *italic text*, `inline code`

> Frontend-driven utilities for Noesia OS.

[OpenAI](https://openai.com)</textarea>
                        <div class="noesia-swa-inline-actions">
                            <button type="button" class="button button-primary" data-noesia-swa-tdt-action="markdown-render">
                                <span class="dashicons dashicons-update" aria-hidden="true"></span>
                                <?php esc_html_e( 'Render', 'noesia-smart-waiter' ); ?>
                            </button>
                            <button type="button" class="button" data-noesia-swa-tdt-action="markdown-clear">
                                <span class="dashicons dashicons-dismiss" aria-hidden="true"></span>
                                <?php esc_html_e( 'Clear', 'noesia-smart-waiter' ); ?>
                            </button>
                        </div>
                    </div>

                    <div class="noesia-swa-text-dev-tools__pane">
                        <div class="noesia-swa-text-dev-tools__dual-headings">
                            <div>
                                <label class="noesia-swa-text-dev-tools__label"><?php esc_html_e( 'Live preview', 'noesia-smart-waiter' ); ?></label>
                                <div class="noesia-swa-text-dev-tools__preview" data-noesia-swa-tdt-markdown-preview="1"></div>
                            </div>
                            <div>
                                <label class="noesia-swa-text-dev-tools__label" for="noesia-swa-tdt-markdown-html"><?php esc_html_e( 'Generated HTML', 'noesia-smart-waiter' ); ?></label>
                                <textarea id="noesia-swa-tdt-markdown-html" class="noesia-swa-text-dev-tools__textarea noesia-swa-text-dev-tools__textarea--code" data-noesia-swa-tdt-markdown-html="1" readonly spellcheck="false"></textarea>
                                <div class="noesia-swa-inline-actions">
                                    <button type="button" class="button" data-noesia-swa-tdt-copy-target="markdown-html">
                                        <span class="dashicons dashicons-clipboard" aria-hidden="true"></span>
                                        <?php esc_html_e( 'Copy HTML', 'noesia-smart-waiter' ); ?>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="noesia-swa-card noesia-swa-card--span2" aria-label="<?php esc_attr_e( 'JSON formatter and validator', 'noesia-smart-waiter' ); ?>">
                <div class="noesia-swa-card-header">
                    <div>
                        <h3>
                            <span class="dashicons dashicons-editor-alignleft" aria-hidden="true"></span>
                            <?php esc_html_e( 'JSON Formatter / Validator', 'noesia-smart-waiter' ); ?>
                        </h3>
                        <p class="noesia-swa-muted"><?php esc_html_e( 'Validate, pretty-print, or minify JSON without leaving the browser.', 'noesia-smart-waiter' ); ?></p>
                    </div>
                </div>

                <label class="noesia-swa-text-dev-tools__label" for="noesia-swa-tdt-json-input"><?php esc_html_e( 'JSON input', 'noesia-smart-waiter' ); ?></label>
                <textarea id="noesia-swa-tdt-json-input" class="noesia-swa-text-dev-tools__textarea noesia-swa-text-dev-tools__textarea--code" data-noesia-swa-tdt-json-input="1" spellcheck="false">{"project":"Noesia","mode":"tools","features":["markdown","json","diff"]}</textarea>

                <div class="noesia-swa-inline-actions">
                    <button type="button" class="button button-primary" data-noesia-swa-tdt-action="json-pretty">
                        <span class="dashicons dashicons-editor-code" aria-hidden="true"></span>
                        <?php esc_html_e( 'Pretty Print', 'noesia-smart-waiter' ); ?>
                    </button>
                    <button type="button" class="button" data-noesia-swa-tdt-action="json-minify">
                        <span class="dashicons dashicons-minus" aria-hidden="true"></span>
                        <?php esc_html_e( 'Minify', 'noesia-smart-waiter' ); ?>
                    </button>
                    <button type="button" class="button" data-noesia-swa-tdt-action="json-validate">
                        <span class="dashicons dashicons-yes-alt" aria-hidden="true"></span>
                        <?php esc_html_e( 'Validate', 'noesia-smart-waiter' ); ?>
                    </button>
                    <button type="button" class="button" data-noesia-swa-tdt-copy-target="json-output">
                        <span class="dashicons dashicons-clipboard" aria-hidden="true"></span>
                        <?php esc_html_e( 'Copy', 'noesia-smart-waiter' ); ?>
                    </button>
                    <button type="button" class="button" data-noesia-swa-tdt-action="json-clear">
                        <span class="dashicons dashicons-dismiss" aria-hidden="true"></span>
                        <?php esc_html_e( 'Clear', 'noesia-smart-waiter' ); ?>
                    </button>
                </div>

                <div class="noesia-swa-status-box" data-noesia-swa-tdt-json-feedback="1">
                    <strong><?php esc_html_e( 'Validation state', 'noesia-smart-waiter' ); ?></strong>
                    <span><?php esc_html_e( 'Ready.', 'noesia-smart-waiter' ); ?></span>
                </div>

                <label class="noesia-swa-text-dev-tools__label" for="noesia-swa-tdt-json-output"><?php esc_html_e( 'Output', 'noesia-smart-waiter' ); ?></label>
                <textarea id="noesia-swa-tdt-json-output" class="noesia-swa-text-dev-tools__textarea noesia-swa-text-dev-tools__textarea--code" data-noesia-swa-tdt-json-output="1" readonly spellcheck="false"></textarea>
            </section>

        </div>
    </section>

    <section class="noesia-swa-text-dev-tools__panel" data-noesia-swa-tdt-panel="css-colors" role="tabpanel" hidden>
        <div class="noesia-swa-section-grid">

            <section class="noesia-swa-card" aria-label="<?php esc_attr_e( 'Shadow and glassmorphism generator', 'noesia-smart-waiter' ); ?>">
                <div class="noesia-swa-card-header">
                    <div>
                        <h3>
                            <span class="dashicons dashicons-image-filter" aria-hidden="true"></span>
                            <?php esc_html_e( 'Shadow & Glassmorphism Generator', 'noesia-smart-waiter' ); ?>
                        </h3>
                        <p class="noesia-swa-muted"><?php esc_html_e( 'Tune shadow, blur, and glass surface values with a live preview.', 'noesia-smart-waiter' ); ?></p>
                    </div>
                </div>

                <div class="noesia-swa-text-dev-tools__controls-grid">
                    <label>
                        <span><?php esc_html_e( 'Offset X', 'noesia-smart-waiter' ); ?></span>
                        <input type="range" min="-60" max="60" value="0" data-noesia-swa-tdt-shadow-control="x" />
                        <strong data-noesia-swa-tdt-shadow-value="x">0px</strong>
                    </label>
                    <label>
                        <span><?php esc_html_e( 'Offset Y', 'noesia-smart-waiter' ); ?></span>
                        <input type="range" min="-60" max="60" value="22" data-noesia-swa-tdt-shadow-control="y" />
                        <strong data-noesia-swa-tdt-shadow-value="y">22px</strong>
                    </label>
                    <label>
                        <span><?php esc_html_e( 'Blur', 'noesia-smart-waiter' ); ?></span>
                        <input type="range" min="0" max="120" value="48" data-noesia-swa-tdt-shadow-control="blur" />
                        <strong data-noesia-swa-tdt-shadow-value="blur">48px</strong>
                    </label>
                    <label>
                        <span><?php esc_html_e( 'Spread', 'noesia-smart-waiter' ); ?></span>
                        <input type="range" min="-30" max="60" value="-10" data-noesia-swa-tdt-shadow-control="spread" />
                        <strong data-noesia-swa-tdt-shadow-value="spread">-10px</strong>
                    </label>
                    <label>
                        <span><?php esc_html_e( 'Shadow opacity', 'noesia-smart-waiter' ); ?></span>
                        <input type="range" min="0" max="100" value="28" data-noesia-swa-tdt-shadow-control="opacity" />
                        <strong data-noesia-swa-tdt-shadow-value="opacity">0.28</strong>
                    </label>
                    <label>
                        <span><?php esc_html_e( 'Glass blur', 'noesia-smart-waiter' ); ?></span>
                        <input type="range" min="0" max="40" value="18" data-noesia-swa-tdt-shadow-control="glass-blur" />
                        <strong data-noesia-swa-tdt-shadow-value="glass-blur">18px</strong>
                    </label>
                    <label>
                        <span><?php esc_html_e( 'Surface opacity', 'noesia-smart-waiter' ); ?></span>
                        <input type="range" min="0" max="100" value="22" data-noesia-swa-tdt-shadow-control="surface-opacity" />
                        <strong data-noesia-swa-tdt-shadow-value="surface-opacity">0.22</strong>
                    </label>
                    <label>
                        <span><?php esc_html_e( 'Radius', 'noesia-smart-waiter' ); ?></span>
                        <input type="range" min="0" max="40" value="24" data-noesia-swa-tdt-shadow-control="radius" />
                        <strong data-noesia-swa-tdt-shadow-value="radius">24px</strong>
                    </label>
                </div>

                <div class="noesia-swa-text-dev-tools__glass-scene">
                    <div class="noesia-swa-text-dev-tools__glass-card" data-noesia-swa-tdt-glass-preview="1">
                        <span><?php esc_html_e( 'Glass preview', 'noesia-smart-waiter' ); ?></span>
                        <small><?php esc_html_e( 'Live CSS output below', 'noesia-smart-waiter' ); ?></small>
                    </div>
                </div>

                <label class="noesia-swa-text-dev-tools__label" for="noesia-swa-tdt-shadow-css"><?php esc_html_e( 'Generated CSS', 'noesia-smart-waiter' ); ?></label>
                <textarea id="noesia-swa-tdt-shadow-css" class="noesia-swa-text-dev-tools__textarea noesia-swa-text-dev-tools__textarea--code" data-noesia-swa-tdt-shadow-css="1" readonly spellcheck="false"></textarea>
                <div class="noesia-swa-inline-actions">
                    <button type="button" class="button" data-noesia-swa-tdt-copy-target="shadow-css">
                        <span class="dashicons dashicons-clipboard" aria-hidden="true"></span>
                        <?php esc_html_e( 'Copy CSS', 'noesia-smart-waiter' ); ?>
                    </button>
                </div>
            </section>

            <section class="noesia-swa-card" aria-label="<?php esc_attr_e( 'Color converter and palette', 'noesia-smart-waiter' ); ?>">
                <div class="noesia-swa-card-header">
                    <div>
                        <h3>
                            <span class="dashicons dashicons-admin-customizer" aria-hidden="true"></span>
                            <?php esc_html_e( 'Color Converter & Palette', 'noesia-smart-waiter' ); ?>
                        </h3>
                        <p class="noesia-swa-muted"><?php esc_html_e( 'Convert HEX, RGB, or HSL and generate tints, shades, and contrast guidance.', 'noesia-smart-waiter' ); ?></p>
                    </div>
                </div>

                <label class="noesia-swa-text-dev-tools__label" for="noesia-swa-tdt-color-input"><?php esc_html_e( 'Color input', 'noesia-smart-waiter' ); ?></label>
                <div class="noesia-swa-text-dev-tools__input-row">
                    <input id="noesia-swa-tdt-color-input" type="text" class="regular-text" data-noesia-swa-tdt-color-input="1" value="#5B7CFF" placeholder="#5B7CFF / rgb(91,124,255) / hsl(228,100%,68%)" />
                    <input type="color" value="#5b7cff" data-noesia-swa-tdt-color-picker="1" aria-label="<?php esc_attr_e( 'Color picker', 'noesia-smart-waiter' ); ?>" />
                    <button type="button" class="button button-primary" data-noesia-swa-tdt-action="color-convert">
                        <span class="dashicons dashicons-update" aria-hidden="true"></span>
                        <?php esc_html_e( 'Convert', 'noesia-smart-waiter' ); ?>
                    </button>
                </div>

                <div class="noesia-swa-text-dev-tools__color-preview" data-noesia-swa-tdt-color-preview="1"></div>

                <div class="noesia-swa-text-dev-tools__color-values">
                    <div class="noesia-swa-status-box">
                        <strong>HEX</strong>
                        <span data-noesia-swa-tdt-color-hex="1">—</span>
                    </div>
                    <div class="noesia-swa-status-box">
                        <strong>RGB</strong>
                        <span data-noesia-swa-tdt-color-rgb="1">—</span>
                    </div>
                    <div class="noesia-swa-status-box">
                        <strong>HSL</strong>
                        <span data-noesia-swa-tdt-color-hsl="1">—</span>
                    </div>
                </div>

                <div class="noesia-swa-text-dev-tools__contrast-grid">
                    <div class="noesia-swa-status-box">
                        <strong><?php esc_html_e( 'Contrast on white', 'noesia-smart-waiter' ); ?></strong>
                        <span data-noesia-swa-tdt-contrast-white="1">—</span>
                    </div>
                    <div class="noesia-swa-status-box">
                        <strong><?php esc_html_e( 'Contrast on black', 'noesia-smart-waiter' ); ?></strong>
                        <span data-noesia-swa-tdt-contrast-black="1">—</span>
                    </div>
                    <div class="noesia-swa-status-box">
                        <strong><?php esc_html_e( 'Best text color', 'noesia-smart-waiter' ); ?></strong>
                        <span data-noesia-swa-tdt-best-text="1">—</span>
                    </div>
                </div>

                <div class="noesia-swa-text-dev-tools__palette" data-noesia-swa-tdt-palette="1"></div>
            </section>

        </div>
    </section>

    <section class="noesia-swa-text-dev-tools__panel" data-noesia-swa-tdt-panel="diff-encoders" role="tabpanel" hidden>
        <div class="noesia-swa-section-grid">

            <section class="noesia-swa-card noesia-swa-card--span2" aria-label="<?php esc_attr_e( 'Text diff checker', 'noesia-smart-waiter' ); ?>">
                <div class="noesia-swa-card-header">
                    <div>
                        <h3>
                            <span class="dashicons dashicons-editor-removeformatting" aria-hidden="true"></span>
                            <?php esc_html_e( 'Text / Config Diff', 'noesia-smart-waiter' ); ?>
                        </h3>
                        <p class="noesia-swa-muted"><?php esc_html_e( 'Compare two text blocks with a lightweight split-screen line diff.', 'noesia-smart-waiter' ); ?></p>
                    </div>
                </div>

                <div class="noesia-swa-text-dev-tools__diff-options">
                    <label><input type="checkbox" data-noesia-swa-tdt-diff-option="trim" /> <?php esc_html_e( 'Ignore leading/trailing whitespace', 'noesia-smart-waiter' ); ?></label>
                    <label><input type="checkbox" data-noesia-swa-tdt-diff-option="case" /> <?php esc_html_e( 'Ignore case', 'noesia-smart-waiter' ); ?></label>
                </div>

                <div class="noesia-swa-text-dev-tools__split noesia-swa-text-dev-tools__split--diff">
                    <div class="noesia-swa-text-dev-tools__pane">
                        <label class="noesia-swa-text-dev-tools__label" for="noesia-swa-tdt-diff-left"><?php esc_html_e( 'Left text', 'noesia-smart-waiter' ); ?></label>
                        <textarea id="noesia-swa-tdt-diff-left" class="noesia-swa-text-dev-tools__textarea noesia-swa-text-dev-tools__textarea--code" data-noesia-swa-tdt-diff-left="1" spellcheck="false">line_one=value_a
line_two=value_b
line_three=value_c</textarea>
                    </div>
                    <div class="noesia-swa-text-dev-tools__pane">
                        <label class="noesia-swa-text-dev-tools__label" for="noesia-swa-tdt-diff-right"><?php esc_html_e( 'Right text', 'noesia-smart-waiter' ); ?></label>
                        <textarea id="noesia-swa-tdt-diff-right" class="noesia-swa-text-dev-tools__textarea noesia-swa-text-dev-tools__textarea--code" data-noesia-swa-tdt-diff-right="1" spellcheck="false">line_one=value_a
line_two=value_b_changed
line_four=value_d</textarea>
                    </div>
                </div>

                <div class="noesia-swa-inline-actions">
                    <button type="button" class="button button-primary" data-noesia-swa-tdt-action="diff-compare">
                        <span class="dashicons dashicons-search" aria-hidden="true"></span>
                        <?php esc_html_e( 'Compare', 'noesia-smart-waiter' ); ?>
                    </button>
                    <button type="button" class="button" data-noesia-swa-tdt-action="diff-swap">
                        <span class="dashicons dashicons-randomize" aria-hidden="true"></span>
                        <?php esc_html_e( 'Swap', 'noesia-smart-waiter' ); ?>
                    </button>
                    <button type="button" class="button" data-noesia-swa-tdt-action="diff-clear">
                        <span class="dashicons dashicons-dismiss" aria-hidden="true"></span>
                        <?php esc_html_e( 'Clear', 'noesia-smart-waiter' ); ?>
                    </button>
                </div>

                <div class="noesia-swa-text-dev-tools__diff-result">
                    <div>
                        <label class="noesia-swa-text-dev-tools__label"><?php esc_html_e( 'Left result', 'noesia-smart-waiter' ); ?></label>
                        <div class="noesia-swa-text-dev-tools__diff-pane" data-noesia-swa-tdt-diff-left-result="1"></div>
                    </div>
                    <div>
                        <label class="noesia-swa-text-dev-tools__label"><?php esc_html_e( 'Right result', 'noesia-smart-waiter' ); ?></label>
                        <div class="noesia-swa-text-dev-tools__diff-pane" data-noesia-swa-tdt-diff-right-result="1"></div>
                    </div>
                </div>
            </section>

            <section class="noesia-swa-card noesia-swa-card--span2" aria-label="<?php esc_attr_e( 'Base64 and URL encoder', 'noesia-smart-waiter' ); ?>">
                <div class="noesia-swa-card-header">
                    <div>
                        <h3>
                            <span class="dashicons dashicons-shield-alt" aria-hidden="true"></span>
                            <?php esc_html_e( 'Base64 / URL Encoder', 'noesia-smart-waiter' ); ?>
                        </h3>
                        <p class="noesia-swa-muted"><?php esc_html_e( 'Encode or decode strings with UTF-8-safe browser-side helpers.', 'noesia-smart-waiter' ); ?></p>
                    </div>
                </div>

                <div class="noesia-swa-text-dev-tools__split noesia-swa-text-dev-tools__split--encoder">
                    <div class="noesia-swa-text-dev-tools__pane">
                        <label class="noesia-swa-text-dev-tools__label" for="noesia-swa-tdt-encoder-input"><?php esc_html_e( 'Input', 'noesia-smart-waiter' ); ?></label>
                        <textarea id="noesia-swa-tdt-encoder-input" class="noesia-swa-text-dev-tools__textarea noesia-swa-text-dev-tools__textarea--code" data-noesia-swa-tdt-encoder-input="1" spellcheck="false">https://example.com/docs?module=text-dev-tools&lang=en</textarea>
                    </div>
                    <div class="noesia-swa-text-dev-tools__pane">
                        <label class="noesia-swa-text-dev-tools__label" for="noesia-swa-tdt-encoder-output"><?php esc_html_e( 'Output', 'noesia-smart-waiter' ); ?></label>
                        <textarea id="noesia-swa-tdt-encoder-output" class="noesia-swa-text-dev-tools__textarea noesia-swa-text-dev-tools__textarea--code" data-noesia-swa-tdt-encoder-output="1" readonly spellcheck="false"></textarea>
                    </div>
                </div>

                <div class="noesia-swa-inline-actions">
                    <button type="button" class="button button-primary" data-noesia-swa-tdt-action="base64-encode"><?php esc_html_e( 'Base64 Encode', 'noesia-smart-waiter' ); ?></button>
                    <button type="button" class="button" data-noesia-swa-tdt-action="base64-decode"><?php esc_html_e( 'Base64 Decode', 'noesia-smart-waiter' ); ?></button>
                    <button type="button" class="button" data-noesia-swa-tdt-action="url-encode"><?php esc_html_e( 'URL Encode', 'noesia-smart-waiter' ); ?></button>
                    <button type="button" class="button" data-noesia-swa-tdt-action="url-decode"><?php esc_html_e( 'URL Decode', 'noesia-smart-waiter' ); ?></button>
                    <button type="button" class="button" data-noesia-swa-tdt-copy-target="encoder-output">
                        <span class="dashicons dashicons-clipboard" aria-hidden="true"></span>
                        <?php esc_html_e( 'Copy', 'noesia-smart-waiter' ); ?>
                    </button>
                    <button type="button" class="button" data-noesia-swa-tdt-action="encoder-clear">
                        <span class="dashicons dashicons-dismiss" aria-hidden="true"></span>
                        <?php esc_html_e( 'Clear', 'noesia-smart-waiter' ); ?>
                    </button>
                </div>
            </section>

        </div>
    </section>

</div>
