import React from 'react';
import SalesList from '@/components/Common/new/Sales';

//api
import Sales from "@/api/new/sales";
import Company from "@/api/new/company";
import { FaSatelliteDish } from 'react-icons/fa';

const Salesmen = function ({  companyName,sales, ...props }) {
    return (
        <>
            <SalesList company={companyName} sales={sales} />
        </>
    )
}

export default Salesmen;

export async function getServerSideProps(context) {
    var companyName = process.env.NEXT_PUBLIC_COMPANY;
    if(companyName)companyName=companyName.toLowerCase();
    var sales = [];
    var res = await Company.companyByName(companyName);
    if (res["STATUS"] === 1) {
        var getSales = await Sales.salesbyCompany(res["DATA"]["companies"].data[0].id);
        if (getSales["STATUS"] === 1 && getSales["DATA"].salesmen.data) {
            sales = getSales["DATA"].salesmen.data.map((i)=>i.attributes);
            if(sales.length>0){
                for(var i=0;i<sales.length;i++){
                    sales[i]['id'] = getSales["DATA"].salesmen.data[i].id;
                }
            }
        }
    }
    return {
        props: { sales,companyName }, // will be passed to the page component as props
    };
}