// بارگذاری مدل coco-ssd
const modelPromise = cocoSsd.load();

// پردازش تصویر بعد از بارگذاری
async function processImage(img) {
    const model = await modelPromise;

    // تشخیص اشیاء در تصویر
    const predictions = await model.detect(img);

    // بارگذاری لوگو
    const logo = new Image();
    logo.src = 'https://asanmal.ir/wp-content/uploads/logo.png';  // مسیر صحیح لوگو
    logo.onload = function() {
        predictions.forEach(prediction => {
            // بررسی اینکه آیا شیء شناسایی شده یک خودرو است
            if (prediction.class === 'car' || prediction.class === 'vehicle') {
                const x = prediction.bbox[0];
                const y = prediction.bbox[1];
                const width = prediction.bbox[2];
                const height = prediction.bbox[3];

                const canvas = document.getElementById('canvas');
                const ctx = canvas.getContext('2d');

                // مقیاس کردن ابعاد لوگو به ابعاد پلاک
                const logoWidth = width * 0.4;
                const logoHeight = height * 0.4;

                // رسم لوگو روی پلاک
                ctx.drawImage(logo, x + width * 0.15, y + height * 0.15, logoWidth, logoHeight);
            }
        });
    };
}

// بارگذاری تصویر و فراخوانی تابع پردازش
document.getElementById('imageInput').addEventListener('change', function(event) {
    const img = new Image();
    img.src = URL.createObjectURL(event.target.files[0]);
    img.onload = function() {
        processImage(img);
    };
});