diff --git a/components/publisher/SearchReplacement.js b/components/publisher/SearchReplacement.js
new file mode 100644
index 0000000..527cbc0
--- /dev/null
+++ b/components/publisher/SearchReplacement.js
@@ -0,0 +1,147 @@
+import React, { useState, useEffect } from 'react';
+import axiosInstance from '../../src/axiosSecure';
+import { toast } from 'react-toastify';
+import { set } from 'date-fns';
+
+function SearchReplacement({ shiftId, assignmentId }) {
+ const [users, setUsers] = useState([]);
+ const [showModal, setShowModal] = useState(false);
+
+ const fetchUsers = async () => {
+ // Dummy endpoint and shiftId, replace with actual
+ const response = await axiosInstance.get('/api/?action=getPossibleShiftPublisherEmails&shiftId=' + shiftId);
+ setUsers(response.data);
+ setShowModal(true);
+ };
+
+ const sendCoverMeRequestByEmail = (selectedGroups) => {
+ // You can map 'selectedGroups' to determine which API calls to make
+ console.log("Selected Groups:", selectedGroups);
+ axiosInstance.post('/api/email?action=sendCoverMeRequestByEmail', {
+ assignmentId: assignmentId,
+ toSubscribed: selectedGroups.includes('subscribedPublishers'),
+ toAvailable: selectedGroups.includes('availablePublishers'),
+ }).then(response => {
+ console.log("response", response);
+ setShowModal(false);
+ //toast success and confirm the change
+ toast.success("Заявката за заместник е изпратена!", {
+ onClose: () => {
+ window.location.reload();
+ }
+ });
+ }).catch(error => {
+ console.log("error", error);
+ });
+ }
+
+ return (
+
+
+ {
+ showModal && (
+ setShowModal(false)}
+ onConfirm={sendCoverMeRequestByEmail}
+ subscribedPublishers={users.subscribedPublishers}
+ availablePublishers={users.availablePublishers}
+ />
+ // setShowModal(false)}
+ // onConfirm={(selectedUsers) => {
+ // console.log(selectedUsers); // Here you would call the email API
+ // setShowModal(false);
+ // }}
+ // />
+ )
+ }
+
+ );
+}
+
+function ConfirmationModal({ isOpen, onClose, onConfirm, subscribedPublishers, availablePublishers }) {
+ const [selectedGroups, setSelectedGroups] = useState([]);
+
+ const handleToggleGroup = (groupName) => {
+ setSelectedGroups(prev => {
+ if (prev.includes(groupName)) {
+ return prev.filter(name => name !== groupName);
+ } else {
+ return [...prev, groupName];
+ }
+ });
+ };
+
+ if (!isOpen) return null;
+
+ return (
+
+
+
+
Можете да изпратите заявка за заместник до следните групи:
+
+
+
+
+
+
+
+
+
+
+
+