import React from 'react';

const AiFormCard = ({model,  aiForm, onClick }) => {
    return (
        <div className="card-container" onClick={onClick}>
            <h3>{aiForm.title || "Untitled AI Form"}</h3>
            <p>Created on: {new Date(aiForm.createdAt).toLocaleDateString()}</p>
            <p>Updated on: {new Date(aiForm.updatedAt).toLocaleDateString()}</p>
            <div>
                <h4>Form Elements:</h4>
                {aiForm.form.map((row, rowIndex) => (
                    <div key={rowIndex}>
                        {row.map((element, elementIndex) => (
                            <span key={elementIndex}>
                                {element.name} ({element.type})
                            </span>
                        ))}
                    </div>
                ))}
            </div>
            {/* Additional details can be added as needed */}
        </div>
    );
};

export default AiFormCard;