{{--
    Image-upload widget. Usage:
        @include('admin.setting.components._dsc_image_uploader')

    Drop this inside any .form-group that already contains a .dsc-rte
    textarea. The widget gives admins three actions:
        1. Browse + upload — POSTs to /admin/ajax/settings/upload_image
                            (UserResourceAccess saves it under the project's
                            per-account storage and returns a /file/images/...
                            URL).
        2. Copy URL       — clipboard.writeText fallback to execCommand.
        3. Insert         — wraps the URL in <img src='...'/> and inserts it
                            at the cursor of the nearest preceding .dsc-rte
                            CKEditor inside the same .form-group.

    Stays entirely visual / DOM — no backend change required.
--}}
<div class="dsc-image-uploader input-group input-group-sm mt-2">
    <div class="input-group-prepend">
        <label class="btn btn-outline-secondary mb-0" title="Upload an image">
            <i class="fas fa-image mr-1"></i> Upload Image
            <input type="file" class="d-none dsc-img-upload-input" accept="image/*">
        </label>
    </div>
    <input type="text" class="form-control dsc-img-url-display"
           readonly placeholder="Hosted image URL will appear here after upload…">
    <div class="input-group-append">
        <button type="button" class="btn btn-outline-secondary dsc-img-copy-btn"
                disabled title="Copy URL to clipboard">
            <i class="fas fa-copy mr-1"></i> Copy
        </button>
        <button type="button" class="btn btn-outline-info dsc-img-insert-btn"
                disabled title="Insert as <img> tag at cursor">
            <i class="fas fa-arrow-up mr-1"></i> Insert
        </button>
    </div>
</div>