import React from "react";
import { useRouter } from "next/navigation";
import EnhancedCard from './EnhancedCard';

interface Testimonial {
  _id?: string;
  id?: string;
  name: string;
  content?: string;
  testimonial?: string;
  message?: string;
  image?: string;
  date?: string;
  createdAt?: string;
  rating?: number;
  tag?: string;
  role?: string;
  designation?: string;
}

interface AboutTestimonialCardProps {
  testimonial: Testimonial;
}

const AboutTestimonialCard: React.FC<AboutTestimonialCardProps> = ({ testimonial }) => {
  const router = useRouter();

  const handleView = (id: string) => {
    router.push(`/dashboard/testimonialDetail?id=${id}`);
  };

  const handleEdit = (id: string) => {
    // TODO: Implement edit functionality
    console.log('Edit testimonial:', id);
  };

  const handleDelete = (id: string) => {
    // TODO: Implement delete functionality
    console.log('Delete testimonial:', id);
  };

  return (
    <EnhancedCard
      id={testimonial._id || testimonial.id || ''}
      title={testimonial.name}
      content={testimonial.content || testimonial.testimonial || testimonial.message || ''}
      author={testimonial.name}
      avatar={testimonial.image}
      date={testimonial.date || testimonial.createdAt}
      rating={testimonial.rating}
      category={testimonial.tag || testimonial.role || testimonial.designation}
      type="testimonial"
      onView={handleView}
      onEdit={handleEdit}
      onDelete={handleDelete}
    />
  );
};

export default AboutTestimonialCard;