const BASE = 'https://imrs.madebydanny.uk';

        function tryUrl() {
            const input  = document.getElementById('img-url-input');
            const btn    = document.getElementById('try-btn');
            const result = document.getElementById('try-result');
            const errEl  = document.getElementById('try-error');
            const imgEl  = document.getElementById('result-img');
            const urlBox = document.getElementById('result-url');

            const raw = input.value.trim();

            errEl.textContent = '';
            errEl.classList.remove('show');
            result.classList.remove('show');

            if (!raw) {
                errEl.textContent = 'Please enter an image URL.';
                errEl.classList.add('show');
                return;
            }

            if (!raw.startsWith('http')) {
                errEl.textContent = 'URL must start with http:// or https://';
                errEl.classList.add('show');
                return;
            }

            btn.disabled = true;
            btn.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i>';

            const proxied = `${BASE}/?url=${encodeURIComponent(raw)}`;
            urlBox.textContent = proxied;

            imgEl.onload = () => {
                result.classList.add('show');
                btn.disabled = false;
                btn.innerHTML = '<i class="fa-solid fa-arrow-right"></i> Resize';
            };

            imgEl.onerror = () => {
                errEl.textContent = 'Could not load image. Check the URL is publicly accessible.';
                errEl.classList.add('show');
                btn.disabled = false;
                btn.innerHTML = '<i class="fa-solid fa-arrow-right"></i> Resize';
            };

            imgEl.src = proxied;
        }

        document.getElementById('img-url-input').addEventListener('keydown', e => {
            if (e.key === 'Enter') tryUrl();
        });

        function copyResult() {
            const url = document.getElementById('result-url').textContent;
            const btn = document.getElementById('copy-btn');
            navigator.clipboard.writeText(url);
            btn.classList.add('copied');
            btn.innerHTML = '<i class="fa-solid fa-check"></i> Copied';
            setTimeout(() => {
                btn.classList.remove('copied');
                btn.innerHTML = '<i class="fa-solid fa-copy"></i> Copy';
            }, 2000);
        }