import React from 'react';
import { Layout, Row, Col } from 'antd';
import { PhoneOutlined, HomeOutlined, MailOutlined } from '@ant-design/icons';
import { FaHome, FaPhone, FaEnvelope, FaYoutube, FaGithub, FaFacebook, FaLinkedin, FaTwitter, FaInstagram, FaDiscord } from 'react-icons/fa';
import { RiOpenSourceFill } from 'react-icons/ri';
import Configuration from '../../components/Configuration';

import './index.less';

const { Footer } = Layout;

function BaseFooter() {
  return (
    <Footer>
      <Row className="ant-layout-footer__wrapper" align="middle" gutter={[0, 10]}>
        <Col xs={24} lg={8}>
          <div className="logo" data-sal="slide-up" data-sal-duration="2000" data-sal-easing="ease-out-cubic">
            <img alt="logo" src="/images/logo.png" />
          </div>
        </Col>
        <Col xs={{ span: 24 }} lg={{ span: 8, offset: 8 }}>
          <Row className="footer__address">
            <Col><HomeOutlined /></Col>
            <Col>&nbsp;</Col>
            <Col>
              <address><Configuration parameter="footer-address" multilines/></address>
            </Col>
          </Row>
          <Row>
            <Col>
              <p><PhoneOutlined /> <Configuration parameter="footer-phone"/></p>
            </Col>
          </Row>
          <Row>
            <Col>
              <p><MailOutlined /> <Configuration parameter="footer-email"/></p>
            </Col>
          </Row>
          <p className="footer__social-links">
            <a href="https://github.com/netuno-org" className="share-icons">
              <FaGithub />
            </a>
            <a href="https://www.youtube.com/channel/UCYY1Nz6T2NJtP29vba2fqkg" className="share-icons">
              <FaYoutube />
            </a>
            <a href="https://twitter.com/netuno_org" className="share-icons">
              <FaTwitter />
            </a>
            <a href="https://www.linkedin.com/company/netuno-org/" className="share-icons">
              <FaLinkedin />
            </a>
            <a href="https://discord.gg/4sfXG6YWFu" className="share-icons">
              <FaDiscord />
            </a>
            <a href="https://www.facebook.com/netuno.org/" className="share-icons">
              <FaFacebook />
            </a>
            <a href="https://www.instagram.com/netuno_org/" className="share-icons">
              <FaInstagram />
            </a>
          </p>
        </Col>
      </Row>
    </Footer>
  );
}

export default BaseFooter;