/**
 * Footer Component
 * Simple footer for authenticated pages
 */

'use client';

import Image from 'next/image';
import { Link } from '@/lib/i18n/routing';

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

  return (
    <footer className="border-t bg-muted/30">
      <div className="container mx-auto px-4 py-6">
        <div className="flex flex-col items-center justify-between space-y-4 md:flex-row md:space-y-0">
          <div className="flex items-center gap-2 text-center text-sm text-muted-foreground md:text-left">
            <Image
              src="/logo-icon.svg"
              alt="Syndarix Logo"
              width={20}
              height={20}
              className="h-5 w-5 opacity-70"
            />
            <span>© {currentYear} Syndarix. All rights reserved.</span>
          </div>
          <div className="flex space-x-6">
            <Link
              href="/settings/profile"
              className="text-sm text-muted-foreground hover:text-foreground transition-colors"
            >
              Settings
            </Link>
            <a
              href="https://gitea.pragmazest.com/cardosofelipe/syndarix"
              target="_blank"
              rel="noopener noreferrer"
              className="text-sm text-muted-foreground hover:text-foreground transition-colors"
            >
              GitHub
            </a>
          </div>
        </div>
      </div>
    </footer>
  );
}
