import React from 'react'
import { useLanguage } from '../contexts/LanguageContext.jsx'

export default function Footer() {
  const { t } = useLanguage()
  const year = `2011 – ${new Date().getFullYear()}`
  const phones = t('contact.phones')

  return (
    <footer className="bg-slate-900 text-slate-400">
      {/* Main footer row */}
      <div className="max-w-6xl mx-auto px-4 sm:px-6 py-10 flex flex-col md:flex-row items-center justify-between gap-4">
        <img src="/logo.png" alt="Сисадмингрупп" className="h-10 w-auto brightness-0 invert" width="40" height="40" />
        <span className="text-sm">{year} © {t('footer.rights')}</span>
        <div className="flex flex-wrap justify-center gap-x-6 gap-y-1 text-sm">
          {phones.map((p, i) => (
            <a key={i} href={`tel:${p.replace(/\D/g,'')}`} className="hover:text-white transition-colors">{p}</a>
          ))}
          <a href="mailto:info@sag24.ru" className="hover:text-white transition-colors">info@sag24.ru</a>
        </div>
      </div>

      {/* Legal details */}
      <div className="border-t border-slate-800">
        <div className="max-w-6xl mx-auto px-4 sm:px-6 py-6 text-xs text-slate-600 leading-relaxed">
          <p className="mb-1">ООО «Сисадмингрупп» · ИНН 5038080741 · КПП 503801001 · ОГРН 1115038000890</p>
          <p className="mb-1">Юридический адрес: 141207, Россия, Московская область, г. Пушкино, пр-кт Московский, д. 38/14, кв. 33</p>
          <p>Р/с 40702810510000179731 · АО «ТБанк» · БИК 044525974 · К/с 30101810145250000974</p>
        </div>
      </div>
    </footer>
  )
}
