"use client";
import React, { useEffect, useState } from "react";
import { useParams, useRouter } from "next/navigation";
import toast from "react-hot-toast";
import {
FiArrowLeft, FiMapPin, FiHash, FiPrinter, FiPlay, FiFileText,
FiAward, FiFolder, FiDownload, FiGlobe,
} from "react-icons/fi";
import { clientPortalApi } from "@/lib/api/clientPortalApi";
interface CompanyDoc {
originalName: string;
fileName: string;
filePath: string;
}
interface Company {
id: number;
name: string;
email?: string;
mobile?: string;
telephone?: string;
fax?: string;
address?: string;
city?: string;
country?: { name: string };
company_code?: string;
trade_license_no?: string;
reference_number?: string;
validity?: string;
client_group?: string;
certification_body?: string;
scope_of_work?: string;
standards?: any[];
documents?: CompanyDoc[];
}
// Confirmed via browser console: the real separator is U+F0D8, a Private
// Use Area code point (U+E000-U+F8FF) - almost certainly a Wingdings-style
// bullet from a Word document that lost its font mapping when copied into
// plain text. No standard font can render it, which is why it always
// showed as a blank box regardless of which system displayed it.
function parseScopeItems(text?: string): string[] {
if (!text) return [];
return text
.split(/[\uE000-\uF8FF]+/gu)
.map((s) => s.trim())
.filter(Boolean);
}
function Field({ label, value }: { label: string; value: string }) {
return (
{label}{value}
);
}
function InfoBox({ title, accent, children }: { title: string; accent: string; children: React.ReactNode }) {
return (