<?php
session_start(); // Uzsākam sesiju, lai varētu izmantot lietotāja datus

// Savienojuma iestatījumi ar datu bāzi
$servername = "localhost";  
$username = "root";         
$password = "";             
$dbname = "era_echo";       

// Izveidojam savienojumu ar datu bāzi
$conn = new mysqli($servername, $username, $password, $dbname);

// Ja ir kļūda savienojumā, iznākam no lapas
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

// Iegūstam lietotāja ID no sesijas
$user_id = $_SESSION['user_id']; 

// SQL vaicājums, lai iegūtu lietotāja groza informāciju
$sql = "SELECT ci.id, ci.quantity, ci.price, p.name, p.image_url 
        FROM cart_items ci 
        JOIN products p ON ci.product_id = p.id
        JOIN carts c ON ci.cart_id = c.id 
        WHERE c.user_id = ?";
$stmt = $conn->prepare($sql); // Sagatavojam vaicājumu
$stmt->bind_param("i", $user_id); // Pievienojam lietotāja ID kā parametrus
$stmt->execute(); // Izpildām vaicājumu
$result = $stmt->get_result(); // Saņemam rezultātus

// Inicializējam mainīgos
$subtotal = 0; // Apakškopējums
$cart_items = []; // Groza preces

// Caur iterāciju iegūstam datus par katru preci grozā
while ($row = $result->fetch_assoc()) {
    $cart_items[] = $row; // Pievienojam preci grozam
    $subtotal += $row['quantity'] * $row['price']; // Aprēķinām apakškopējumu
}

$stmt->close(); // Aizveram sagatavoto vaicājumu
$conn->close(); // Aizveram savienojumu ar datu bāzi
?>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"> <!-- Iestatām rakstzīmju kodējumu -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Iestatām skatīšanās logu -->
  <title>Cart - Era Echo</title> <!-- Lapas nosaukums -->
  <link rel="stylesheet" href="css/styles.css"> <!-- Pievienojam stilu lapu -->
  <style>
    /* Inline stili groza lapai */
    .cart-container {
      width: 90%;
      max-width: 1200px;
      margin: 50px auto;
    }

    .cart-header {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px;
      text-align: center;
    }

    .cart-items {
      margin-bottom: 30px;
    }

    .cart-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px;
      border-bottom: 1px solid #ddd;
    }

    .cart-item img {
      width: 80px;
      height: 80px;
      object-fit: cover;
      border-radius: 8px;
    }

    .cart-item-details {
      flex: 1;
      margin-left: 20px;
    }

    .cart-item-details h4 {
      font-size: 18px;
      margin-bottom: 5px;
    }

    .cart-item-details p {
      margin: 0;
      color: #666;
    }

    .cart-summary {
      margin: 30px 0;
      padding: 20px;
      background-color: #f8f8f8;
      border-radius: 8px;
      text-align: center;
    }

    .cart-summary p {
      font-size: 18px;
      margin: 10px 0;
    }

    .checkout-form {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }

    .checkout-form input,
    .checkout-form button {
      padding: 10px;
      font-size: 16px;
      border: 1px solid #ddd;
      border-radius: 4px;
    }

    .checkout-form button {
      background-color: #111;
      color: #fff;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }

    .checkout-form button:hover {
      background-color: #333;
    }
  </style>
</head>
<body>

<!-- Galvene -->
<header class="header"> 
    <div class="container"> 
      <div class="logo"><a href="index.html">ERA ECHO</a></div> 
      <nav class="nav">
        <!-- Izvelne ar kolekcijām -->
        <div class="dropdown">
          <span class="dropdown-label">Collections</span>
          <div class="dropdown-content">
            <a href="tops.html">Tops</a>
            <a href="bottoms.html">Bottoms</a>
            <a href="knitwear.html">Knitwear</a>
            <a href="outerwear.html">Outerwear</a>
            <a href="denim.html">Denim</a>
            <a href="suiting.html">Suiting</a>
            <a href="footwear.html">Footwear</a>
            <a href="accessories.html">Accessories</a>
            <a href="shop-all.html">Shop All</a>
          </div>
        </div>
        <a href="/logout">Logout</a> <!-- Izlogoties -->
        <a href="about.html">About</a> <!-- Saite uz "Par mūs" -->
      </nav>
    </div>
</header>

<!-- Groza saturs -->
<div class="cart-container">
  <h1 class="cart-header">Your Cart</h1> <!-- Groza virsraksts -->

  <div class="cart-items">
    <?php if (empty($cart_items)): ?>
      <p>Your cart is empty.</p> <!-- Ja grozs ir tukšs -->
    <?php else: ?>
      <?php foreach ($cart_items as $item): ?>
        <div class="cart-item">
          <img src="<?php echo $item['image_url']; ?>" alt="<?php echo $item['name']; ?>"> <!-- Produkta attēls -->
          <div class="cart-item-details">
            <h4><?php echo $item['name']; ?></h4> <!-- Produkta nosaukums -->
            <p>Size: M</p> <!-- Izmērs -->
            <p>Price: $<?php echo number_format($item['price'], 2); ?></p> <!-- Cena -->
          </div>
          <p>Quantity: <?php echo $item['quantity']; ?></p> <!-- Daudzums -->
        </div>
      <?php endforeach; ?>
    <?php endif; ?>
  </div>

  <!-- Groza kopsavilkums -->
  <div class="cart-summary">
    <p>Subtotal: $<?php echo number_format($subtotal, 2); ?></p> <!-- Apakškopējums -->
    <p>Tax: $<?php echo number_format($subtotal * 0.08, 2); ?></p> <!-- Nodoklis -->
    <p><strong>Total: $<?php echo number_format($subtotal * 1.08, 2); ?></strong></p> <!-- Kopā -->
  </div>

  <!-- Pasūtījuma formas sadaļa -->
  <form class="checkout-form" action="process-order.php" method="POST">
    <input type="text" name="name" placeholder="Full Name" required> <!-- Vārds -->
    <input type="email" name="email" placeholder="Email Address" required> <!-- E-pasts -->
    <input type="text" name="address" placeholder="Shipping Address" required> <!-- Piegādes adrese -->
    <input type="tel" name="phone" placeholder="Phone Number" required> <!-- Tālruņa numurs -->
    <button type="submit">Proceed to Payment</button> <!-- Turpināt uz maksājumu -->
  </form>
</div>

<!-- Pēdas -->
<footer class="footer">
  <div class="container">
    <p>&copy; 2024 Era Echo. All rights reserved.</p> <!-- Autortiesības -->
  </div>
</footer>

</body>
</html>
