<!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Dark Athenæum - Koszyk</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css" rel="stylesheet"> <link href="/css/styles.css" rel="stylesheet"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.cdnfonts.com/css/old-english-text-mt" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet"> </head> <body> <nav class="navbar navbar-expand-lg"> <div class="container"> <a class="navbar-brand" href="/">DARK ATHENÆUM</a> <div class="d-flex align-items-center ms-auto"> <button id="theme-toggle" class="btn"> <i class="bi bi-moon-stars-fill"></i> </button> <div class="auth-links"> <div class="user-links"> <a class="navbar-link" href="/profile.html">Profil</a> <a class="navbar-link" href="#" id="logoutLink">Wyloguj</a> <a class="navbar-link" href="/cart.html"> <i class="bi bi-basket"></i> Koszyk </a> </div> </div> </div> </div> </nav> <main class="container my-5"> <h1 class="mb-4 fw-bold">Twój koszyk</h1> <div class="row"> <div class="col-lg-8"> <div id="cart-items" class="mb-4"> <div class="text-center py-5"> <div class="spinner-border text-primary" role="status"> <span class="visually-hidden">Ładowanie...</span> </div> </div> </div> </div> <div class="col-lg-4"> <div class="card mb-4"> <div class="card-body"> <h4 class="mb-3">Podsumowanie</h4> <div class="d-flex justify-content-between mb-3"> <span>Wartość produktów:</span> <span class="text-primary" id="products-value">0.00 PLN</span> </div> <div class="d-flex justify-content-between mb-3 align-items-center"> <div class="form-check"> <input class="form-check-input" type="checkbox" id="localPickup" checked> <label class="form-check-label" for="localPickup"> Dostawa (12.99 PLN) </label> </div> <span id="delivery-value">12.99 PLN</span> </div> <hr> <div class="d-flex justify-content-between fw-bold fs-5"> <span>Do zapłaty:</span> <span class="text-primary" id="total-value">0.00 PLN</span> </div> <button id="checkoutBtn" class="btn mt-4 py-3"> <i class="bi bi-wallet2 me-2"></i> Złóż zamówienie </button> </div> </div> </div> </div> </main> <footer> <div class="container"> <div class="row justify-content-center align-items-center text-center"> <div class="col-auto mb-2 mb-md-0"> <a href="https://sykorax.eu/">O Nas</a> </div> <div class="col-auto"> <a href="https://sykorax.eu/">Kontakt</a> </div> <div class="col-auto"> <a href="https://sykorax.eu/">Współpraca</a> </div> </div> <div class="text-center mt-4"> <p class="text-muted">© 2023 Dark Athenæum. Wszelkie prawa zastrzeżone.</p> </div> </div> </footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> <script type="module" src="/js/utils.js"></script> <script type="module" src="/js/auth.js"></script> <script type="module" src="/js/theme.js"></script> <script type="module" src="/js/cart.js"></script> </body> </html>