/**
 * Footer Component
 * Site footer with links and info
 */

import styles from './Footer.module.css';

export function Footer() {
  const currentYear = new Date().getFullYear();

  return (
    <footer className={styles.footer}>
      <div className={styles.container}>
        <div className={styles.content}>
          <div className={styles.section}>
            <h3 className={styles.title}>SchoolCompare</h3>
            <p className={styles.description}>
              Compare primary school KS2 performance across England. Data sourced from UK Government
              Compare School Performance.
            </p>
          </div>

          <div className={styles.section}>
            <h4 className={styles.sectionTitle}>About</h4>
            <ul className={styles.links}>
              <li>
                <a
                  href="https://www.compare-school-performance.service.gov.uk/"
                  target="_blank"
                  rel="noopener noreferrer"
                  className={styles.link}
                >
                  Data Source
                </a>
              </li>
            </ul>
          </div>

          <div className={styles.section}>
            <h4 className={styles.sectionTitle}>Resources</h4>
            <ul className={styles.links}>
              <li>
                <a
                  href="https://www.gov.uk/government/organisations/department-for-education"
                  target="_blank"
                  rel="noopener noreferrer"
                  className={styles.link}
                >
                  Department for Education
                </a>
              </li>
              <li>
                <a
                  href="https://www.gov.uk/school-performance-tables"
                  target="_blank"
                  rel="noopener noreferrer"
                  className={styles.link}
                >
                  School Performance Tables
                </a>
              </li>
            </ul>
          </div>
        </div>

        <div className={styles.bottom}>
          <p className={styles.copyright}>
            © {currentYear} SchoolCompare.co.uk
          </p>
        </div>
      </div>
    </footer>
  );
}