// This program has been developed by students from the bachelor Computer Science at Utrecht
// University within the Software Project course.
// © Copyright Utrecht University (Department of Information and Computing Sciences)
import styles from './Manuals.module.css';

export default function Manuals() {
  const userManualPath = "/UserManual.pdf"; 
  const developerManualPath = "/DeveloperManual.pdf"; 

  return (
    <div className={styles.manualContainer}>
      <header className={styles.manualHeader}>
        <h1>Documentation & Manuals</h1>

      <span className={styles.dateBadge}>Last Updated: January 2026</span>
      </header>

      <div className={styles.buttonStack}>
        <div className={styles.manualEntry}>
          <h3>User Manual</h3>
          <p>Manual for Users of the Pepper+ Software </p>
          <a href={userManualPath} download="UserManual.pdf" className={styles.downloadBtn}>
            Download User Manual
          </a>
        </div>

        <div className={styles.manualEntry}>
          <h3>Developer Manual</h3>
          <p>Technical documentation for future developers.</p>
          <a href={developerManualPath} download="DeveloperManual.pdf" className={styles.downloadBtn}>
            Download Developer Manual
          </a>
        </div>
      </div>

      <hr className={styles.divider} />
    </div> 
  );
}