import React from 'react';

const ArtistCard = ({ artist, onEdit, onDelete }) => {
  return (
    <div className="col-md-4 mb-4">
      <div className="card bg-dark border-punk">
        <div className="card-body">
          <h5 className="card-title text-punk">{artist.name}</h5>
          <p className="card-text text-light">{artist.description || 'Нет описания'}</p>
          <p className="card-text text-light"><small>Эпоха: {artist.epoch?.name || 'Не указана'}</small></p>
          <p className="card-text text-light"><small>Страна: {artist.country?.name || 'Не указана'}</small></p>
          <button 
            className="btn btn-outline-primary edit-btn me-2" 
            onClick={() => onEdit(artist)}
          >
            <i className="bi bi-pencil-square"></i> Изменить
          </button>
          <button 
            className="btn btn-outline-danger delete-btn" 
            onClick={() => {
              if (window.confirm('Удалить исполнителя?')) {
                onDelete(artist.id);
              }
            }}
          >
            <i className="bi bi-trash"></i> Удалить
          </button>
        </div>
      </div>
    </div>
  );
};

export default ArtistCard;