diff --git a/src/pages/drag/index.astro b/src/pages/drag/index.astro
index 0d73ff5..9e76667 100644
--- a/src/pages/drag/index.astro
+++ b/src/pages/drag/index.astro
@@ -1,18 +1,8 @@
 ---
 import Layout from '../../layouts/Layout.astro';
-// import Phaser from "phaser";
-import background from "./assets/background.jpg";
-import yam from "./assets/yam.png";
-import hay from "./assets/hay.png";
-import mat from "./assets/mat.png";
-import star from "./assets/star.png";
-import chat from "./assets/chat.png";
-import jar from "./assets/jar.png";
-import jam from "./assets/jam.png";
-import day from "./assets/day.png";
-import tick from "./assets/tick.png";
-import wrong from "./assets/day.png";
-import border from "./assets/squar.png";
+// const planResp = await fetch('https://api8.siliconpin.com/items/hosting?filter[status][_eq]=published');
+//     const planRespJson = await planResp.json();
+//     const planRespData = planRespJson.data;
 ---
 <Layout title="Drag Game">
 	<main>
@@ -102,7 +92,7 @@ class MyGame extends Phaser.Scene {
     super();
   }
   preload() {
-    this.load.image("wrong", "./assets/yam.png");
+    // this.load.image("wrong", "https://management.beanstalkedu.com/assets/1320eec6-3029-41e5-8aad-904e590cb420");
     this.load.image("tick", './assets/tick.png');
     this.load.image("bg", './assets/background.jpg');
     this.load.image("target1", './assets/yam.png');
@@ -110,7 +100,7 @@ class MyGame extends Phaser.Scene {
     this.load.image("target3", './assets/mat.png');
     this.load.image("target4", './assets/star.png');
     this.load.image("border", './assets/squar.png');
-    this.load.spritesheet("blocks1", './assets/chat.png', {
+      this.load.spritesheet("blocks1", './assets/chat.png', {
       frameWidth: 100,
       frameHeight: 100,
     });
@@ -128,6 +118,21 @@ class MyGame extends Phaser.Scene {
     });
   }
   create() {
+    var url = 'https://management.beanstalkedu.com/items/game_drag';
+    var id = url.substring(url.lastIndexOf('/') + 1);
+    //alert(id); // 234234234
+    console.log(id)
+
+
+  //   fetch(`https://management.beanstalkedu.com/items/game_drag`)
+  // .then(response => response.json())
+  // .then(data => { 
+  //   // console.log(data)
+  //   const queryString = window.location.search;
+  //   console.log(queryString)
+  // })
+  // .catch(error => {
+  // });
     const bgWidthX = window.innerWidth / 2;
     const bgWidthY = window.innerHeight / 2;
     this.add.image(bgWidthX, bgWidthY, "bg").setScale(2.4);
@@ -230,42 +235,53 @@ class MyGame extends Phaser.Scene {
 }
 
 const displayResult = (droppedBlocks) => {
-  const overlap = document.getElementById("overlap");
-  overlap.style.display = "block";
+  // const overlap = document.getElementById("overlap");
+  // overlap.style.display = "block";
   let finalDom;
   let points = 0;
   droppedBlocks.forEach((block) => {
-    const targetZone = targetZones.find((zone) => zone.name === block.texture.key);
+    const targetZone = blockMatches.find((m) => m.blockName === blockName && m.targetName === targetName);
     if (targetZone) {
       if (targetZone.block === block) {
         points++;
       }
     }
   });
-  if (points >= droppedBlocks.length / 2) {
-    finalDom = document.getElementById("win");
-    finalDom.classList.add("win");
-  } else {
-    finalDom = document.getElementById("lost");
-    finalDom.classList.add("lost");
-  }
-  document.getElementById("result").innerHTML = "Points: " + points;
-  finalDom.classList.add("result");
-  // console.log(displayResult)
+  // if (points >= droppedBlocks.length / 2) {
+  //   finalDom = document.getElementById("win");
+  //   finalDom.classList.add("win");
+  // } else {
+  //   finalDom = document.getElementById("lost");
+  //   finalDom.classList.add("lost");
+  // }
+  // document.getElementById("result").innerHTML = "Points: " + points;
+  // finalDom.classList.add("result");
 };
-// const blockMatches = [
-//   { blockName: "block1", targetName: "target1" },
-//   { blockName: "block2", targetName: "target2" },
-//   { blockName: "block3", targetName: "target3" },
-//   { blockName: "block4", targetName: "target4" }
-// ];
 let score = 0;
 const isMatch = (blockName, targetName) => {
   const match = blockMatches.find((m) => m.blockName === blockName && m.targetName === targetName);
-  // console.log(match)
-  score++;
-console.log(score)
+  if(match){
+    score++
+    console.log(score)
+  }
+  if(score === 4){
+    
+    const overlap = document.getElementById("overlap");
+  overlap.style.display = "block";
+  let  resultt;
+  if (resultt >= 2){
+    // result
+    finalDom = document.getElementById("win");
+    finalDom.classList.add("win");
+    console.log("Win")
+  } else {
+        finalDom = document.getElementById("lost");
+    finalDom.classList.add("lost");
+    console.log("Loose")
+  }
+  }
 
+  // console.log("Result", result)
   return match !== undefined;
 };