import React from 'react';
import Header from "@/components/Company/Header";
import Footer from "@/components/Company/Footer";
import PageBanner from '@/components/Common/PageBanner'; 
import ContactUs from '@/components/Company/ContactUs/ContactUs';
import Dealers from '@/components/Company/Home/Dealer';

import Cookies from "cookies";

//api
import Company from '@/api/new/company';

const Contact = function ({ companyData,company,dealers,icon,info,sosmed, ...props }) {
    return (
        <>
            <Header company={company} icon={icon} />
            <PageBanner pageTitle="Hubungi kami" />
            <Dealers title="Anda dapat mencapai kami di" dealers={dealers}/>
            <Footer company={companyData} icon={icon} social={sosmed} desc={info}/>
        </>
    )
}

export async function getServerSideProps(context) {
    var { req, resp } = context;
    var props = {};
    var companyName = process.env.NEXT_PUBLIC_COMPANY;
    // const cookies = new Cookies(req, resp);
    // var user = "";
    // var userObj = (await cookies.get("user"))
    //     ? JSON.parse(await cookies.get("user"))
    //     : null;
    // if (userObj) {
    //     let sessionId = userObj["partners_login_states"].filter(function (i) {
    //         return (
    //             i.business_partner && i.business_partner.name.toUpperCase() == "YAMAHA"
    //         );
    //     });
    //     if (sessionId.length != 0) user = userObj["username"];
    // }
    var res = await Company.companyByName(companyName);
    if (res["STATUS"] === 1 && res["DATA"]["companies"].data) {
        props["icon"] = res["DATA"]["companies"].data[0].attributes.Icon.data.attributes.url;
        props["dealers"] = res["DATA"]["companies"].data[0].attributes.Dealers.data;
        props["companyData"] =res["DATA"]["companies"].data[0].attributes;
        // props["company"] =res["DATA"]["companies"].data[0].attributes;
        props["info"] =res["DATA"]["companies"].data[0].attributes.Description;
        // props["gallery"] = (res["DATA"]["companies"].data[0].attributes.Gallery.data)?res["DATA"]["companies"].data[0].attributes.Gallery.data.map((data,idx)=>data.attributes.url):[];
        // props["background"] = res["DATA"]["companies"].data[0].attributes.Background.data.attributes.url;
        props["sosmed"] = res["DATA"]["companies"].data[0].attributes.Social_Medias.data;
    }  
    props["company"] =companyName;
    return {
        props, // will be passed to the page component as props
    };
}

export default Contact;