/* Footer.jsx */

function PMTFooter({ navigate, setSubPage }) {
  const goTo = (page, subPage) => {
    setSubPage && setSubPage(subPage || null);
    navigate(page);
  };
  return (
    <footer className="pmt-pad-lg" style={{ background:'#0a0a0a', padding:'64px 48px 32px', color:'rgba(255,255,255,0.4)' }}>
      <div style={{ maxWidth:1280, margin:'0 auto' }}>
        <div className="rgrid-4" style={{ display:'grid', gridTemplateColumns:'2.2fr 1fr 1fr 1fr', gap:48, marginBottom:56, paddingBottom:48, borderBottom:'1px solid rgba(255,255,255,0.07)' }}>

          {/* Brand */}
          <div>
            <div style={{ display:'flex', alignItems:'center', gap:12, marginBottom:18, cursor:'pointer' }} onClick={()=>navigate('home')}>
              <img src="assets/logo.png" alt="PMT" style={{ height:40 }} />
              <div style={{ fontSize:18, fontWeight:800, color:'rgba(255,255,255,0.9)', letterSpacing:'-0.03em' }}>PMT Innovation Co.,Ltd</div>
            </div>
            <p style={{ fontSize:14, lineHeight:1.8, maxWidth:320, color:'rgba(255,255,255,0.35)', fontWeight:500 }}>3D 바디스캐너 전문 연구개발 기업 - 자체 기술로 인체측정 솔루션의 새로운 패러다임을 제시합니다.</p>
          </div>

          {/* Solutions */}
          <div>
            <div style={{ fontSize:11, fontWeight:700, letterSpacing:'0.1em', textTransform:'uppercase', color:'rgba(255,255,255,0.25)', marginBottom:18 }}>솔루션</div>
            {['성형·비만클리닉','한의원','대학교 연구소·연구기관','의류업체','에스테틱·필라테스'].map(item => (
              <div key={item} onClick={()=>goTo('solutions', item)} style={{ fontSize:13, marginBottom:11, color:'rgba(255,255,255,0.4)', cursor:'pointer', fontWeight:500, transition:'color 200ms' }}
                onMouseEnter={e=>e.currentTarget.style.color='rgba(255,255,255,0.85)'}
                onMouseLeave={e=>e.currentTarget.style.color='rgba(255,255,255,0.4)'}
              >{item}</div>
            ))}
          </div>

          {/* Products */}
          <div>
            <div style={{ fontSize:11, fontWeight:700, letterSpacing:'0.1em', textTransform:'uppercase', color:'rgba(255,255,255,0.25)', marginBottom:18 }}>제품</div>
            {[['PFS-304 Series','PFS-304'],['PFS-304N','PFS-N304'],['Shape Care','Shape Care'],['SHAPENIX','SHAPENIX']].map(([label,id]) => (
              <div key={id} onClick={()=>goTo('products', id)} style={{ fontSize:13, marginBottom:11, color:'rgba(255,255,255,0.4)', cursor:'pointer', fontWeight:500, transition:'color 200ms' }}
                onMouseEnter={e=>e.currentTarget.style.color='rgba(255,255,255,0.85)'}
                onMouseLeave={e=>e.currentTarget.style.color='rgba(255,255,255,0.4)'}
              >{label}</div>
            ))}
          </div>

          {/* Company */}
          <div>
            <div style={{ fontSize:11, fontWeight:700, letterSpacing:'0.1em', textTransform:'uppercase', color:'rgba(255,255,255,0.25)', marginBottom:18 }}>회사</div>
            {[['cases','도입사례'],['contact','Contact Us']].map(([id,label]) => (
              <div key={id} onClick={()=>goTo(id)} style={{ fontSize:13, marginBottom:11, color:'rgba(255,255,255,0.4)', cursor:'pointer', fontWeight:500, transition:'color 200ms' }}
                onMouseEnter={e=>e.currentTarget.style.color='rgba(255,255,255,0.85)'}
                onMouseLeave={e=>e.currentTarget.style.color='rgba(255,255,255,0.4)'}
              >{label}</div>
            ))}
            <div style={{ marginTop:24, paddingTop:24, borderTop:'1px solid rgba(255,255,255,0.06)' }}>
              <div style={{ fontSize:11, fontWeight:700, letterSpacing:'0.08em', textTransform:'uppercase', color:'rgba(255,255,255,0.2)', marginBottom:8 }}>해외 수출</div>
              <div style={{ fontSize:13, color:'rgba(255,255,255,0.35)', fontWeight:500 }}>일본 · 인도네시아</div>
            </div>
          </div>
        </div>

        {/* Bottom */}
        <div style={{ fontSize:12, color:'rgba(255,255,255,0.25)', fontWeight:500, marginBottom:16 }}>
          경기도 의왕시 이미로 40, D동 314호 (포일동 653, 인덕원 IT밸리) · 031-719-0792
        </div>
        <div style={{ display:'flex', justifyContent:'space-between', alignItems:'center', fontSize:12, flexWrap:'wrap', gap:12 }}>
          <span style={{ color:'rgba(255,255,255,0.2)', fontWeight:500 }}>© 2025 ㈜피엠티이노베이션. All rights reserved.</span>
          <div style={{ display:'flex', gap:24 }}>
            <span style={{ color:'rgba(255,255,255,0.2)', fontWeight:500 }}>pmt3d.co.kr</span>
            <span style={{ color:'rgba(255,255,255,0.2)', fontWeight:500 }}>3D Body Scanner Specialist</span>
          </div>
        </div>
      </div>
    </footer>
  );
}

Object.assign(window, { PMTFooter });