"use client"

import React from 'react';

interface Partner {
  name: string;
  url: string;
  logo: string;
}

interface PartnerGroup {
  category: string;
  partners: Partner[];
}

const PARTNER_DATA: PartnerGroup[] = [
  {
    category: "Organizator",
    partners: [
      { name: "Colegiul Economic Costin C. Kirițescu", url: "https://kiritescu.ro", logo: "kiritescu.png" }
    ]
  },
  {
    category: "Parteneri strategici (co-organizatori)",
    partners: [
      { name: "Muzeul Național de Istorie a României", url: "https://www.mnir.ro", logo: "mnir.jpg" },
      { name: "Facultatea de Geografie - Universitatea din București", url: "https://geo.unibuc.ro", logo: "unibuc.png" },
      { name: "Asociația geo-spatial.org", url: "https://geo-spatial.org", logo: "geospatialorg.png" }
    ]
  },
  {
    category: "Parteneri",
    partners: [
      { name: "Facultatea de Istorie - Universitatea din București", url: "https://istorie.unibuc.ro", logo: "istorie.jpg" },
      { name: "Inspectoratul Școlar Județean Vrancea", url: "https://isjvrancea.ro", logo: "isjvrancea.png" },
      { name: "Casa Corpului Didactic a Municipiului București", url: "https://www.ccd-bucuresti.org", logo: "ccdb.png" },
      { name: "Asociația Studenților Geografi", url: "https://www.asgub.com", logo: "asg.png" },
      { name: "Colegiul Național Cantemir-Vodă", url: "https://www.cncv.ro", logo: "cncv.jpg" },
      { name: "Colegiul Național de Informatică Tudor Vianu", url: "http://portal.lbi.ro", logo: "cnitv.png" },
      { name: "Colegiul Național Mihai Viteazul", url: "https://www.cnmv.ro", logo: "cnmv.png" },
      { name: "Colegiul Național Spiru Haret", url: "https://cnshb.ro", logo: "cnsh.png" },
      { name: "Colegiul Național Ion Creangă", url: "https://cnion-creanga.ro", logo: "cnic.png" },
      { name: "Colegiul Național Alexandru Papiu Ilarian", url: "https://papiu.ro", logo: "cnapi.png" },
      { name: "Colegiul Național Tudor Vladimirescu", url: "https://cntv-edu.ro", logo: "cntv.png" },
      { name: "Colegiul Tehnic de Căi Ferate Unirea", url: "https://unireapascani.ro", logo: "unirea.png" },
      { name: "Colegiul Tehnic Petru Maior", url: "https://ctpetrumaior.ro", logo: "ctpm.jpg" },
      { name: "Colegiul Național Ion Neculce", url: "https://neculce.ro", logo: "cnin.png" },
      { name: "Colegiului Tehnic Mircea cel Bătrân", url: "https://ctmcb.ro", logo: "ctmcb.png" },
      { name: "Liceul Teologic Adventist Ștefan Demetrescu", url: "https://liceuladventist.ro", logo: "ltasd.jpg" },
      { name: "Liceul Teoretic Traian", url: "https://www.liceultraianbucuresti.ro", logo: "ltt.png" },
      { name: "Colegiul Tehnic de Poștă și Telecomunicații Gheorghe Airinei", url: "https://ctptc-airinei.ro", logo: "ctptga.png" },
      { name: "Liceul Teoretic Mihail Săulescu Predeal", url: "https://liceulpredeal.ro", logo: "ltmsp.png" },
      { name: "Liceul Tehnologic Constantin Brâncuși București", url: "https://www.c-brancusi.ro", logo: "ltcb.jpg" },
      { name: "Colegiul Economic Mihail Kogălniceanu Vrancea", url: "https://cemk.ro", logo: "cemkv.jpg" },
      { name: "Liceul Tehnologic Tismana", url: "https://sites.google.com/site/grupscolartismana2011", logo: "ctt.jpg" },
      { name: "Colegiului Tehnic Auto Traian Vuia Focșani", url: "http://www.colegiultehnicautotraianvuiafocsani.ro", logo: "ctatvf.jpg" }
    ]
  },
  {
    category: "Sponsori",
    partners: [
      { name: "Trident Pharma", url: "", logo: "tf.png" },
      { name: "Asociația Liceelor Hoteliere și de Turism din România", url: "", logo: "arlitht.png" },
      { name: "Universitatea Națională de Știință și Tehnologie POLITEHNICA București", url: "https://upb.ro", logo: "upb.png" }
    ]
  }
];

export function Partners() {
  return (
    <div style={{ marginTop: '3rem', padding: '2rem 1rem', borderTop: '1px solid var(--border-color)', background: 'rgba(var(--surface-color-rgb), 0.5)' }}>
      <div className="container">
        {PARTNER_DATA.map((group, idx) => (
          <div key={idx} style={{ marginBottom: '3rem' }}>
            <h3 style={{ fontSize: '0.9rem', textTransform: 'uppercase', letterSpacing: '0.1em', color: 'var(--text-muted)', marginBottom: '1.5rem', fontWeight: 600 }}>
              {group.category}
            </h3>
            <div style={{ 
              display: 'flex', 
              flexWrap: 'wrap', 
              justifyContent: 'center', 
              alignItems: 'center', 
              gap: '2.5rem',
              padding: '0 1rem'
            }}>
              {group.partners.map((partner, pIdx) => {
                const content = (
                  <img 
                    src={`/rovibe/partners/${partner.logo}`} 
                    alt={partner.name} 
                    title={partner.name}
                    style={{ 
                      maxHeight: group.category === 'Organizator' ? '60px' : '45px',
                      maxWidth: '180px',
                      width: 'auto',
                      height: 'auto',
                      filter: 'grayscale(0%)',
                      transition: 'all 0.3s ease',
                      display: 'block'
                    }} 
                  />
                );

                return partner.url ? (
                  <a 
                    key={pIdx} 
                    href={partner.url} 
                    target="_blank" 
                    rel="noopener noreferrer"
                    style={{ 
                      display: 'flex', 
                      alignItems: 'center', 
                      justifyContent: 'center',
                      opacity: 0.85,
                      transition: 'opacity 0.3s ease, transform 0.3s ease',
                      textDecoration: 'none'
                    }}
                    onMouseEnter={(e) => {
                      e.currentTarget.style.opacity = '1';
                      e.currentTarget.style.transform = 'scale(1.05)';
                    }}
                    onMouseLeave={(e) => {
                      e.currentTarget.style.opacity = '0.85';
                      e.currentTarget.style.transform = 'scale(1)';
                    }}
                  >
                    {content}
                  </a>
                ) : (
                  <div 
                    key={pIdx} 
                    style={{ 
                      display: 'flex', 
                      alignItems: 'center', 
                      justifyContent: 'center',
                      opacity: 0.85 
                    }}
                  >
                    {content}
                  </div>
                );
              })}
            </div>
          </div>
        ))}
      </div>
    </div>
  );
}