<?php

/**
 * Copyable text input — standard <label> + <span> above, input with a
 * compact copy button overlaid on the right edge. A <div> wrapper around
 * the input+button provides a dedicated positioning context so nothing
 * leaks from the label's layout rules.
 *
 * The copy button reads the input's CURRENT value (live) via
 * data-copy-target so users can edit the field and still copy the new value.
 *
 * Required view vars:
 *   $name   — input name attribute
 *   $label  — already-translated label text
 *
 * Optional:
 *   $id, $value, $type (default 'text'), $placeholder,
 *   $readonly, $required, $disabled
 */

$inputName = (string) ($name ?? '');
if ($inputName === '') {
    return;
}
$inputId = (string) ($id ?? $inputName);
$inputType = (string) ($type ?? 'text');
$inputValue = (string) ($value ?? '');
$inputLabel = (string) ($label ?? '');
$inputPlaceholder = (string) ($placeholder ?? '');
$inputReadonly = (bool) ($readonly ?? false);
$inputRequired = (bool) ($required ?? false);
$inputDisabled = (bool) ($disabled ?? false);
?>
<label for="<?php e($inputId); ?>">
    <span><?php e($inputLabel); ?></span>
    <div class="app-input-copy">
        <input type="<?php e($inputType); ?>" name="<?php e($inputName); ?>" id="<?php e($inputId); ?>"
            value="<?php e($inputValue); ?>"
            <?php if ($inputPlaceholder !== ''): ?>placeholder="<?php e($inputPlaceholder); ?>"<?php endif; ?>
            <?php if ($inputReadonly): ?>readonly<?php endif; ?>
            <?php if ($inputRequired): ?>required<?php endif; ?>
            <?php if ($inputDisabled): ?>disabled<?php endif; ?> />
        <button type="button" class="app-input-copy-button"
            data-copy-button data-copy-target="<?php e($inputId); ?>"
            data-tooltip="<?php e(t('Copy to clipboard')); ?>" data-tooltip-pos="top"
            aria-label="<?php e(t('Copy to clipboard')); ?>">
            <i class="bi bi-clipboard" data-copy-icon-idle aria-hidden="true"></i>
            <i class="bi bi-check-lg" data-copy-icon-done aria-hidden="true"></i>
        </button>
    </div>
</label>
