{"data":{"id":8,"user_id":1,"title":"Need Carpenter","description":"\u003cp\u003eNeed a carpenter to fix some furniture at my home.\u003c/p\u003e","latitude":"31.43266227364856","longitude":"74.26448821056258","category":"Minor Carpentry","address":"WAPDA Town, Wapda Town, Khumbe, Model Town Tehsil, Lahore District, Lahore Division, Punjab, 54700, Pakistan","needle_type":"paid","price_type":"fixed","price":200.0,"priority":"medium","priority_color":"yellow","start_date":"2026-05-05T00:00:00.000Z","end_date":"2026-05-09T00:00:00.000Z","status":"pending","recurring":false,"created_at":"2026-05-05T13:02:49.022Z","updated_at":"2026-05-05T13:02:50.833Z","place":null,"payment_method":"wallet"},"popup":"\u003cstyle\u003e\n  .leaflet-popup-content {\n    width: 350px !important;\n    height: 450px !important;\n  }\n\n  .task-body ol,\n  .task-body ul {\n    padding-left: 1.5rem;\n    margin-left: 1rem;\n  }\n\n  .task-body ol {\n    list-style-type: decimal;\n  }\n\n  .task-body ul {\n    list-style-type: disc;\n  }\n\u003c/style\u003e\n\n\u003cdiv class=\"w-[350px] h-[450px] flex flex-col\"\u003e\n  \u003cdiv class=\"h-[200px] w-full relative\"\u003e\n    \u003cdiv class=\"swiper\"\u003e\n      \u003cdiv class=\"swiper-wrapper\"\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e        \n            \u003cimg src=\"/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBHUT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--5c60cce8a604b0c0484cf4dc46da526dbbedb977/_.jpeg\" class=\"w-full h-full rounded-tl-lg rounded-tr-lg\" alt=\"needle images\"\u003e\n          \u003c/div\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n    \u003cbutton class=\"absolute top-1 right-1 bg-white text-black rounded-full w-6 h-6 flex flex-row pt-[0.5px] justify-center text-sm shadow-lg z-10\" onclick=\"closeLeafletPopup(event)\"\u003e\n      ×\n    \u003c/button\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"px-2 flex flex-col mt-3 justify-between h-full\"\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"flex flex-row justify-between mt-2\"\u003e\n        \u003cp class=\"text-lg font-semibold truncate w-[13rem]\"\u003eNeed Carpenter\u003c/p\u003e\n        \u003cdiv class=\"bg-orange-300 border border-orange-100 rounded-xl flex flex-row items-center justify-center px-2 py-1\"\u003e\n          \u003cp class=\"text-white\"\u003eMinor Carpentry\u003c/p\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"relative mt-3 h-[4.5rem] overflow-y-auto\"\u003e\n        \u003cp id=\"description\" class=\"text-gray-400 line-clamp-3 transition-all duration-300 ease-in-out\"\u003e\n          \u003cdiv class=\"task-body\"\u003e\u003cp\u003eNeed a carpenter to fix some furniture at my home.\u003c/p\u003e\u003c/div\u003e\n        \u003c/p\u003e\n        \u003cbutton id=\"toggle-btn\" style=\"font-size: 12px;\" class=\"mt-[0.5px] text-blue-500 font-medium hover:underline hidden\"\u003e\n          See more\n        \u003c/button\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"flex flex-row justify-start gap-4\"\u003e\n          \u003cdiv class=\"mt-2 bg-[yellow] border border-orange-100 rounded-xl flex flex-row items-center justify-center px-2 py-1\"\u003e\n            \u003cp class=\"text-white\"\u003eMedium\u003c/p\u003e\n          \u003c/div\u003e\n          \u003cdiv class=\"mt-2 bg-[#f59905] border border-orange-100 rounded-xl flex flex-row items-center justify-center px-2 py-1\"\u003e\n            \u003cp class=\"text-white\"\u003ePaid\u003c/p\u003e\n          \u003c/div\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"mb-4 w-full flex flex-row items-center gap-3\"\u003e\n        \u003cp class=\"text-xl font-semibold text-gray-800 whitespace-nowrap\"\u003e\n          \u003cspan class=\"text-xl text-green-600 font-bold\"\u003e$200.0\u003c/span\u003e\n          \u003cspan class=\"text-sm text-gray-600\"\u003e fixed\u003c/span\u003e\n        \u003c/p\u003e\n      \u003cbutton class=\"flex justify-center w-full items-center px-4 py-2 bg-white text-black border border-gray-500 transition ease-in-out delay-75 hover:bg-gray-500 hover:text-white text-sm font-medium rounded-md hover:-translate-y-1\" onclick=\"open_details_drawer('8')\"\u003e\n        Show Needle\n      \u003c/button\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n"}