import Input from '@/components/Input'
import { ArrowLeft } from 'iconsax-react'
import Image from 'next/image'
import Link from 'next/link'
import { FC } from 'react'

const Footer: FC = () => {
    return (
        <div className='w-full border-4 border-white rounded-4xl bg-white/26 px-4 min-h-[550px] xl:mt-24 mt-16 flex flex-col'>
            <div className=' flex flex-col flex-1 w-full  pt-10'>
                <div className='flex-1 flex items-center pb-10'>

                    <div className='flex xl:flex-row flex-col xl:gap-24 gap-7 w-full justify-between xl:px-10'>

                        <div className='xl:max-w-[203px] flex flex-col items-center text-right xl:items-start xl:text-right'>
                            <Link href='/'>
                                <Image
                                    src={'/images/logo.svg'}
                                    width={140}
                                    height={58}
                                    alt='لوگو داناک'
                                />
                            </Link>

                            <p className='mt-6 text-sm xl:text-justify text-right'>
                                ما در داناک هم تولیدکننده نرم‌افزارهای پیشرفته هستیم و هم بستری برای فروش محصولات نرم‌افزاری دیگران فراهم کرده‌ایم. با ما هوشمندانه بسازید و حرفه‌ای بفروشید.
                            </p>
                        </div>

                        <div className='flex xl:gap-24 gap-7 justify-between'>
                            <div>
                                <h6 className='font-bold xl:text-base text-xs'>
                                    داناک
                                </h6>
                                <ul className='xl:text-sm text-xs mt-4 flex flex-col gap-4 text-right'>
                                    <li>
                                        <Link href='/products'>
                                            محصولات
                                        </Link>
                                    </li>
                                    <li>
                                        <Link href='/danak-services'>
                                            خدمات
                                        </Link>
                                    </li>
                                    <li>
                                        <Link href='/blogs'>
                                            مجله
                                        </Link>
                                    </li>
                                </ul>
                            </div>

                            <div>
                                <h6 className='font-bold xl:text-base text-xs whitespace-nowrap'>
                                    سرویس ها محبوب
                                </h6>
                                <ul className='xl:text-sm text-xs mt-4 flex flex-col gap-4 text-right'>
                                    <li>
                                        <Link href='/products/63462bf5-2a34-4466-819f-43d0593e999a'>
                                            دی منو
                                        </Link>
                                    </li>
                                    <li>
                                        <Link href='/products/e51afdc3-ea0b-49cf-8f49-2a6f131b024e'>
                                            دی میل
                                        </Link>
                                    </li>
                                    <li>
                                        <Link href='/products/d9fd428b-72a5-4ecf-a701-f1c0fb332f63'>
                                            دی پیج
                                        </Link>
                                    </li>
                                </ul>
                            </div>

                            <div>
                                <h6 className='font-bold xl:text-base text-xs'>
                                    همکاری با داناک
                                </h6>
                                <ul className='xl:text-sm text-xs mt-4 flex flex-col gap-4 text-right'>
                                    <li>
                                        <Link href='/developers'>
                                            توسعه دهندگان
                                        </Link>
                                    </li>
                                    <li>
                                        <Link href='/representatives'>
                                            نمایندگان
                                        </Link>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div className='w-full flex-1 max-w-[204px]'>
                            <h6 className='font-bold xl:text-base text-xs'>
                                خبرنامه
                            </h6>

                            <div className='mt-4 relative'>
                                <Input
                                    className='bg-[#ECEFF6] border-none shadow-inner'
                                />
                                <div className='absolute left-1 top-1 rounded-xl size-8 bg-white flex justify-center items-center'>
                                    <ArrowLeft
                                        size={18}
                                        color='black'
                                    />
                                </div>
                            </div>

                            <div className='mt-10 flex gap-4 items-center justify-center xl:justify-start'>
                                <a href='https://www.linkedin.com/company/danakcorporation/' target='_blank'>
                                    <Image
                                        src={'/images/linkedin.svg'}
                                        width={24}
                                        height={24}
                                        alt='داناک لینکداین'
                                    />
                                </a>

                                <a href='https://www.instagram.com/danakcorporation/' target='_blank'>
                                    <Image
                                        src={'/images/instagram.svg'}
                                        width={24}
                                        height={24}
                                        alt='داناک ایسنتاگرام'
                                    />
                                </a>


                                <a href='https://wa.me/989032137997' target='_blank'>
                                    <Image
                                        src={'/images/whatsapp.svg'}
                                        width={24}
                                        height={24}
                                        alt='داناک واتساپ'
                                    />
                                </a>

                                <a href='https://t.me/danak_marketing' target='_blank'>
                                    <Image
                                        src={'/images/telegram.svg'}
                                        width={24}
                                        height={24}
                                        alt='داناک تلگرام'
                                    />
                                </a>
                            </div>
                        </div>

                    </div>

                </div>
                <div className='xl:h-14 border-t border-[#DADDE6] flex xl:flex-row flex-col gap-5 pt-5 xl:pt-0 justify-between items-center'>
                    <ul className='flex gap-4 xl:text-sm text-[10px]'>
                        <Link href={'/about'}>
                            <li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
                                درباره ی ما
                            </li>
                        </Link>
                        <li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
                            حریم خصوصی
                        </li>
                        <li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
                            قوانین و مقررات
                        </li>
                        <Link href={'/contact'}>
                            <li>
                                تماس با ما
                            </li>
                        </Link>
                    </ul>

                    <div className='xl:text-sm text-xs dltr pb-4 xl:pb-0'>
                        © 2025 Danak. All rights reserved.
                    </div>
                </div>
            </div>
        </div>
    )
}

export default Footer