import { Link } from '@inertiajs/react';
import { HelpCircle } from 'react-feather';

export default function Footer() {
    return (
        <div id="Footer">
            <div id="copyright" className="navbar px-4 bg-primary-background border-b border-t border-secondary-main">
                <div id="licenses" className="navbar-start">
                    <ul className="menu menu-horizontal px-1">
                        <li>
                            <Link
                                href="/privacy-policy"
                                className="btn btn-link font-normal text-base leading-4 text-secondary-main">
                                    Privacy Policy
                            </Link>
                        </li>
                        <li>
                            <Link
                                href="/terms-of-use"
                                className="btn btn-link font-normal text-base leading-4 text-secondary-main">
                                    Terms of Use
                            </Link>
                        </li>
                    </ul>
                </div>

                <div id="copyright-notice" className="navbar-end">
                    <p className="font-light text-sm leading-4">Copyright © 2024 DOST. All rights reserved.</p>
                    <Link href="/help">
                        <div id="btn-help" className="btn transition rounded-badge mx-4 bg-info-background border border-info-border hover:bg-info-focus hover:border-info-border active:bg-info-focus active:border-info-focus px-4 py-2 text-info-main">
                            {/* <img src="./assets/images/icons/ico-help.png" alt="Help Icon" width="20" height="20" /> */}
                            <HelpCircle className='stroke-[#0065C1]' />
                            <span className="font-semibold text-sm leading-5">Help</span>
                        </div>
                    </Link>
                </div>
            </div>

            <div id="gov-info" className="py-4 flex justify-between pl-6 pr-24 bg-[#F0F0F0]">
                <section id="seal">
                    <img src="./assets/images/img-philippineSeal.png" alt="Philippine Seal" width="230" height="230" />
                </section>
                
                <section id="disclaimer">
                    <h3 className="font-normal text-base leading-5">REPUBLIC OF THE PHILIPPINES</h3>
                    <p className="font-light text-sm leading-5">All content is in the public domain unless<br />otherwise stated.</p>
                </section>
                
                <section id="gov-ph">
                    <h3 className="font-normal text-base leading-5">ABOUT GOVPH</h3>
                    <p className="font-light text-sm leading-5">Learn more about the Philippine government,
                        <br />its structure, how government works
                        <br />and the people behind it.
                    </p>
                    <br />
                    <ul>
                        <li>
                            <a href="https://www.gov.ph/"
                                target="_blank"
                                rel="noopener noreferrer"
                                className="font-light text-sm leading-5">
                                    GOV.PH
                            </a>
                        </li>
                        <li>
                            <a href="http://www.gov.ph/data"
                                target="_blank"
                                rel="noopener noreferrer"
                                className="font-light text-sm leading-5">
                                    Open Data Portal
                            </a>
                        </li>
                        <li>
                            <a href="https://www.officialgazette.gov.ph/"
                                target="_blank"
                                rel="noopener noreferrer"
                                className="font-light text-sm leading-5">
                                    Official Gazette
                            </a>
                        </li>
                    </ul>
                </section>
                
                <section id="gov-links">
                    <h3 className="font-normal text-base leading-5">GOVERNMENT LINKS</h3>
                    <ul>
                        <li>
                            <a href="http://op-proper.gov.ph/"
                                target="_blank"
                                rel="noopener noreferrer"
                                className="font-light text-sm leading-5">
                                    Office of the President
                            </a>
                        </li>
                        <li>
                            <a href="https://ovp.gov.ph/"
                                target="_blank"
                                rel="noopener noreferrer"
                                className="font-light text-sm leading-5">
                                    Office of the Vice President
                            </a>
                        </li>
                        <li>
                            <a href="http://senate.gov.ph/"
                                target="_blank"
                                rel="noopener noreferrer"
                                className="font-light text-sm leading-5">
                                    Senate of the Philippines
                            </a>
                        </li>
                        <li>
                            <a href="http://www.congress.gov.ph/"
                                target="_blank"
                                rel="noopener noreferrer"
                                className="font-light text-sm leading-5">
                                    House of Representatives
                            </a>
                        </li>
                        <li>
                            <a href="http://sc.judiciary.gov.ph/"
                                target="_blank"
                                rel="noopener noreferrer"
                                className="font-light text-sm leading-5">
                                    Supreme Court
                            </a>
                        </li>
                        <li>
                            <a href="http://ca.judiciary.gov.ph/"
                                target="_blank"
                                rel="noopener noreferrer"
                                className="font-light text-sm leading-5">
                                    Court of Appeals
                            </a>
                        </li>
                        <li>
                            <a href="http://sb.judiciary.gov.ph/"
                                target="_blank"
                                rel="noopener noreferrer"
                                className="font-light text-sm leading-5">
                                    Sandiganbayan
                            </a>
                        </li>
                    </ul>
                </section>
            </div>
        </div>
    )
}