import React from 'react';
import Link from 'next/link';
import { Link  as LinkScroll} from 'react-scroll';
import * as Icon from 'react-feather';

const Footer = ({info,social,desc,isHome}) => {
    info = (info == null)?{
        Email : "",
        Telp :"",
        Address : "",
    }:info;
    isHome = (isHome == null)?true:isHome;
    const currentYear = new Date().getFullYear();
    const Socials = (social)?social.map((data,idx)=>{
        return(
            <li key={idx}>
                <Link href={data.attributes.Link}>
                    {
                        (data.attributes.Type =='Facebook')
                        ?(<a className="facebook" target="_blank"><Icon.Facebook /></a>)
                        :(data.attributes.Type =='Instagram')
                        ?(<a className="instagram" target="_blank"><Icon.Instagram /></a>)
                        :(data.attributes.Type =='Twitter')
                        ?(<a className="twitter" target="_blank"><Icon.Twitter /></a>)
                        :(data.attributes.Type =='Youtube')
                        ?(<a className="youtube" target="_blank"><Icon.Youtube /></a>):""
                    }
                </Link>
            </li>
        );
    }):"";

    return (
        <footer className="footer-area bg-f7fafd">
            <div className="container">
                <div className="row">
                    <div className="col-lg-3 col-md-6">
                        <div className="single-footer-widget">
                            <div className="logo">
                                <Link offset={100} href="/it-startup">
                                    <a>
                                        <img src="/images/TBG-Home/White.png" width="250px" alt="logo" />
                                    </a>
                                </Link>
                            </div>
                            <p>{desc}</p>
                        </div>
                    </div>

                    <div className="col-lg-3 col-md-6">
                        <div className="single-footer-widget pl-5">
                            <h3>Menu</h3>
                            <ul className="list">
                            {(isHome)
                                ?(
                                    <>
                                        <li>
                                            <LinkScroll href="/#" to="home" spy={true} smooth={true}>
                                                <a>Home</a>
                                            </LinkScroll>
                                        </li>
                                        <li>
                                            <LinkScroll offset={-100} href="/#" to="business_partner" spy={true} smooth={true}>
                                                <a>Businees Partner</a>
                                            </LinkScroll>
                                        </li>
                                        <li>
                                            <LinkScroll offset={-100} href="/#" to="industri" spy={true} smooth={true}>
                                                <a>Industri</a>
                                            </LinkScroll>
                                        </li> 
                                        <li>
                                            <LinkScroll offset={-100} href="/#" to="gallery" spy={true} smooth={true}>
                                                <a>Gallery</a>
                                            </LinkScroll>
                                        </li>
                                        <li>
                                            <LinkScroll offset={-100} href="/#" to="subscribe" spy={true} smooth={true}>
                                                <a>Subscribe</a>
                                            </LinkScroll>
                                        </li>
                                    </>
                                )
                                :(
                                    <>
                                        <li>
                                            <Link href={{
                                                pathname:"/",
                                                query:{
                                                    "s":"home"
                                                }
                                            }}>
                                                <a>Home</a>
                                            </Link>
                                        </li>
                                        <li>
                                            <Link href={{
                                                pathname:"/",
                                                query:{
                                                    "s":"business_partner"
                                                }
                                            }}>
                                                <a>Businees Partner</a>
                                            </Link>
                                        </li>
                                        <li>
                                            <Link href={{
                                                pathname:"/",
                                                query:{
                                                    "s":"industri"
                                                }
                                            }}>
                                                <a>Industri</a>
                                            </Link>
                                        </li> 
                                        <li>
                                            <Link href={{
                                                pathname:"/",
                                                query:{
                                                    "s":"gallery"
                                                }
                                            }}>
                                                <a>Gallery</a>
                                            </Link>
                                        </li>
                                        <li>
                                            <Link href={{
                                                pathname:"/",
                                                query:{
                                                    "s":"subscribe"
                                                }
                                            }}>
                                                <a>Subscribe</a>
                                            </Link>
                                        </li>
                                    </>
                                )}
                            </ul>
                        </div>
                    </div>

                    <div className="col-lg-6 col-md-6">
                        {/* <div className="single-footer-widget">
                            <h3>Address</h3>
                            
                            <ul className="footer-contact-info">
                                <li> 
                                    <Icon.MapPin />
                                    {info.Address}
                                </li>
                                <li>
                                    <Icon.Mail />
                                    Email: <a href={`mailto:${info.Email}`}>{info.Email}</a>
                                </li>
                                <li> 
                                    <Icon.PhoneCall />
                                    Phone: <a href={`tel:${info.Telp}`}>{info.Telp}</a>
                                </li>
                            </ul>
                            <ul className="social-links">
                                {Socials}
                            </ul>
                        </div> */}
                    </div>

                    <div className="col-lg-12 col-md-12">
                        <div className="copyright-area">
                            <p>Copyright &copy; {currentYear} All Right Reserved by <a href="https://thamrin.co.id/" target="_blank">PT THAMRIN BROTHERS</a></p>
                        </div>
                    </div>
                </div>
            </div>

            <img src="/images/map.png" className="map" alt="map" />

            {/* Shape Images */}
            <div className="shape1">
                <img src="/images/shape1.png" alt="shape" />
            </div>
            <div className="shape8 rotateme">
                <img src="/images/shape2.svg" alt="shape" />
            </div>
        </footer>
    )
     
}

export default Footer;