"use client";
import Link from "next/link";
import style from "./Footer.module.css";
import { useHeaderStore } from "@core/Store/Header.Store";
import { NO_CATEGORY } from "@core/Models/Categories.type";

export default function Footer() {
    const headerState = useHeaderStore();
    return (
        <>
            <div id="tx.home.footer.container" className={style.homeFooter}>
                <div className={style.footerContainer}>
                    <div className={style.footerLogoContainer} style={{ minWidth: "300" }}>
                        <img src="/tx-logo-short.svg" width="128" />
                    </div>
                    <div style={{ minWidth: "300" }}>
                        <h1>Secciones</h1>
                        <Link href="/" style={{ display: "block" }}>
                            Pagina principal
                        </Link>
                        <Link href="/landing/signup" style={{ display: "block" }}>
                            Registrarse
                        </Link>
                        <Link href="/landing/login" style={{ display: "block" }}>
                            Iniciar sesión
                        </Link>
                        <h1 style={{ marginTop: "5px" }}>Legales</h1>
                        <Link href="/landing/terms" style={{ display: "block" }}>
                            Términos y condiciones
                        </Link>
                        <Link href="/landing/privacy" style={{ display: "block" }}>
                            Política de privacidad
                        </Link>
                        <Link href="/landing/cookies" style={{ display: "block" }}>
                            Política de cookies
                        </Link>
                    </div>
                    <div style={{ minWidth: "300" }}>
                        <h1>Obtener turnos</h1>
                        <Link href="/landing/my-appointments" style={{ display: "block" }}>
                            Mis turnos
                        </Link>
                        <Link href="/landing/categories" style={{ display: "block" }}>
                            Explorar categorías
                        </Link>
                        <Link
                            href="/landing/find"
                            onClick={() => {
                                headerState.setPublicFindCategoryId(NO_CATEGORY);
                            }}
                            style={{ display: "block" }}
                        >
                            Explorar servicios
                        </Link>
                        <h1 style={{ marginTop: "5px" }}>Zona de usuarios</h1>
                        <Link href="/user/profile" style={{ display: "block" }}>
                            Perfil de usuario
                        </Link>
                        <Link href="/user/profile/notifications" style={{ display: "block" }}>
                            Notificaciones
                        </Link>
                        <Link href="/messenger" style={{ display: "block" }}>
                            Mensajes
                        </Link>
                    </div>
                    <div style={{ minWidth: "300" }}>
                        <h1>Ofrecer turnos</h1>
                        <Link href="/landing/offer-appointments" style={{ display: "block" }}>
                            Quiero ofrecer turnos
                        </Link>
                        <Link href="/landing/pricing" style={{ display: "block" }}>
                            Planes y precios
                        </Link>
                        <Link href="/admin/org" style={{ display: "block" }}>
                            Mis organizaciones
                        </Link>
                        <h1 style={{ marginTop: "5px" }}>Contacto</h1>
                        <Link href="mailto:info@turnosxpress.com.ar" style={{ display: "block" }}>
                            info@turnosxpress.com.ar
                        </Link>
                    </div>
                </div>
                <div className={style.copyContent}>
                    Todos los derechos reservados, © {new Date().getFullYear()} -
                    turnosxpress.com.ar
                </div>
            </div>
        </>
    );
}
