/**
 * =============================================================================
 * Job·Ka — Groupe KA
 * Auteur  : Simon-Pierre Boucher
 * Contact : contact@spboucher.ai
 * Fichier : frontend/src/components/JobCard.tsx
 * Rôle    : Carte d'offre dans la liste (titre, employeur, badges, meta)
 * Créé    : 2026-08-17   Modifié : 2026-08-17
 * =============================================================================
 */
import { Link } from "react-router-dom";
import { displayTitle, formatDate, formatSalary, Job, MODE_FR, TYPE_FR } from "../api";

export default function JobCard({ job }: { job: Job }) {
  const salary = formatSalary(job);
  return (
    <Link to={`/emploi/${job.uid}`} className="job-card">
      <h3>{displayTitle(job)}</h3>
      <span className="employer">{job.employer}</span>
      {job.city ? <span className="muted"> — {job.city}</span> : null}
      <div className="meta">
        {job.is_direct !== false && (
          <span
            className="badge direct"
            title="Offre publiée à la source : page carrière de l'employeur, pas un portail"
          >
            Offre directe
          </span>
        )}
        {salary && <span className="badge salary">{salary}</span>}
        {job.work_mode && <span className="badge mode">{MODE_FR[job.work_mode] ?? job.work_mode}</span>}
        {job.employment_type && <span className="badge">{TYPE_FR[job.employment_type] ?? job.employment_type}</span>}
        {job.category && <span className="badge">{job.category}</span>}
        {job.date_posted && <span>Publiée le {formatDate(job.date_posted)}</span>}
      </div>
    </Link>
  );
}