<form id="productForm" action="php/islem.php" method="post">
                <input type="hidden" name="urunekle">
              <div class="form-group">
                <label>Ürün Adı</label>
                <input type="text" placeholder="Ürün Adı..." name="urunadi"/>
              </div>
              <div class="form-group">
                <label>Kısa Açıklama</label>
                <input type="text" placeholder="Kısa Açıklama (Description)" name="urundesc"  />
              </div>
              <div class="form-group">
                <label>Stok Kodu</label>
                <input type="text" placeholder="Stok Kodu" name="stokkodu" />
              </div>
              <div class="form-group">
                <label>Stok Sayısı</label>
                <input type="text" placeholder="Stok Sayısı" name="stoksayisi"/>
              </div>
              <div class="form-group">
                <label>Barkod Numarası</label>
                <input type="text" placeholder="Barkod Numarası" name="barkodno" />
              </div>
              <div class="form-group">
                <label>Ürün Markası</label>
                <select class="form-group" name="marka">
                  <option value="0">Markasız Ürün</option>
                </select>
              </div>
              <div class="form-group">
                <label>Kişileştirme Mevcut Mu ?</label>
                <div class="product-personalize">
                  <div class="personalize-group">
                    <input type="checkbox" name="personalizeresim" /><label
                      >Ürün İçin Resim İste !</label
                    >
                    <input type="checkbox" name="personalizetext" /><label
                      >Ürün İçin Yazı İste !</label
                    >
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="product-add-card">
            <div class="card-title">Kategori Ve Fiyatlandırma</div>
            <div class="card-content">
              <div class="form-group">
                <label>Kategori Seçiniz</label>
                <div class="categories-area">
          
                 <?php
                   // Kategorileri veritabanından çekme
                       $query = 'SELECT id, name FROM categories';
                       $stmt = $conn->query($query);
                       $categories = $stmt->fetchAll(PDO::FETCH_ASSOC);
                 ?>
                  <?php foreach ($categories as $category): ?>
            <div class="categori-item">
                <input type="checkbox" id="category-<?php echo $category['id']; ?> " name="categories[]" value="<?php echo $category['id']; ?>"/>
                <label for="category-<?php echo $category['id']; ?>">
                <?php echo '#' . htmlspecialchars($category['id'], ENT_QUOTES, 'UTF-8') . ' ' . htmlspecialchars($category['name'], ENT_QUOTES, 'UTF-8'); ?>
                </label>
            </div>
            <?php endforeach; ?>
                </div>
              </div>
              <div class="form-group">
                <label>İndirimsiz Fiyat</label>
                <input type="text" placeholder="İndirimsiz Fiyat" name="indirimsizfiyat"/>
              </div>
              <div class="form-group">
                <label>İndirimli Fiyat</label>
                <input type="text" placeholder="İndirimli Fiyat" name="indirimlifiyat"/>
              </div>
              <div class="form-group">
                <label>KDV Oranı</label>
                <select name="kdv">
                  <option value="10">10%</option>
                  <option value="20">20%</option>
                </select>
              </div>
              
            </div>
          </div>
        </div>
        <div class="prduct-add-wrapper">
          <div class="product-add-card">
            <div class="card-title">Ürün Detaylı Açıklaması</div>
            <div class="card-content">
              <div class="from-groupc">
            
                  
                <textarea name="editor1" id="editor1" rows="10" cols="80">
                  Buraya ürün açıklamasını yazın.
              </textarea
                >
          
              </div>
            </div>
          </div>
        </div>
        <div class="prduct-add-wrapper">
          <div class="product-add-card">
            <div class="card-title">Ürün Varyant Seçenekleri</div>
            <div class="card-content">
    
                <div class="form-groups">
                  <div class="variant-form">
                    <label for="variantName">Varyant İsmi:</label>
                    <input type="text" id="variantName" name="variantName" placeholder="Varyant adını girin"/>
                    <button type="button" class="addVariant" id="addVariant">
                      Varyant Ekle
                    </button>
                  </div>
                  <div id="variantList" class="variant-list">
                    <!-- Eklenen varyantların listesi burada gösterilecek -->
                  </div>
                </div>
                <button type="submit">Gönder</button>
              </form>

     <script>
         document.addEventListener("DOMContentLoaded", function () {
        var addVariantButton = document.getElementById("addVariant");
         var variantNameInput = document.getElementById("variantName");
        var variantListDiv = document.getElementById("variantList");
       addVariantButton.addEventListener("click", function () {
        var variantName = variantNameInput.value.trim();
        if (variantName === "") {
            alert("Lütfen geçerli bir varyant ismi girin.");
            return;
        }
        var newVariantDiv = document.createElement("div");
        newVariantDiv.className = "variant-item";
        var variantHeaderDiv = document.createElement("div");
        variantHeaderDiv.className = "variant-header";
        newVariantDiv.appendChild(variantHeaderDiv);
        var variantNameSpan = document.createElement("span");
        variantNameSpan.textContent = variantName;
        variantHeaderDiv.appendChild(variantNameSpan);
        var deleteVariantButton = document.createElement("button");
        deleteVariantButton.textContent = "x";
        deleteVariantButton.className = "delete-variant";
        variantHeaderDiv.appendChild(deleteVariantButton);
        deleteVariantButton.addEventListener("click", function () {
            newVariantDiv.remove();
        });
        var addSubOptionButton = document.createElement("button");
        addSubOptionButton.textContent = "Alt Seçenek Ekle";
        addSubOptionButton.type = "button";
        addSubOptionButton.className = "add-sub-variant";
        newVariantDiv.appendChild(addSubOptionButton);
        var subOptionsDiv = document.createElement("div");
        subOptionsDiv.className = "sub-options";
        newVariantDiv.appendChild(subOptionsDiv);
        addSubOptionButton.addEventListener("click", function () {
            var subOptionItemDiv = document.createElement("div");
            subOptionItemDiv.className = "sub-option-item";
            var subOptionNameInput = document.createElement("input");
            subOptionNameInput.type = "text";
            subOptionNameInput.name = "subOptionName[]"; // Dizi olarak isimlendirildi
            subOptionNameInput.placeholder = "Alt seçenek adını girin";
            subOptionItemDiv.appendChild(subOptionNameInput);
            var subOptionPriceInput = document.createElement("input");
            subOptionPriceInput.type = "text";
            subOptionPriceInput.name = "subOptionPrice[]"; // Dizi olarak isimlendirildi
            subOptionPriceInput.placeholder = "Fiyat girin";
            subOptionPriceInput.style.marginLeft = "10px";
            subOptionItemDiv.appendChild(subOptionPriceInput);
            var subOptionStockInput = document.createElement("input");
            subOptionStockInput.type = "number";
            subOptionStockInput.name = "subOptionStock[]"; // Dizi olarak isimlendirildi
            subOptionStockInput.placeholder = "Stok girin";
            subOptionStockInput.style.marginLeft = "10px";
            subOptionItemDiv.appendChild(subOptionStockInput);
            var deleteSubOptionButton = document.createElement("button");
            deleteSubOptionButton.textContent = "x";
            deleteSubOptionButton.className = "delete-sub-option";
            subOptionItemDiv.appendChild(deleteSubOptionButton);
            deleteSubOptionButton.addEventListener("click", function () {
                subOptionItemDiv.remove();
            });
            subOptionsDiv.appendChild(subOptionItemDiv);
        });
        variantListDiv.appendChild(newVariantDiv);
        // Input alanının içeriğini boşaltmamak için eklenen kod satırı:
        // variantNameInput.value = "";
      });
          });
    </script>

