import React from 'react';
import Header from "@/components/Company/Header";
import Footer from "@/components/Company/Footer";
import PageBanner from '@/components/Common/PageBanner';
import NewsList from '@/components/Common/new/NewsList';

//api
import Social from "@/api/new/social";
import News from "@/api/new/news";
import Company from "@/api/new/company";
 
const NewsPage = ({companyData,company,icon,sosmed,news,pageCount,page,desc}) => {
    return (
        <>
            <Header company={company} icon={icon}/>
            <PageBanner pageTitle="Berita Terbaru" />
            <NewsList company={company} news={news} current={page} pages={pageCount}/>
            <Footer company={companyData} icon={icon} desc={desc} social={sosmed}/>
        </>
    )
}
export async function getServerSideProps(context) {
    var companyName = process.env.NEXT_PUBLIC_COMPANY;
    var page = context.query.p||1;
    var props = {};
    try{
        var res = await Company.companyByName(companyName);
        if (res["STATUS"] === 1) {
            props["icon"] = res["DATA"]["companies"].data[0].attributes.Icon.data.attributes.url;
            props["desc"] = res["DATA"]["companies"].data[0].attributes.Description;
            props["companyData"] =res["DATA"]["companies"].data[0].attributes;
        }
        var socials = await Social.socialByCompany(companyName);
        if(socials["STATUS"]==1){
            props["sosmed"] = socials["DATA"].socialMedias.data;
        }
        var news = await News.newsByCompanyName(companyName,6,page);
        if(news["STATUS"]==1){
            props["news"] = news["DATA"].contents.data;
            props["pageCount"] = news["DATA"].contents.meta.pagination.pageCount;
        }
        props["page"] = page;
        props["company"] = companyName;
    }
    catch(e){}
    return {
        props, // will be passed to the page component as props
    };
}
export default NewsPage;