import $ from 'jquery';
import 'bootstrap/dist/js/bootstrap';
import { showSuccess, showError } from './utils/flash';

$(function () {
    const myUrlBtn = $('#myUrlBtn');
    const myUrl = $('#myUrl');

    myUrlBtn.on('click', async function () {
        const urlToCopy = myUrl.text().trim();
        
        try {
            if (navigator.clipboard && window.isSecureContext) {
                await navigator.clipboard.writeText(urlToCopy);
            } else {
                // Fallback для старых браузеров
                const tempTextarea = $('<textarea>');
                $('body').append(tempTextarea);
                tempTextarea.val(urlToCopy).trigger('select');
                document.execCommand('copy');
                tempTextarea.remove();
            }
            
            showSuccess('lang.linkCopied', 'Link copied to clipboard!', 3000);
            
            // Визуальная обратная связь на кнопке
            const originalHtml = myUrlBtn.html();
            myUrlBtn.html('<i class="fa-solid fa-check"></i>');
            myUrlBtn.addClass('bg-green-500 hover:bg-green-600');
            
            setTimeout(() => {
                myUrlBtn.html(originalHtml);
                myUrlBtn.removeClass('bg-green-500 hover:bg-green-600');
            }, 2000);
            
        } catch (err) {
            console.error('Failed to copy link:', err);
            showError('lang.linkCopyError', 'Failed to copy link', 3000);
        }
    });
})