import React from 'react';
import './AdministrativeManagement.css';

const AdministrativeManagement = ({ style }) => {
  const features = [
    'Publication catalogue formations (intranet / API)',
    'Gestion des Inscriptions\n(mise en attente, motif annulation, etc)',
    'Gestion des Sessions (planifiée, à la demande)',
    'Gestion avis participants',
    'Gestion des employés et du matériel pédagogique',
    'Émargement électronique',
    'Gestion des agendas & réservation de matériel (salles, projecteurs, etc)',
    'Personnalisation et versionning des documents (convention, convocation, ...)',
    'Edition automatique des document liés à la formation (Convention, convocation, Programme…)',
    'Gestion automatique et manuelle des séquences\nde formations',
    'Gestion des absences'
  ];

  return (
    <div className="administrative-management" style={style}>
      <div className="header">
        <h2>Gestion Administrative & Pédagogique</h2>
      </div>
      
      <div className="features-container">
        {features.map((feature, index) => (
          <div key={index} className="feature-row">
            <span className="feature-text">{feature} </span>
            <div className="check-icon">
              <img src={`https://dashboard.codeparrot.ai/api/image/Z5OupHhIZI-ZK8k9/check-${index + 1}.png`} alt="check" />
            </div>
          </div>
        ))}
      </div>
    </div>
  );
};

AdministrativeManagement.defaultProps = {
  style: {}
};

export default AdministrativeManagement;

