+ {/* Header */}
+
+
+
Kontakty
+
+ Zarządzaj kontaktami do projektów i współpracy
+
+
+
+
+
+ {/* Stats */}
+ {stats && (
+
+
+
+
+ {stats.total_contacts}
+
+ Wszystkie
+
+
+
+
+
+ {stats.project_contacts}
+
+ Projekty
+
+
+
+
+
+ {stats.contractor_contacts}
+
+ Wykonawcy
+
+
+
+
+
+ {stats.office_contacts}
+
+ Urzędy
+
+
+
+
+
+ {stats.supplier_contacts}
+
+ Dostawcy
+
+
+
+
+
+ {stats.other_contacts}
+
+ Inne
+
+
+
+ )}
+
+ {/* Filters */}
+
+
+
+
+ setSearchTerm(e.target.value)}
+ placeholder="Szukaj po nazwie, telefonie, email lub firmie..."
+ className="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+ />
+
+
+
+
+ {/* Contacts List */}
+
+ {filteredContacts.length === 0 ? (
+
+
+
+ {searchTerm || typeFilter !== "all"
+ ? "Nie znaleziono kontaktów"
+ : "Brak kontaktów. Dodaj pierwszy kontakt."}
+
+
+
+ ) : (
+ filteredContacts.map((contact) => {
+ const typeBadge = getContactTypeBadge(contact.contact_type);
+ return (
+
+
+
+
handleViewDetails(contact)}>
+
+
+ {contact.name}
+
+
+ {typeBadge.label}
+
+ {contact.project_count > 0 && (
+
+
+ {contact.project_count}{" "}
+ {contact.project_count === 1 ? "projekt" : "projektów"}
+
+ )}
+
+
+
+ {contact.company && (
+
+ 🏢
+ {contact.company}
+ {contact.position && (
+ • {contact.position}
+ )}
+
+ )}
+ {!contact.company && contact.position && (
+
+ {contact.position}
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ );
+ })
+ )}
+
+
+ {/* Contact Details Modal */}
+ {selectedContact && (
+
+
e.stopPropagation()}>
+
+
+
+
{selectedContact.name}
+
+
+ {getContactTypeBadge(selectedContact.contact_type).label}
+
+
+
+
+
+
Informacje kontaktowe
+
+ {selectedContact.phone && (
+
+ )}
+ {selectedContact.email && (
+
+ )}
+ {selectedContact.company && (
+
+ 🏢
+
+ {selectedContact.company}
+ {selectedContact.position && ` • ${selectedContact.position}`}
+
+
+ )}
+ {!selectedContact.company && selectedContact.position && (
+
+ 💼
+ {selectedContact.position}
+
+ )}
+
+
+
Notatki
+
+ {selectedContact.notes}
+
+
+
+ Powiązane projekty ({contactProjects.length})
+
+ {loadingProjects ? (
+
Ładowanie projektów...
+ ) : contactProjects.length === 0 ? (
+
Brak powiązanych projektów
+ ) : (
+
+ {contactProjects.map((project) => (
+
router.push(`/projects/${project.project_id}`)}
+ >
+
+
+ {project.project_name}
+ {project.is_primary && (
+ Główny kontakt
+ )}
+
+ {project.relationship_type && (
+
{project.relationship_type}
+ )}
+
+
+
+ ))}
+
+ )}
+
+
+
+
+
+ )}
+
+
+
+ {projectId && (
+
+ )}
+
+
+ {/* Current project contacts */}
+ {projectContacts.length > 0 ? (
+
+ {projectContacts.map((contact) => {
+ const typeBadge = getContactTypeBadge(contact.contact_type);
+ return (
+
+
+
+
+ {contact.name}
+
+ {contact.is_primary === 1 && (
+
+ Główny
+
+ )}
+
+ {typeBadge.label}
+
+
+
+ {contact.phone &&
📞 {contact.phone}
}
+ {contact.email &&
📧 {contact.email}
}
+ {contact.company && (
+
🏢 {contact.company}
+ )}
+
+
+
+ {contact.is_primary !== 1 && (
+
+ )}
+
+
+
+ );
+ })}
+
+ ) : (
+
+ {projectId
+ ? "Brak powiązanych kontaktów. Dodaj kontakt do projektu."
+ : "Zapisz projekt, aby móc dodać kontakty."}
+
+ )}
+
+ {/* Contact selector */}
+ {showSelector && projectId && (
+
+
+ setSearchTerm(e.target.value)}
+ placeholder="Szukaj kontaktu..."
+ className="w-full px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
+ />
+
+
+
+ {filteredAvailable.length === 0 ? (
+
+ {searchTerm
+ ? "Nie znaleziono kontaktów"
+ : "Wszystkie kontakty są już dodane"}
+
+ ) : (
+ filteredAvailable.map((contact) => {
+ const typeBadge = getContactTypeBadge(contact.contact_type);
+ return (
+
+
+
+
+ {contact.name}
+
+
+ {typeBadge.label}
+
+
+
+ {contact.phone && {contact.phone}}
+ {contact.phone && contact.email && (
+ •
+ )}
+ {contact.email && {contact.email}}
+
+ {contact.company && (
+
+ {contact.company}
+
+ )}
+
+
+
+ );
+ })
+ )}
+
+
+ )}
+