<div id="asset-editor-modal" class="modal" role="dialog" aria-modal="true" aria-labelledby="asset-editor-title">
    <div class="modal-content">
        <div class="modal-header">
            <h2 id="asset-editor-title" data-i18n="asset.edit">Edit Asset</h2>
            <button class="modal-close-btn" onclick="closeAssetEditorModal()" data-i18n-aria-label="aria.close">&#x2715;</button>
        </div>
        <div class="modal-body">
            <input type="hidden" id="asset-editor-id">
            <div id="asset-editor-error" class="modal-error" style="display:none"></div>

            <div class="form-group">
                <div class="label-row">
                    <label for="asset-editor-name" data-i18n="asset.name">Name:</label>
                    <button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?">?</button>
                </div>
                <small class="input-hint" style="display:none" data-i18n="asset.name.hint">Display name for this asset.</small>
                <input type="text" id="asset-editor-name" required maxlength="100">
                <div id="asset-editor-tags-container"></div>
            </div>

            <div class="form-group">
                <div class="label-row">
                    <label for="asset-editor-description" data-i18n="asset.description">Description:</label>
                    <button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?">?</button>
                </div>
                <small class="input-hint" style="display:none" data-i18n="asset.description.hint">Optional description for this asset.</small>
                <input type="text" id="asset-editor-description" maxlength="500">
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-icon btn-secondary" onclick="closeAssetEditorModal()" title="Cancel" data-i18n-title="settings.button.cancel" data-i18n-aria-label="aria.cancel">&#x2715;</button>
            <button class="btn btn-icon btn-primary" onclick="saveAssetMetadata()" title="Save" data-i18n-title="settings.button.save" data-i18n-aria-label="aria.save">&#x2713;</button>
        </div>
    </div>
</div>
