import Link from 'next/link'
import React from 'react'
import { getBrandsServer } from '@/services/server-public'
import type { BrandM } from '@shared/interfaces'

const FooterMenu = async() => { 

    let brands: BrandM[] = [];

    try {
        brands = await getBrandsServer();
    } catch {
        // Footer verisi ana sayfa içeriğinin render edilmesini engellememeli.
    }

    return (
        <div className='grid  grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4  xl:grid-cols-5 gap-4'>

            <div className='flex flex-col justify-start items-start'>
                <h4 className='text-head text-xl font-semibold mb-4' > Çözümler </h4>
                <ul className='text-sm space-y-1'>
                    <li>
                        <Link href={'/cozumler'}>
                            PLC- HMI Çözümleri
                        </Link>
                    </li>
                    <li>
                        <Link href={'/cozumler'}>
                            Otomasyon & Yazılım Çözümleri
                        </Link>
                    </li>
                    <li>
                        <Link href={'/cozumler'}>
                            Pano
                        </Link>
                    </li>
                    <li>
                        <Link href={'/cozumler'}>
                            Görsel Denetim Uygulamaları
                        </Link>
                    </li>
                    <li>
                        <Link href={'/cozumler'}>
                            Makine Emniyeti
                        </Link>
                    </li>
                    <li>
                        <Link href={'/cozumler'}>
                            Robotik
                        </Link>
                    </li>
                    <li>
                        <Link href={'/cozumler'}>
                            Hareket Kontrol Uygulamaları
                        </Link>
                    </li>
                    <li>
                        <Link href={'/cozumler'}>
                            Veri Toplama ve Analiz
                        </Link>
                    </li>
                    <li>
                        <Link href={'/cozumler'}>
                            Özel Projeler
                        </Link>
                    </li>
                    <li>
                        <Link href={'/cozumler'}>
                            Lojistik
                        </Link>
                    </li>

                </ul>
            </div>

            <div className='flex flex-col justify-start items-start'>
                <h4 className='text-head text-xl font-semibold mb-4' > Sektörler </h4>
                <ul className='text-sm space-y-1'>
                    <li>
                        <Link href={'/cozumler/gida'}>
                            Gıda Endüstrisi
                        </Link>
                    </li>
                    <li>
                        <Link href={'/cozumler/baski'}>
                            Endüstriyel Baskı
                        </Link>
                    </li>
                    <li>
                        <Link href={''}>
                            Ekstrüzyon Endüstrisi
                        </Link>
                    </li>
                    <li>
                        <Link href={'/cozumler/otomotiv'}>
                            Otomotiv
                        </Link>
                    </li>
                    <li>
                        <Link href={'/cozumler/geridonusum'}>
                            Geri Dönüşüm
                        </Link>
                    </li>
                    <li>
                        <Link href={'/cozumler/test'}>
                            Test Teknolojileri
                        </Link>
                    </li>
                    <li>
                        <Link href={'/cozumler/sulama'}>
                            Sulama
                        </Link>
                    </li>

                </ul>
            </div>

            <div className='flex flex-col justify-start items-start'>
                <h4 className='text-head text-xl font-semibold mb-4' ><Link href={'/brands'}> Markalar </Link>  </h4>
                <ul className='text-sm space-y-1'>

                    {  

                        brands && brands.map( (item) =>(
                            <li key={item._id}>
                            <Link href={'/brands/'+item.slug}>
                                { item.name}
                            </Link>
                        </li>
                        ))
  
                    }
                   
               
                  
                </ul>
            </div>

            <div className='flex flex-col justify-start items-start'>
                <h4 className='text-head text-xl font-semibold mb-4' > Ürünler</h4>
                <ul className='text-sm space-y-1'>
                    <li>
                        <Link href={'/category/otomasyon-sistemleri'}>
                            Otomasyon Sistemleri
                        </Link>
                    </li>
                    <li>
                        <Link href={'/category/kalite-kontrol-ve-denetim'}>
                            Kalite Kontrol ve Denetim
                        </Link>
                    </li>
                    <li>
                        <Link href={'/category/hareket-ve-suruculer'}>
                            Hareket ve Sürücüler
                        </Link>
                    </li>
                    <li>
                        <Link href={'/category/anahtarlama-komponentleri'}>
                            Anahtarlama Komponentleri
                        </Link>
                    </li>
                    <li>
                        <Link href={'/category/robotlar'}>
                            Robotlar
                        </Link>
                    </li>
                    <li>
                        <Link href={'/category/emniyet'}>
                            Emniyet
                        </Link>
                    </li>
                    <li>
                        <Link href={'/category/algilama'}>
                            Algılama
                        </Link>
                    </li>
                    <li>
                        <Link href={'/category/kontrol-komponentleri'}>
                            Kontrol Komponentleri
                        </Link>
                    </li>
                </ul>
            </div>

            <div className='flex flex-col justify-start items-start'>
                <h4 className='text-head  text-xl font-semibold mb-4' > Kurumsal </h4>
                <ul className='text-sm space-y-1'>
                    <li>
                        <Link href={'/kurumsal'}>
                            SECA Hakkında
                        </Link>
                    </li>
                   <li>
                        <Link href={'/references'}>
                            Referanslar
                        </Link>
                    </li>
                    <li>
                        <Link href={'/catalogs'}>
                            Kataloglar
                        </Link>
                    </li>
                    
                    { /* 
                    <li>
                        <Link href={''}>
                            Etkinlikler
                        </Link>
                    </li> */}
                    <li>
                        <Link href={'/blog'}>
                            Bilgi Bankası
                        </Link>
                    </li>   
                    <li>
                        <Link href={'/kariyer'}>
                            İnsan Kaynakları
                        </Link>
                    </li>   
                    <li>
                        <Link href={'/kvkk'}>
                            KVKK
                        </Link>
                    </li>
                    <li>
                        <Link href={'/muhendislik-araclari'}>
                            Mühendislik Araçları
                        </Link>
                    </li>
                    <li>
                        <Link href={'/iletisim'}>
                            İletişim
                        </Link>
                    </li>

                </ul>
            </div>

        </div>
    )
}

export default FooterMenu