diff --git a/app/envanter/teplates/index.html b/app/envanter/teplates/index.html
index addf8f8..f9b8d6e 100644
--- a/app/envanter/teplates/index.html
+++ b/app/envanter/teplates/index.html
@@ -20,7 +20,6 @@
             text-align: center;
             transition: background-color 0.3s ease; 
         }
-       
 
         header:hover {
             background-color: #555; /* Üzerine gelindiğinde yeni arka plan rengi */
@@ -60,8 +59,6 @@
             border: 1px solid #ddd;
             text-align: left;
         }
-
-        /* ... diğer stiller burada yer alacak ... */
         .popup {
             display: none;
             position: fixed;
@@ -74,6 +71,27 @@
             padding: 20px;
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
         }
+        .popup form {
+            display: grid;
+            gap: 10px;
+            padding: 20px;
+            background-color: #2c2c2c;
+            border-radius: 5px;
+        }
+
+        .popup label {
+            display: block;
+            font-weight: bold;
+        }
+
+        .popup input[type="text"],
+        .popup input[type="number"],
+        .popup textarea {
+            width: 100%;
+            padding: 8px;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+        }
 
         #add-component-popup {
             z-index: 999;
@@ -145,7 +163,7 @@ <h2>Yeni Elektronik Komponent Ekle</h2>
             <label for="uretici">Üretici:</label>
             <input type="text" id="uretici" name="uretici" required><br>
             <label for="birim_fiyat">Birim Fiyat:</label>
-            <input type="number" id="birim_fiyat" name="birim_fiyat" step="10" required><br>
+            <input type="number" id="birim_fiyat" name="birim_fiyat" step="0.01" required><br>
             <label for="stok_miktar">Stok Miktarı:</label>
             <input type="number" id="stok_miktar" name="stok_miktar" required><br>
             <label for="minimum_stok">Minimum Stok Miktarı:</label>
@@ -153,7 +171,11 @@ <h2>Yeni Elektronik Komponent Ekle</h2>
             <label for="maximum_stok">Maksimum Stok Miktarı:</label>
             <input type="number" id="maximum_stok" name="maximum_stok" required><br>
             <label for="teknik_ozellikler">Teknik Özellikler:</label>
-            <textarea id="teknik_ozellikler" name="teknik_ozellikler" rows="4" cols="50"></textarea><br>
+            <textarea id="teknik_ozellikler" name="teknik_ozellikler" rows="4" cols="50" required></textarea><br>
+            <label for="foto">Fotoğraf (URL):</label>
+            <input type="text" id="foto" name="foto"><br>
+            <label for="dokuman">Teknik Doküman (URL):</label>
+            <input type="text" id="dokuman" name="dokuman"><br>
             <!-- Diğer form alanları burada yer alacak -->
             <button type="submit">Parça Ekle</button>
         </form>
@@ -161,6 +183,7 @@ <h2>Yeni Elektronik Komponent Ekle</h2>
     </div>
     
     
+    
 
     <footer>&copy; @mekatronik.org © 2023 Parça Envanteri Uygulaması.</footer>