98 lines
2.9 KiB
HTML
98 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="pl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Panel zamówień</title>
|
|
<!-- Łączenie z plikiem CSS -->
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<!-- Twoje pliki JS (zachowujemy istniejacą logikę i kolejność) -->
|
|
|
|
<script src="js/post.js" defer></script>
|
|
<script src="js/get.js" defer></script>
|
|
|
|
<script src="js/tabs.js" defer></script>
|
|
|
|
</head>
|
|
<body>
|
|
<!-- NAGŁÓWEK -->
|
|
<header>
|
|
<h1>Aplikacja Zamówień</h1>
|
|
</header>
|
|
|
|
<!-- NAWIGACJA -->
|
|
<nav>
|
|
<a href="#home" class="tab-link active" data-tab="home">Strona główna</a>
|
|
<a href="#dodaj" class="tab-link" data-tab="dodaj">Dodaj zamówienie</a>
|
|
<a href="#lista" class="tab-link" data-tab="lista">Lista zamówień</a>
|
|
</nav>
|
|
|
|
<!-- GŁÓWNA SEKCJA -->
|
|
<main>
|
|
<!-- Sekcja Strona główna -->
|
|
<section id="home" class="tab-content active">
|
|
<h2>Witaj w Aplikacji Zamówień</h2>
|
|
<p>Ta aplikacja umożliwia zarządzanie zamówieniami w prosty i intuicyjny sposób.</p>
|
|
<ul>
|
|
<li><strong>Dodaj zamówienie:</strong> Wypełnij formularz, aby dodać nowe zamówienie do systemu.</li>
|
|
<li><strong>Lista zamówień:</strong> Przeglądaj wszystkie zapisane zamówienia w formie tabeli.</li>
|
|
<li><strong>Informacje:</strong> Aplikacja jest responsywna i działa na różnych urządzeniach.</li>
|
|
</ul>
|
|
<p>Skontaktuj się z nami pod adresem: <a href="mailto:support@zamowienia.pl">support@zamowienia.pl</a></p>
|
|
</section>
|
|
|
|
<!-- Sekcja formularza -->
|
|
<section id="dodaj" class="tab-content">
|
|
<h2>Dodaj zamówienie</h2>
|
|
<form id="orderForm">
|
|
<label>
|
|
Klient:
|
|
<select name="name" required>
|
|
<option value="">Wybierz...</option>
|
|
<option value="1" selected>Jan Kowalski</option>
|
|
<option value="2">Anna Nowak</option>
|
|
</select>
|
|
</label>
|
|
<label>
|
|
Data zamówienia:
|
|
<input type="date" name="data_zamowienia" value="2023-10-01" required>
|
|
</label>
|
|
<label>
|
|
Kwota:
|
|
<input type="number" name="cena" step="0.01" value="100.00" placeholder="0.00" required>
|
|
</label>
|
|
<button type="submit">Dodaj</button>
|
|
</form>
|
|
</section>
|
|
|
|
<!-- Sekcja tabeli z zamówieniami -->
|
|
<section id="lista" class="tab-content">
|
|
<div class="table-header">
|
|
<h2>Lista zamówień</h2>
|
|
<div class="table-controls">
|
|
<button onclick="getData()">Odśwież</button>
|
|
</div>
|
|
</div>
|
|
<table id="ordersTable">
|
|
<thead>
|
|
<tr>
|
|
<th>Imię</th>
|
|
<th>Nazwisko</th>
|
|
<th>Data zamówienia</th>
|
|
<th>Kwota</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<!-- Dane będą uzupełniane dynamicznie (Fetch + JS) -->
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- STOPKA -->
|
|
<footer>
|
|
<p>© 2025 Twoje Imię i Nazwisko</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
|