import { MapPin, Phone, Printer, Building2, Mail, Globe } from 'lucide-react';
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './ui/select';
import { useState } from 'react';

export function Footer() {
  const [language, setLanguage] = useState('ko');

  return (
    <footer className="bg-gradient-to-b from-gray-900 to-gray-950 text-gray-300 border-t border-gray-800">
      <div className="container mx-auto px-6 py-12 lg:py-16">
        {/* 상단: 2열 레이아웃 */}
        <div className="mb-10">
          <div className="grid grid-cols-1 lg:grid-cols-2 gap-12">
            {/* 좌측: 회사명 + 언어선택 */}
            <div className="space-y-6">
              <div>
                <h2 className="text-white text-2xl font-bold">코드브릿지엑스</h2>
                <p className="text-gray-500 text-sm mt-2">Smart Automation Management</p>
              </div>

              <div>
                <Select value={language} onValueChange={setLanguage}>
                  <SelectTrigger className="w-fit bg-gray-800 border-gray-700 text-gray-300">
                    <Globe className="h-4 w-4 mr-2" />
                    <SelectValue placeholder="언어 선택" />
                  </SelectTrigger>
                  <SelectContent>
                    <SelectItem value="ko">한국어</SelectItem>
                    <SelectItem value="en">English</SelectItem>
                    <SelectItem value="ja">日本語</SelectItem>
                    <SelectItem value="zh">中文</SelectItem>
                  </SelectContent>
                </Select>
              </div>
            </div>

            {/* 우측: 사업자등록번호/주소/연락처 3단 그리드 */}
            <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
              {/* 사업자등록번호 */}
              <div>
                <h3 className="text-gray-400 text-sm font-semibold mb-3">사업자등록번호</h3>
                <p className="text-gray-300 text-sm">664-86-03713</p>
              </div>

              {/* 주소 */}
              <div>
                <h3 className="text-gray-400 text-sm font-semibold mb-3">주소</h3>
                <div className="space-y-1 text-sm">
                  <p className="text-gray-300">서울특별시 강서구 양천로 583</p>
                  <p className="text-gray-300">우림블루나인 B동 1602호</p>
                  <p className="text-gray-500 text-xs mt-2">우편번호: 07547</p>
                </div>
              </div>

              {/* 연락처 */}
              <div>
                <h3 className="text-gray-400 text-sm font-semibold mb-3">연락처</h3>
                <div className="space-y-2 text-sm">
                  <div>
                    <p className="text-gray-500 text-xs">대표전화</p>
                    <p className="text-gray-300">02-6347-0005, 0006</p>
                    <p className="text-gray-500 text-xs">(070-4770-1854, 1855)</p>
                  </div>
                  
                  <div>
                    <p className="text-gray-500 text-xs">팩스</p>
                    <p className="text-gray-300">02-6347-0007</p>
                    <p className="text-gray-500 text-xs">(070-4770-1856)</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        {/* 하단 저작권 */}
        <div className="relative">
          <div className="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-gray-700 to-transparent"></div>
          <div className="pt-8 text-center">
            <p className="text-sm text-gray-400">
              &copy; {new Date().getFullYear()} <span className="text-gray-300">코드브릿지엑스</span>. All rights reserved.
            </p>
          </div>
        </div>
      </div>
    </footer>
  );
}