if (isset($_POST['urunekle'])) {
        
        $urunadi = $_POST['urunadi'];
        $urundesc = $_POST['urundesc'];
        $stokkodu = $_POST['stokkodu'];
        $stoksayisi = $_POST['stoksayisi'];
        $barkodno = $_POST['barkodno'];
        $marka = $_POST['marka'];
        $indirimsizfiyat = $_POST['indirimsizfiyat'];
        $indirimlifiyat = $_POST['indirimlifiyat'];
        $kdv = $_POST['kdv'];
        $textarea = $_POST['editor1'];


        if (isset($_POST['personalizeresim'])) {
            $personalizeresim_value = 1; // Seçili ise değeri 1 yap
        } else {
            $personalizeresim_value = 0; // Seçili değilse değeri 0 yap
        }
    
        // personalizetext checkbox'ı kontrolü
        if (isset($_POST['personalizetext'])) {
            $personalizetext_value = 1; // Seçili ise değeri 1 yap
        } else {
            $personalizetext_value = 0; // Seçili değilse değeri 0 yap
        }
        
        $urun_bilgileri = array(
            'Ürün Adı' => $urunadi,
            'Ürün Açıklaması' => $urundesc,
            'Stok Kodu' => $stokkodu,
            'Stok Sayısı' => $stoksayisi,
            'Barkod No' => $barkodno,
            'Marka' => $marka,
            'Personalize Resim' => $personalizeresim_value,
            'Personalize Metin' => $personalizetext_value,
            'İndirimsiz Fiyat' => $indirimsizfiyat,
            'İndirimli Fiyat' => $indirimlifiyat,
            'KDV' => $kdv,
            'Aciklama' => $textarea,
        );

        if (isset($_POST['categories']) && is_array($_POST['categories'])) {
            foreach ($_POST['categories'] as $categoryId) {
                echo "Seçili kategori ID: " . htmlspecialchars($categoryId, ENT_QUOTES, 'UTF-8') . "<br>";
                // Burada seçili kategori ID'lerini istediğiniz gibi işleyebilirsiniz.
            }
        } else {
            echo "Herhangi bir kategori seçilmedi.<br> ";
        }
        



// İlk önce 'variantName' alanını kontrol edelim
if (isset($_POST['variantName'])) {
    $variantName = $_POST['variantName'];
    echo "Varyant İsmi: " . htmlspecialchars($variantName) . "<br>";
} else {
    echo "Varyant İsmi POST edilmedi.";
}
// Ardından alt seçeneklerin varlığını ve içeriğini kontrol edelim
if (isset($_POST['subOptionName']) && isset($_POST['subOptionPrice']) && isset($_POST['subOptionStock'])) {
    $subOptionNames = $_POST['subOptionName'];
    $subOptionPrices = $_POST['subOptionPrice'];
    $subOptionStocks = $_POST['subOptionStock'];
    // Alt seçeneklerin sayısını alalım
    $count = count($subOptionNames);
    // Eğer alt seçenekler varsa, ekrana yazdıralım
    if ($count > 0) {
        echo "<h3>Alt Seçenekler:</h3>";
        for ($i = 0; $i < $count; $i++) {
            echo "Alt Seçenek " . ($i + 1) . ": " . htmlspecialchars($subOptionNames[$i]) . " - Fiyat: " . htmlspecialchars($subOptionPrices[$i]) . " - Stok: " . htmlspecialchars($subOptionStocks[$i]) . "<br>";
        }
    } else {
        echo "Alt seçenekler boş.";
    }
} else {
    echo "Alt seçenekler gelmedi.";
}
        echo "<pre>";
        print_r($_POST);
        echo "</pre>";
      
          
    
        
        
    }