import React from "react";
import PersonalTimeRequest from "../../../../core/models/PersonalTimeRequest";
import PersonalTimeRequests from "../../../../core/collections/PersonalTimeRequests";
import ActionForms from "../../../../core/containers/PersonalTimeRequests/ActionForms";
import PageTitleHOC from '../../../../PageTitleHOC';
import Entities from "../../../../core/containers/NewEntity/EntitiesListContainer";
import ContextHOC from "../../../../WithContextHOC";
import EntitiesContext from "../../../../core/context/Entities";

let EntitiesList = null;
let ActionFormsContainer = null;
let ActionFormsComponent = null;

const defaultFilters = {
    status: PersonalTime.STATUS_OPEN
};


const PersonalTimeRequestsList = (props) => {

    EntitiesList = EntitiesList || Entities();
    ActionFormsContainer = ActionFormsContainer || ActionForms();
    ActionFormsComponent = ActionFormsComponent || ContextHOC(EntitiesContext)(ActionFormsContainer);
    return (
        <EntitiesList
            config={props.getConfig()}
            collectionConstructor={PersonalTimeRequests}
            defaultFilters={defaultFilters}
            entityConstructor={PersonalTimeRequest}
            allowedAdd={false}
        >
            <ActionFormsComponent/>
            <EntitiesList.Loader/>
            <EntitiesList.Filters/>
            <EntitiesList.Cards/>
            <EntitiesList.EmptyState hideAdd={true}/>
        </EntitiesList>
    );
};
export default PageTitleHOC('personal-time-requests.pageTitle')(PersonalTimeRequestsList);