import React from "react";

import { Alert, Box, Paper, Typography } from "@mui/material";

import CareerProfilePage from "./CareerProfilePage";

// Phase 2 / 2.2: /career is the Career Workspace — the master career profile, the single source of
// truth for all generated documents. It is a dedicated component (CareerProfilePage), no longer a
// careerOnly fork of ProfilePage. The CV Builder is deliberately NOT here yet (Phase 4).
export default function CareerWorkspacePage() {
  return (
    <Box sx={{ display: "grid", gap: 2 }}>
      <Paper sx={{ p: 2.5, borderRadius: 4, boxShadow: "0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
        <Typography variant="h5" sx={{ fontWeight: 900, mb: 0.5 }}>Career Workspace</Typography>
        <Typography sx={{ color: "text.secondary" }}>
          Maintain the master career profile that powers your CVs, tailored application material, and future portfolio outputs.
        </Typography>
      </Paper>
      <Alert severity="info" sx={{ borderRadius: 3 }}>
        Your master profile is the source of truth. Job-specific CV drafts remain separate and never overwrite it.
      </Alert>
      <Paper sx={{ borderRadius: 4, p: { xs: 1.5, md: 2.5 }, boxShadow: "0px 8px 24px -12px rgba(15,23,42,0.12)" }}>
        <CareerProfilePage />
      </Paper>
    </Box>
  );
}