From f467550d8deb5a1987988a05c464082abb62c9c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sofia=20Reh=C3=A1kov=C3=A1?=
 <125893846+sofiarehakova@users.noreply.github.com>
Date: Mon, 3 Nov 2025 16:01:18 +0100
Subject: [PATCH] dokumenty admin

---
 .../dashboard/admin/internships/edit/[id].vue | 119 +++++++++++++++++-
 1 file changed, 117 insertions(+), 2 deletions(-)

diff --git a/frontend/app/pages/dashboard/admin/internships/edit/[id].vue b/frontend/app/pages/dashboard/admin/internships/edit/[id].vue
index 11a5f93..0c15a7d 100644
--- a/frontend/app/pages/dashboard/admin/internships/edit/[id].vue
+++ b/frontend/app/pages/dashboard/admin/internships/edit/[id].vue
@@ -42,6 +42,36 @@ async function handleUpdateOfBasicInfo(internship: NewInternship) {
 }
 
 const { data, error, refresh } = await useSanctumFetch<Internship>(`/api/internships/${route.params.id}`);
+
+// ---- helpery pre sekciu Dokumenty ----
+const docs = computed(() => {
+    const d: any = data.value ?? {}
+    return {
+        contract: d.documents?.contract ?? d.contract ?? null,
+        report: d.documents?.report ?? d.report ?? null,
+    }
+})
+
+function docUrl(doc: any) {
+    return doc?.url ?? doc?.download_url ?? doc?.link ?? null
+}
+function docName(doc: any) {
+    return doc?.fileName ?? doc?.filename ?? doc?.name ?? 'dokument.pdf'
+}
+function docSize(doc: any) {
+    const bytes = doc?.size ?? doc?.filesize ?? null
+    if (!bytes && bytes !== 0) return null
+    if (bytes < 1024) return `${bytes} B`
+    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(0)} KB`
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`
+}
+function docDate(doc: any) {
+    const dt = doc?.uploadedAt ?? doc?.created_at ?? doc?.uploaded_at ?? null
+    return dt ? new Date(dt).toLocaleString() : null
+}
+function docBy(doc: any) {
+    return doc?.uploadedBy?.name ?? doc?.uploaded_by?.name ?? doc?.uploaded_by ?? null
+}
 </script>
 
 <template>
@@ -94,8 +124,93 @@ const { data, error, refresh } = await useSanctumFetch<Internship>(`/api/interns
                     <hr />
 
                     <h2>Dokumenty</h2>
-                    <p>...</p>
-                    <hr />
+                    <v-row>
+                        <!-- Podpísaná zmluva -->
+                        <v-col cols="12" md="6">
+                            <v-card variant="outlined">
+                                <v-card-title class="d-flex align-center ga-2">
+                                    <v-icon icon="mdi mdi-file-document-outline" />
+                                    Podpísaná zmluva
+                                </v-card-title>
+                                <v-card-text>
+                                    <template v-if="docs.contract">
+                                        <div><strong>Súbor:</strong> {{ docName(docs.contract) }}</div>
+                                        <div v-if="docDate(docs.contract)"><strong>Nahrané:</strong> {{ docDate(docs.contract) }}</div>
+                                        <div v-if="docBy(docs.contract)"><strong>Nahral:</strong> {{ docBy(docs.contract) }}</div>
+                                        <div v-if="docSize(docs.contract)"><strong>Veľkosť:</strong> {{ docSize(docs.contract) }}</div>
+
+                                        <div class="mt-3 d-flex ga-2">
+                                            <v-btn
+                                                v-if="docUrl(docs.contract)"
+                                                :href="docUrl(docs.contract)"
+                                                target="_blank"
+                                                variant="tonal"
+                                                prepend-icon="mdi-open-in-new"
+                                            >
+                                                Otvoriť náhľad
+                                            </v-btn>
+                                            <v-btn
+                                                v-if="docUrl(docs.contract)"
+                                                :href="docUrl(docs.contract)"
+                                                :download="docName(docs.contract)"
+                                                variant="text"
+                                                prepend-icon="mdi-download"
+                                            >   
+                                                Stiahnuť
+                                            </v-btn>
+                                        </div>
+                                    </template>
+
+                                    <template v-else>
+                                        <v-alert type="warning" variant="tonal" title="Neodovzdané" text="Zmluva zatiaľ nie je nahratá." />
+                                    </template>
+                                </v-card-text>
+                            </v-card>
+                        </v-col>
+
+                        <!-- Výkaz -->
+                        <v-col cols="12" md="6">
+                            <v-card variant="outlined">
+                                <v-card-title class="d-flex align-center ga-2">
+                                    <v-icon icon="mdi-file-clock-outline" />
+                                    Výkaz
+                                </v-card-title>
+                                <v-card-text>
+                                    <template v-if="docs.report">
+                                        <div><strong>Súbor:</strong> {{ docName(docs.report) }}</div>
+                                        <div v-if="docDate(docs.report)"><strong>Nahrané:</strong> {{ docDate(docs.report) }}</div>
+                                        <div v-if="docBy(docs.report)"><strong>Nahral:</strong> {{ docBy(docs.report) }}</div>
+                                        <div v-if="docSize(docs.report)"><strong>Veľkosť:</strong> {{ docSize(docs.report) }}</div>
+
+                                        <div class="mt-3 d-flex ga-2">
+                                            <v-btn
+                                                v-if="docUrl(docs.report)"
+                                                :href="docUrl(docs.report)"
+                                                target="_blank"
+                                                variant="tonal"
+                                                prepend-icon="mdi-open-in-new"
+                                            >
+                                                Otvoriť náhľad
+                                            </v-btn>
+                                            <v-btn
+                                                v-if="docUrl(docs.report)"
+                                                :href="docUrl(docs.report)"
+                                                :download="docName(docs.report)"
+                                                variant="text"
+                                                prepend-icon="mdi-download"
+                                            >
+                                                Stiahnuť
+                                            </v-btn>
+                                        </div>
+                                    </template>
+
+                                    <template v-else>
+                                        <v-alert type="info" variant="tonal" title="Neodovzdané" text="Výkaz zatiaľ nie je nahratý." />
+                                    </template>
+                                </v-card-text>
+                            </v-card>
+                        </v-col>
+                    </v-row>
                 </div>
             </div>
         </v-card>