export default class DynamicModal extends LightningElement {
@api isOpen = false;
@api modalTitle = 'Manage Record';

closeModal() {
this.isOpen = false;
this.dispatchEvent(new CustomEvent('close'));
}

const COLUMNS = [
{ label: 'Name', fieldName: 'Name' },
{ label: 'Status', fieldName: 'Status__c' },
{
type: 'button-icon',
typeAttributes: {
iconName: 'utility:edit',
title: 'Edit',
variant: 'border-filled',
alternativeText: 'Edit'
}
}
];

export default class ParentComponent extends LightningElement {
@track data = [];
@track columns = COLUMNS;
@track isModalOpen = false;
@track recordId = null;
@track objectApiName = 'CustomObject__c'; // Adjust this as necessary
@track fields = [
{ fieldPath: 'Name' },
{ fieldPath: 'Status__c' }
]; // Adjust this as necessary
@track modalTitle = 'Manage Record';

@wire(getRecords)
wiredRecords({ error, data }) {
if (data) {
this.data = data;
} else if (error) {
this.showToast('Error', 'Error fetching records', 'error');
}
}

handleNew() {
this.recordId = null;
this.modalTitle = 'New Record';
this.isModalOpen = true;
}

handleRowAction(event) {
const actionName = event.detail.action.name;
const row = event.detail.row;

switch (actionName) {
case 'edit':
this.editRecord(row);
break;
default:
break;
}
}

editRecord(row) {
this.recordId = row.Id;
this.modalTitle = 'Edit Record';
this.isModalOpen = true;
}

handleCloseModal() {
this.isModalOpen = false;
// Refresh the table data after closing the modal
return refreshApex(this.wiredRecords);
}

handleSaveModal() {
// Save action handled by lightning-record-edit-form, so just close the modal
this.isModalOpen = false;
}

handleSuccess() {
this.showToast('Success', 'Record saved successfully', 'success');
this.handleCloseModal();
}

handleError() {
this.showToast('Error', 'Error saving record', 'error');
}