import React, {useEffect, useState, useContext} from 'react';
import AppConfigStore, {AppConfigContext} from '../../../../stores/AppConfigStore';

import './CalculsPopinEditor.scss';
import './CalculSelectif.jsx';



const Message = ()=>{
    /** @type {AppConfigStore} */
    const appConfig = useContext(AppConfigContext);
    const nbAdministrésAvis = appConfig.selectedAdministresPerimetre.map((a) => a.PAMEnCours_avis).length;
    const AdministrésAvis = appConfig.selectedAdministresPerimetre.map((a) => a.PAMEnCours_avis);


    const nbAdministresSelectionnes = appConfig.selectedAdministresPerimetre.length;
    const nbPostesSelectionnes = appConfig.selectedPostesPerimetreEtITD.length;
    const boolNbAdministresNonCalculés = appConfig.selectedAdministresPerimetre.map((a) => a.decision_decision !==undefined);
    const nbAdministresNonCalculés = appConfig.selectedAdministresPerimetre.map((a) => a.decision_decision).filter(d => d !== undefined).length;
    let newMessage = <div>
                        <p>{nbAdministresSelectionnes} administrés et {nbPostesSelectionnes} postes ont été sélectionnés.</p>
                            <br></br>
                        <p>Voulez-vous lancer les calculs?</p>
                    </div>

    if (boolNbAdministresNonCalculés.includes(true)){
        return(
            <div>
                <p>{nbAdministresSelectionnes} administrés et {nbPostesSelectionnes} postes ont été sélectionnés.</p>
                    <br></br>
                <p style={{ color: "red" }}>Attention, la sélection comporte {nbAdministresNonCalculés} administrés avec une décision.
                    <br></br>
                    Ils ne seront donc pas pris en compte par les algorithmes.</p>
            </div>
        )
    }
    else{
        return(newMessage)
    }
}

export default Message;