Index: src/app/applications/page.tsx =================================================================== --- src/app/applications/page.tsx (revision 636f86cc03abcdbac548ce77903447c882c466e9) +++ src/app/applications/page.tsx (revision 636f86cc03abcdbac548ce77903447c882c466e9) @@ -0,0 +1,251 @@ +"use client" + +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { + faPenToSquare, + faChevronDown, + faCalendarAlt, + faFileText, + faMoneyBillWave, + faUser, + faInfoCircle, + faCheckCircle, + faTimesCircle +} from '@fortawesome/free-solid-svg-icons'; +import { useState } from 'react'; +import applicationsData from '@/data/applications.json'; + +interface TableCellProps { + children: React.ReactNode; + className?: string; +} + +const TableCell = ({ children, className = "" }: TableCellProps) => ( + + {children} + +); + +const CompletedBadge = ({ completed }: { completed: string }) => { + if (completed === "Да") { + return ( + + + + ); + } else { + return ( + + + + ); + } +}; + +const FeeBadge = ({ fee }: { fee: string }) => { + const feeValue = parseFloat(fee.replace(',', '.')); + + if (feeValue === 0) { + return ( + + + {fee} + + ); + } else { + return ( + + + {fee} + + ); + } +}; + +export default function ApplicationsPage() { + const [selectedSession, setSelectedSession] = useState(applicationsData.currentSession.id); + const [isDropdownOpen, setIsDropdownOpen] = useState(false); + + const currentSessionData = applicationsData.examSessions.find(s => s.id === selectedSession) || applicationsData.currentSession; + const { applications } = applicationsData; + + return ( +
+ {/* Header */} +
+
+
+ +
+
+

Пријави

+

+ Електронски пријави за испити +

+
+
+
+ + {/* Session Selection */} +
+
+

+ + Избери испитна сесија: +

+ +
+ + + {isDropdownOpen && ( +
+ {applicationsData.examSessions.map((session) => ( + + ))} +
+ )} +
+
+
+ + {/* Applications Section */} +
+
+

Пријавени испити

+
+ +
+ + + + + + + + + + + + + + + + {applications.map((application) => ( + + {application.id} + + + {application.serviceNumber} + + + {application.code} + +
+ + {application.subject} +
+ + + + + + + + {application.date} + +
+ + {application.instructor} +
+ + {application.decade} + + ))} + +
#Сериски бројКодПредметЗавршенаТаксениДатумНаставникДекада
+
+ + {/* Important Note */} +
+
+ +
+

Важна забелешка

+

+ {applicationsData.note} +

+
+
+
+
+ + {/* Statistics Cards */} +
+
+
+
+ +
+
+

Пријавени испити

+

+ {applications.length} +

+
+
+
+ +
+
+
+ +
+
+

Завршени

+

+ {applications.filter(app => app.completed === "Да").length} +

+
+
+
+ +
+
+
+ +
+
+

Вкупна такса

+

+ {applications.reduce((sum, app) => sum + parseFloat(app.fee.replace(',', '.')), 0).toFixed(2)} +

+
+
+
+
+
+ ); +} Index: src/app/documents/page.tsx =================================================================== --- src/app/documents/page.tsx (revision 636f86cc03abcdbac548ce77903447c882c466e9) +++ src/app/documents/page.tsx (revision 636f86cc03abcdbac548ce77903447c882c466e9) @@ -0,0 +1,354 @@ +"use client" + +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { + faFilePdf, + faChevronDown, + faDownload, + faCheckCircle, + faMoneyBillWave, + faFileText, + faCalendarAlt, + faCommentDots, + faChevronLeft, + faChevronRight, + faAngleDoubleLeft, + faAngleDoubleRight +} from '@fortawesome/free-solid-svg-icons'; +import { useState } from 'react'; +import documentsData from '@/data/documents.json'; + +interface TableCellProps { + children: React.ReactNode; + className?: string; +} + +const TableCell = ({ children, className = "" }: TableCellProps) => ( + + {children} + +); + +const StatusBadge = ({ status }: { status: string }) => { + if (status === "approved") { + return ( + + + + ); + } + return ( + + + + ); +}; + +const PriceBadge = ({ price }: { price: number }) => { + if (price === 0) { + return 0,00; + } + return {price.toFixed(2)}; +}; + +export default function DocumentsPage() { + const [selectedDocumentType, setSelectedDocumentType] = useState("select_document"); + const [isDropdownOpen, setIsDropdownOpen] = useState(false); + const [comment, setComment] = useState(""); + const [currentPage, setCurrentPage] = useState(1); + const [recordsPerPage, setRecordsPerPage] = useState(15); + + const selectedDocument = documentsData.documentTypes.find(d => d.id === selectedDocumentType); + const { documents, pagination, paymentInfo } = documentsData; + + const totalPages = Math.ceil(documents.length / recordsPerPage); + const startIndex = (currentPage - 1) * recordsPerPage; + const endIndex = startIndex + recordsPerPage; + const currentDocuments = documents.slice(startIndex, endIndex); + + return ( +
+ {/* Header */} +
+
+
+ +
+
+

Документи

+

+ Барање и преглед на документи +

+
+
+
+ + {/* Document Request Form */} +
+

+ + Ново барање за документ +

+ +
+ {/* Document Type Selection */} +
+ +
+ + + {isDropdownOpen && ( +
+ {documentsData.documentTypes.map((docType) => ( + + ))} +
+ )} +
+
+ + {/* Comment Section */} +
+ +