izradena poslovna logika

002.FRONTEND/src/pages/index.astro

@@ -0,0 +1,45 @@
+---
+// src/pages/index.astro
+import Layout from "../layouts/Layout.astro";
+import siteConfig from "../data/site.json";
+import { getRadniNalozi, getVozila } from "../lib/api";
+import RadniNalogLista from '../components/RadniNalogLista.jsx';
+
+const nalozi = await getRadniNalozi();
+const vozila = await getVozila();
+---
+
+<Layout title="Dashboard">
+  <header>
+    <h1>{siteConfig.navigation[0].welcomeHeaderTextH1} {siteConfig.navigation[0].welcomeHeaderTextH1dodatno}</h1>
+    <p>{siteConfig.navigation[0].welcomeHeaderPodnaslov}</p>
+  </header>
+
+  <main class="dashboard-grid">
+    <section>
+      <h2>Radni nalozi</h2>
+      <RadniNalogLista client:load nalozi={nalozi} limit={5} />
+    </section>
+
+    <section>
+      <h2>Stanje flote</h2>
+      <div>
+        <p>Ukupno vozila: {vozila.length}</p>
+        <ul>
+          {vozila.map((vozilo) => (
+            <li>{vozilo.marka} {vozilo.model} ({vozilo.registracija})</li>
+          ))}
+        </ul>
+      </div>
+    </section>
+  </main>
+</Layout>
+
+<style>
+  .dashboard-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 20px;
+    margin-top: 40px;
+  }
+</style>