);
}
/* ══════════════════════════════════════════════
Main component
══════════════════════════════════════════════ */
/* Map a raw published qual (from /api/quals, stored in DETAIL_BY_ID) into the
shape this detail page renders. No fabricated fields - empty stays empty. */
function qualToDetail(q) {
if (!q) return null;
function splitList(s) {
if (!s) return [];
return String(s).split(/\n|•|;|\u2022/).map(x => x.trim()).filter(Boolean);
}
var facts = [];
if (q.qualification_level) facts.push({ label: "Level", value: q.qualification_level, icon: "award" });
if (q.glh) facts.push({ label: "GLH", value: String(q.glh), icon: "clock" });
if (q.tqt) facts.push({ label: "TQT", value: String(q.tqt), icon: "clock" });
if (q.ofqual_number) facts.push({ label: "Ofqual", value: q.ofqual_number, icon: "badge-check" });
return {
title: q.qualification_title || "",
level: q.qualification_level || "",
career: "",
body: q.awarder || "",
summary: q.overview || "",
qualifies: q.certification_earned || "",
rightFor: [], notFor: [],
covers: splitList(q.course_structure),
entry: q.entry_requirements || "",
ofqual: q.ofqual_number || "",
qualFacts: facts,
verdict: q.global_recognition_plain || "",
verifyBody: q.awarder || "",
verifyUrl: (q.source_url || q.source_url2 || "").replace(/^https?:\/\//, ""),
status: q.current_status || ""
};
}
function CourseDetail({ courseId, onNavigate, onOpenChat }) {
const byId = window.TR_CONTENT.DETAIL_BY_ID || {};
const raw = courseId && byId[courseId] ? byId[courseId] : null;
const d = raw ? qualToDetail(raw) : window.TR_CONTENT.DETAIL;
// providers: our published quals don't carry COMPARE rows yet -> empty, guarded
const C = (raw ? { rows: [] } : window.TR_CONTENT.COMPARE) || { rows: [] };
/* price range for header */
const prices = (C.rows || []).map(r => parseInt((r.price || "").replace(/[^0-9]/g, ""))).filter(Boolean);
const priceRange = prices.length ? `AED ${Math.min(...prices).toLocaleString()} - ${Math.max(...prices).toLocaleString()}` : null;
return (
{/* ── Back breadcrumb ── */}
{/* ══ HEADER ZONE - brand-50 background ══ */}
{/* pills */}
REPs UAE approved
{d.level}{d.career}
{/* title */}
{d.title}
{/* sub-line */}
Awarded by {d.body}
{d.ofqual && (
<>
·Ofqual {d.ofqual}
)}
{/* fact strip - scrollable on mobile */}
{(d.qualFacts || []).map((f, i) => (
))}
{/* ══ STATUS NOTICE - honest flag for discontinued / closing courses ══ */}
{(function () {
var st = (d.status || "").toLowerCase();
if (!st || st === "active" || st === "available_to_learners" || st === "active_standards_framework") return null;
var title, body;
var dm = st.match(/(\d{4}-\d{2}-\d{2})/); var date = dm ? dm[1] : "";
if (st.indexOf("archiv") > -1 || st.indexOf("no_longer_awarded") > -1) {
title = "Discontinued - no longer available to new learners";
body = "The awarding body has withdrawn this qualification, so you can no longer enrol on it. We list it for reference. What this means for you: do not pay any provider for this course. Choose a current qualification of the same level and role so it is accepted for REPs UAE registration. Anyone who already completed it keeps their certificate, it does not expire.";
} else if (st.indexOf("withdrawal_announced") > -1) {
title = "Being withdrawn" + (date ? " (closes " + date + ")" : "");
body = "New registrations close" + (date ? " on " + date : " soon") + ". You can still enrol before then, and current learners can finish.";
} else if (st.indexOf("withdrawn_new") > -1 || st.indexOf("no_new_registrations") > -1) {
title = "Closed to new students" + (date ? " (from " + date + ")" : "");
body = "The awarding body has stopped accepting new learners. Those already enrolled can still complete it.";
} else { title = d.status; body = ""; }
return (
{title}
{body &&
{body}
}
);
})()}
{/* ══ BODY - single column, narrow ══ */}
{d.summary}
{d.qualifies}
{d.entry
?
{d.entry}
:
Not published - check the awarding body's site for details.
}
{/* ══ PROVIDER SECTION - full width, paper-2 ══ */}