Add details

src/app/[locale]/tenders/[id]/page.tsx

@@ -11,6 +11,7 @@ const TenderDetails = async ({
     const response = await apiInstance.get<ITenders>(
       `/procurements/${params.id}/`
     );
+    console.log(response.data);
     return response.data;
   };
 
@@ -137,6 +138,38 @@ const TenderDetails = async ({
         size="lg"
         className="font-bold text-[24px] mb-[30px]"
       />
+      <div className="w-full">
+        {data.lots.length > 0 &&
+          data.lots.map((lot) => (
+            <div
+              key={lot.id}
+              className="bg-white w-full h-[213px] px-34 py-27 flex gap-[186px] items-center shadow-md"
+            >
+              <div className="w-[840px]">
+                <Title
+                  text={lot.id_of_lot}
+                  className="text-[24px] font-bold mb-[16px]"
+                />
+                <Title
+                  text={lot.name_of_lot}
+                  className="text-[18px] font-semibold mb-[24px]"
+                />
+                <p className="text-gray-500 ">Место работ / услуг</p>
+                <p>{lot.address_of_lots}</p>
+              </div>
+              <div>
+                <p>Планируемая сумма</p>
+                <Title text={lot.summ} className="text-[18px] font-semibold" />
+              </div>
+            </div>
+          ))}
+      </div>
+
+      <Title
+        text={"Документы"}
+        size="lg"
+        className="font-bold text-[24px] mb-[30px]"
+      />
     </Container>
   );
 };