Profesyonel End\u00fcstriyel Stok Kod \u00dcreticisi<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n darkMode: 'class',\n theme: {\n extend: {\n colors: {\n brand: {\n 50: '#f0f7ff',\n 100: '#e0effe',\n 500: '#0066cc', \/* Siemens Blue *\/\n 600: '#0052a3',\n 700: '#003d7a',\n 900: '#0a1d37',\n },\n industrial: {\n gray: '#2d3748',\n dark: '#1a202c',\n yellow: '#f59e0b', \/* Uyar\u0131 \/ Dikkat Sar\u0131 *\/\n }\n }\n }\n }\n }\n <\/script>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n }\n .mono {\n font-family: 'JetBrains Mono', monospace;\n }\n \/* \u00d6zel Barkod \u00c7izgileri Sim\u00fclasyonu *\/\n .barcode-line {\n display: inline-block;\n height: 40px;\n background-color: black;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800 min-h-screen flex flex-col antialiased\">\n\n \n <header class=\"bg-brand-900 text-white shadow-lg border-b-4 border-brand-500\">\n <div class=\"max-w-7xl mx-auto px-4 py-4 flex flex-col sm:flex-row justify-between items-center gap-4\">\n <div class=\"flex items-center gap-3\">\n <div class=\"p-2.5 bg-brand-500 rounded-lg text-white\">\n \n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path>\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h1 class=\"text-xl font-bold tracking-tight\">END\u00dcSTR\u0130YEL KODLAMA PORTALI<\/h1>\n <p class=\"text-xs text-slate-300\">Makine \u0130malat & Entegrasyon Stok Y\u00f6netim Sistemi<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-center gap-2 bg-slate-800\/60 py-2 px-4 rounded-lg border border-slate-700\">\n <span class=\"w-3.5 h-3.5 bg-emerald-500 rounded-full animate-pulse\"><\/span>\n <span class=\"text-sm font-medium text-slate-200\">\u00c7evrimd\u0131\u015f\u0131\/Yerel Veritaban\u0131 Aktif<\/span>\n <\/div>\n <\/div>\n <\/header>\n\n \n <main class=\"flex-grow max-w-7xl w-full mx-auto p-4 lg:py-8 grid grid-cols-1 lg:grid-cols-12 gap-8\">\n \n \n <section class=\"lg:col-span-7 space-y-6\">\n \n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-200\">\n <h2 class=\"text-lg font-bold text-slate-900 mb-4 flex items-center gap-2\">\n <span class=\"w-2 h-6 bg-brand-500 rounded-full\"><\/span>\n 1. Malzeme Kategorisi Se\u00e7in\n <\/h2>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-3\" id=\"categoryTabs\">\n <button onclick=\"switchCategory('FASTENER')\" id=\"tab-FASTENER\" class=\"p-3 rounded-xl border-2 text-center transition-all flex flex-col items-center justify-center gap-2 bg-brand-50 border-brand-500 text-brand-700 shadow-sm font-semibold\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><\/svg>\n <span class=\"text-xs\">Ba\u011flant\u0131 Elm.<\/span>\n <\/button>\n <button onclick=\"switchCategory('AUTOMATION')\" id=\"tab-AUTOMATION\" class=\"p-3 rounded-xl border-2 text-center transition-all flex flex-col items-center justify-center gap-2 bg-white border-slate-200 hover:border-slate-300 text-slate-600 font-medium\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z\"><\/path><\/svg>\n <span class=\"text-xs\">Otomasyon & Elektrik<\/span>\n <\/button>\n <button onclick=\"switchCategory('PANEL')\" id=\"tab-PANEL\" class=\"p-3 rounded-xl border-2 text-center transition-all flex flex-col items-center justify-center gap-2 bg-white border-slate-200 hover:border-slate-300 text-slate-600 font-medium\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\"><\/path><\/svg>\n <span class=\"text-xs\">Panel & Kabin<\/span>\n <\/button>\n <button onclick=\"switchCategory('CUSTOM')\" id=\"tab-CUSTOM\" class=\"p-3 rounded-xl border-2 text-center transition-all flex flex-col items-center justify-center gap-2 bg-white border-slate-200 hover:border-slate-300 text-slate-600 font-medium\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <span class=\"text-xs\">\u00d6zel Kod Tan\u0131m\u0131<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-200\">\n <h2 class=\"text-lg font-bold text-slate-900 mb-4 flex items-center gap-2\">\n <span class=\"w-2 h-6 bg-brand-500 rounded-full\"><\/span>\n 2. Teknik \u00d6zellikleri Belirleyin\n <\/h2>\n \n \n <div id=\"form-FASTENER\" class=\"space-y-4\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Standart \/ Norm<\/label>\n <select id=\"fastener-norm\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n <option value=\"DIN912\">DIN 912 (\u0130mbus \/ Silindir Ba\u015fl\u0131 Alyen)<\/option>\n <option value=\"DIN933\">DIN 933 (Alt\u0131k\u00f6\u015fe Ba\u015fl\u0131 Tam Di\u015f)<\/option>\n <option value=\"DIN7991\">DIN 7991 (Hav\u015fa Ba\u015fl\u0131 Alyen)<\/option>\n <option value=\"DIN985\">DIN 985 (Fiberli Somun)<\/option>\n <option value=\"DIN125\">DIN 125 (D\u00fcz Rondela)<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Malzeme \/ S\u0131n\u0131f (Kalite)<\/label>\n <select id=\"fastener-material\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n <option value=\"08.8\">8.8 Kalite Karbon \u00c7eli\u011fi<\/option>\n <option value=\"10.9\">10.9 Kalite Y\u00fcksek Mukavemetli<\/option>\n <option value=\"12.9\">12.9 Kalite Ultra Mukavemetli<\/option>\n <option value=\"A2-70\">A2-70 Paslanmaz (Inox 304)<\/option>\n <option value=\"A4-80\">A4-80 Paslanmaz (Inox 316)<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">\u00c7ap (Anma \u00d6l\u00e7\u00fcs\u00fc)<\/label>\n <select id=\"fastener-diameter\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all mono\">\n <option value=\"M03\">M3<\/option>\n <option value=\"M04\">M4<\/option>\n <option value=\"M05\">M5<\/option>\n <option value=\"M06\" selected>M6<\/option>\n <option value=\"M08\">M8<\/option>\n <option value=\"M10\">M10<\/option>\n <option value=\"M12\">M12<\/option>\n <option value=\"M16\">M16<\/option>\n <option value=\"M20\">M20<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Boy (mm)<\/label>\n <input type=\"number\" id=\"fastener-length\" value=\"25\" min=\"5\" max=\"300\" oninput=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all mono\">\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Kaplama Tipi<\/label>\n <select id=\"fastener-coating\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n <option value=\"GAL\">\u00c7inko Kaplama (Galvaniz)<\/option>\n <option value=\"RAW\">Kaplamas\u0131z (Siyah \/ Ya\u011fl\u0131)<\/option>\n <option value=\"GEO\">Geomet Kaplama (Y\u00fcksek Korozyon Direnci)<\/option>\n <option value=\"CHR\">Krom Kaplama<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"form-AUTOMATION\" class=\"space-y-4 hidden\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">\u00dcretici \/ Marka<\/label>\n <select id=\"auto-brand\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n <option value=\"SIE\">Siemens<\/option>\n <option value=\"SCH\">Schneider Electric<\/option>\n <option value=\"OMR\">Omron<\/option>\n <option value=\"ABB\">ABB<\/option>\n <option value=\"EMN\">Eaton<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">\u00dcr\u00fcn Grubu<\/label>\n <select id=\"auto-group\" onchange=\"updateAutomationTypes()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n <option value=\"HMI\">HMI (Operat\u00f6r Paneli)<\/option>\n <option value=\"BTN\">Buton & Pilot Lambalar<\/option>\n <option value=\"PLC\">PLC & I\/O Mod\u00fclleri<\/option>\n <option value=\"SWT\">S\u0131n\u0131r Anahtar\u0131 \/ \u015ealter<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Model \/ Tip<\/label>\n <select id=\"auto-type\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n \n <\/select>\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Teknik De\u011fer \/ Boyut<\/label>\n <select id=\"auto-spec\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n \n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"form-PANEL\" class=\"space-y-4 hidden\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">\u00dcretici \/ Sa\u011flay\u0131c\u0131<\/label>\n <select id=\"panel-supplier\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n <option value=\"ARM\">Armendus<\/option>\n <option value=\"RIT\">Rittal<\/option>\n <option value=\"YER\">Yerli \u0130malat<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">\u00dcr\u00fcn Modeli<\/label>\n <select id=\"panel-model\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n <option value=\"PAN-OP\">Operat\u00f6r Kontrol Paneli<\/option>\n <option value=\"ARM-S\">Panel Ta\u015f\u0131ma Kolu (Destek Sistemi)<\/option>\n <option value=\"KAB-D\">Dikili Tip Elektrik Panosu<\/option>\n <option value=\"KAB-D\">Duvar Tipi Da\u011f\u0131t\u0131m Kutusu<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Geni\u015flik (W \u2013 mm)<\/label>\n <input type=\"number\" id=\"panel-width\" value=\"400\" oninput=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all mono\">\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Y\u00fckseklik (H \u2013 mm)<\/label>\n <input type=\"number\" id=\"panel-height\" value=\"300\" oninput=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all mono\">\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Derinlik (D \u2013 mm)<\/label>\n <input type=\"number\" id=\"panel-depth\" value=\"150\" oninput=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all mono\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"form-CUSTOM\" class=\"space-y-4 hidden\">\n <p class=\"text-xs text-slate-500 bg-slate-100 p-3 rounded-lg border border-slate-200 mb-2\">\n Standart d\u0131\u015f\u0131 benzersiz yedek par\u00e7a veya fason malzemeler i\u00e7in kendi kod \u015fablonunuzu manuel segmentlerle olu\u015fturun.\n <\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">K\u0131saltma \u00d6neki<\/label>\n <input type=\"text\" id=\"custom-prefix\" value=\"MKN\" placeholder=\"\u00d6rn: MKN\" oninput=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all uppercase mono\">\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Ana Grup<\/label>\n <input type=\"text\" id=\"custom-group\" value=\"YDK\" placeholder=\"\u00d6rn: CNC\" oninput=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all uppercase mono\">\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Detay \/ S\u0131ra No<\/label>\n <input type=\"text\" id=\"custom-detail\" value=\"0012A\" placeholder=\"\u00d6rn: 912\" oninput=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all uppercase mono\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-200\">\n <h2 class=\"text-lg font-bold text-slate-900 mb-4 flex items-center gap-2\">\n <span class=\"w-2 h-6 bg-brand-500 rounded-full\"><\/span>\n 3. Format Ayarlar\u0131\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Segment Ay\u0131r\u0131c\u0131 Karakter<\/label>\n <div class=\"flex gap-4\">\n <label class=\"flex items-center gap-2 cursor-pointer font-medium text-sm text-slate-700\">\n <input type=\"radio\" name=\"delimiter\" value=\"-\" checked onchange=\"generateCode()\" class=\"w-4 h-4 text-brand-600 focus:ring-brand-500 border-slate-300\">\n Tire (-)\n <\/label>\n <label class=\"flex items-center gap-2 cursor-pointer font-medium text-sm text-slate-700\">\n <input type=\"radio\" name=\"delimiter\" value=\"_\" onchange=\"generateCode()\" class=\"w-4 h-4 text-brand-600 focus:ring-brand-500 border-slate-300\">\n Alt \u00c7izgi (_)\n <\/label>\n <label class=\"flex items-center gap-2 cursor-pointer font-medium text-sm text-slate-700\">\n <input type=\"radio\" name=\"delimiter\" value=\"\" onchange=\"generateCode()\" class=\"w-4 h-4 text-brand-600 focus:ring-brand-500 border-slate-300\">\n Biti\u015fik (Yok)\n <\/label>\n <\/div>\n <\/div>\n <div class=\"flex items-center\">\n <label class=\"flex items-center gap-3 cursor-pointer\">\n <input type=\"checkbox\" id=\"format-uppercase\" checked onchange=\"generateCode()\" class=\"w-4 h-4 rounded text-brand-600 focus:ring-brand-500 border-slate-300\">\n <div>\n <span class=\"text-sm font-semibold text-slate-800 block\">T\u00fcm Karakterleri B\u00fcy\u00fck Yap<\/span>\n <span class=\"text-xs text-slate-400\">Veritaban\u0131 uyumlulu\u011fu i\u00e7in \u00f6nerilir.<\/span>\n <\/div>\n <\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <\/section>\n\n \n <section class=\"lg:col-span-5 space-y-6\">\n \n \n <div class=\"bg-brand-900 text-white rounded-2xl shadow-xl overflow-hidden border border-brand-700 relative\">\n <div class=\"absolute top-0 right-0 bg-brand-500 text-[10px] uppercase font-bold tracking-widest px-3 py-1 rounded-bl-lg\">\n Canl\u0131 \u00d6nizleme\n <\/div>\n <div class=\"p-6\">\n <span class=\"text-xs font-semibold text-brand-300 tracking-wider block mb-2 uppercase\">Hesaplanan Stok Kodu<\/span>\n <div class=\"bg-brand-950 p-4 rounded-xl border border-brand-800 flex justify-between items-center group\">\n <span id=\"finalStockCode\" class=\"text-xl md:text-2xl font-bold tracking-wider text-emerald-400 mono select-all truncate\">\n BEL-DIN912-08.8-M06-025-GAL\n <\/span>\n <button onclick=\"copyToClipboard()\" class=\"p-2 bg-brand-800 hover:bg-brand-700 text-slate-200 rounded-lg transition-colors flex-shrink-0 ml-2\" title=\"Kodu Kopyala\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3\"><\/path><\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"mt-6 space-y-3\">\n <span class=\"text-xs font-semibold text-slate-400 tracking-wider block uppercase\">Segment Yap\u0131s\u0131 ve Anlamlar\u0131<\/span>\n <div class=\"grid grid-cols-1 gap-2\" id=\"segmentAnalysis\">\n \n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-brand-950 px-6 py-4 flex gap-3 border-t border-brand-800\/60\">\n <button onclick=\"saveCurrentCode()\" class=\"flex-grow bg-emerald-500 hover:bg-emerald-600 text-slate-900 font-bold py-3 px-4 rounded-xl transition-all shadow-md flex items-center justify-center gap-2\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path><\/svg>\n Veritaban\u0131na Ekle\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-200 text-slate-900\" id=\"industrialLabel\">\n <div class=\"border-2 border-slate-900 p-4 rounded-lg bg-white relative\">\n <div class=\"flex justify-between items-start border-b border-slate-300 pb-2 mb-3\">\n <div>\n <span class=\"text-[10px] font-bold text-slate-500 block leading-tight\">YEDEK PAR\u00c7A ET\u0130KET\u0130<\/span>\n <span class=\"text-xs font-bold uppercase tracking-wider\" id=\"label-category-title\">BA\u011eLANTI ELEMANI<\/span>\n <\/div>\n <div class=\"text-right\">\n <span class=\"text-[10px] text-slate-500 block\">Sistem Tarihi<\/span>\n <span class=\"text-xs font-semibold\" id=\"label-date\">19.06.2026<\/span>\n <\/div>\n <\/div>\n\n <div class=\"my-4 text-center\">\n <div class=\"text-xs text-slate-400 mb-1\">STOK KART BARKODU<\/div>\n \n <div class=\"inline-flex items-center justify-center gap-[1px] bg-white p-2 border border-slate-200 rounded mb-1\">\n <span class=\"barcode-line w-[3px]\"><\/span>\n <span class=\"barcode-line w-[1px]\"><\/span>\n <span class=\"barcode-line w-[2px]\"><\/span>\n <span class=\"barcode-line w-[4px]\"><\/span>\n <span class=\"barcode-line w-[1px]\"><\/span>\n <span class=\"barcode-line w-[3px]\"><\/span>\n <span class=\"barcode-line w-[1px]\"><\/span>\n <span class=\"barcode-line w-[2px]\"><\/span>\n <span class=\"barcode-line w-[4px]\"><\/span>\n <span class=\"barcode-line w-[1px]\"><\/span>\n <span class=\"barcode-line w-[2px]\"><\/span>\n <span class=\"barcode-line w-[1px]\"><\/span>\n <span class=\"barcode-line w-[3px]\"><\/span>\n <span class=\"barcode-line w-[3px]\"><\/span>\n <span class=\"barcode-line w-[1px]\"><\/span>\n <span class=\"barcode-line w-[2px]\"><\/span>\n <span class=\"barcode-line w-[4px]\"><\/span>\n <\/div>\n <div class=\"mono text-sm font-bold tracking-widest text-slate-900\" id=\"label-barcode-text\">\n BEL-DIN912-08.8-M06-025-GAL\n <\/div>\n <\/div>\n\n <div class=\"border-t border-slate-300 pt-3 text-xs space-y-1 text-slate-700\">\n <div class=\"flex justify-between\"><span class=\"font-semibold\">A\u00e7\u0131klama:<\/span> <span id=\"label-desc\" class=\"text-right\">DIN 912 M6x25, 8.8 Kalite, Galvaniz C\u0131vata<\/span><\/div>\n <div class=\"flex justify-between\"><span class=\"font-semibold\">B\u00f6l\u00fcm \/ Konum:<\/span> <span class=\"text-right\">Ana Depo \u2013 \u00c7ekmece B3<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/section>\n\n <\/main>\n\n \n <section class=\"max-w-7xl w-full mx-auto p-4 pb-12\">\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-200\">\n <div class=\"flex flex-col md:flex-row justify-between items-start md:items-center gap-4 mb-6 pb-4 border-b border-slate-100\">\n <div>\n <h2 class=\"text-lg font-bold text-slate-900 flex items-center gap-2\">\n <span class=\"w-2.5 h-6 bg-emerald-500 rounded-full\"><\/span>\n Olu\u015fturulan \/ Kay\u0131tl\u0131 Stok Kodlar\u0131 Veritaban\u0131\n <\/h2>\n <p class=\"text-xs text-slate-400 mt-1\">Bu oturumda tan\u0131mlad\u0131\u011f\u0131n\u0131z t\u00fcm par\u00e7a kodlar\u0131n\u0131n d\u00f6k\u00fcm\u00fc ve k\u00fct\u00fcphanesi<\/p>\n <\/div>\n <div class=\"flex flex-wrap gap-2 w-full md:w-auto\">\n <button onclick=\"exportToCSV()\" class=\"flex-grow md:flex-grow-0 bg-slate-100 hover:bg-slate-200 text-slate-700 font-semibold py-2 px-4 rounded-xl transition-colors text-sm flex items-center justify-center gap-2 border border-slate-200\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"><\/path><\/svg>\n Excel \/ CSV \u0130ndir\n <\/button>\n <button onclick=\"clearDatabase()\" class=\"flex-grow md:flex-grow-0 bg-rose-50 hover:bg-rose-100 text-rose-600 font-semibold py-2 px-4 rounded-xl transition-colors text-sm flex items-center justify-center gap-2 border border-rose-100\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"><\/path><\/svg>\n T\u00fcm\u00fcn\u00fc Temizle\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"mb-4\">\n <div class=\"relative\">\n <span class=\"absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none\">\n <svg class=\"w-5 h-5 text-slate-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"><\/path><\/svg>\n <\/span>\n <input type=\"text\" id=\"dbSearch\" oninput=\"filterSavedCodes()\" placeholder=\"Stok kodu, kategori veya a\u00e7\u0131klama i\u00e7erisinde arama yap\u0131n...\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white pl-10 pr-4 py-3 rounded-xl font-medium outline-none transition-all\">\n <\/div>\n <\/div>\n\n \n <div class=\"overflow-x-auto rounded-xl border border-slate-100\">\n <table class=\"w-full text-left border-collapse\">\n <thead>\n <tr class=\"bg-slate-50 border-b border-slate-100 text-slate-400 text-xs font-bold uppercase tracking-wider\">\n <th class=\"p-4\">Kategori<\/th>\n <th class=\"p-4\">Stok Kodu<\/th>\n <th class=\"p-4\">Teknik \u00d6zellik \/ A\u00e7\u0131klama<\/th>\n <th class=\"p-4\">Kay\u0131t Tarihi<\/th>\n <th class=\"p-4 text-right\">\u0130\u015flemler<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"savedCodesTable\" class=\"divide-y divide-slate-100 text-sm\">\n \n <\/tbody>\n <\/table>\n <div id=\"noDataMessage\" class=\"hidden text-center py-8 text-slate-400 font-medium\">\n Kay\u0131tl\u0131 stok kodu bulunamad\u0131. Yukar\u0131daki formdan yeni kod olu\u015fturup kaydedebilirsiniz.\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div id=\"toast\" class=\"fixed bottom-6 right-6 bg-slate-900 text-white py-3.5 px-6 rounded-xl shadow-2xl flex items-center gap-3 transform translate-y-24 opacity-0 transition-all duration-300 z-50 border border-slate-700\">\n <span class=\"w-2 h-2 bg-emerald-500 rounded-full animate-ping\"><\/span>\n <span id=\"toastMessage\" class=\"text-sm font-medium\">\u0130\u015flem ba\u015far\u0131yla ger\u00e7ekle\u015ftirildi.<\/span>\n <\/div>\n\n \n <script>\n \/\/ Aktif Kategori State'i\n let currentCategory = 'FASTENER';\n\n \/\/ Elektrik Otomasyon Veri S\u00f6zl\u00fc\u011f\u00fc (Siemens, Armendus vb. baz al\u0131narak)\n const automationData = {\n HMI: {\n title: \"HMI (Operat\u00f6r Paneli)\",\n types: [\n { value: \"KTP1000\", label: \"KTP1000 Basic (10 Inch)\" },\n { value: \"KTP700\", label: \"KTP700 Basic (7 Inch)\" },\n { value: \"TP1200\", label: \"TP1200 Comfort (12 Inch)\" },\n { value: \"TP900\", label: \"TP900 Comfort (9 Inch)\" }\n ],\n specs: [\n { value: \"PN\", label: \"PROFINET Ba\u011flant\u0131\" },\n { value: \"DP\", label: \"PROFIBUS-DP Ba\u011flant\u0131\" },\n { value: \"24V\", label: \"24V DC G\u00fc\u00e7 Beslemesi\" }\n ]\n },\n BTN: {\n title: \"Buton & Pilot Lambalar\",\n types: [\n { value: \"STP-BLK\", label: \"Siyah Stop Butonu (Flat)\" },\n { value: \"STR-WHT\", label: \"Beyaz Start Butonu (Flat)\" },\n { value: \"RST-BLU\", label: \"Mavi Reset Butonu\" },\n { value: \"EMG-RED\", label: \"K\u0131rm\u0131z\u0131 Acil Stop Butonu (Kal\u0131c\u0131)\" },\n { value: \"PWR-GRN\", label: \"Ye\u015fil Power ON Butonu\" },\n { value: \"PWR-RED\", label: \"K\u0131rm\u0131z\u0131 Power OFF Butonu\" },\n { value: \"SWT-MAN\", label: \"Otomatik\/Manuel Se\u00e7ici Anahtar\" }\n ],\n specs: [\n { value: \"22MM\", label: \"22mm Montaj \u00c7ap\u0131\" },\n { value: \"16MM\", label: \"16mm Montaj \u00c7ap\u0131\" },\n { value: \"IP65\", label: \"IP65 S\u0131zd\u0131rmazl\u0131k S\u0131n\u0131f\u0131\" }\n ]\n },\n PLC: {\n title: \"PLC & I\/O Mod\u00fclleri\",\n types: [\n { value: \"S7-1200\", label: \"CPU S7-1200\" },\n { value: \"S7-1500\", label: \"CPU S7-1500\" },\n { value: \"SM1221\", label: \"Dijital Giri\u015f Mod\u00fcl\u00fc\" },\n { value: \"SM1222\", label: \"Dijital \u00c7\u0131k\u0131\u015f Mod\u00fcl\u00fc\" }\n ],\n specs: [\n { value: \"DC-DC-DC\", label: \"Transist\u00f6r \u00c7\u0131k\u0131\u015fl\u0131 (DC)\" },\n { value: \"DC-DC-RLY\", label: \"R\u00f6le \u00c7\u0131k\u0131\u015fl\u0131\" }\n ]\n },\n SWT: {\n title: \"S\u0131n\u0131r Anahtar\u0131 \/ \u015ealter\",\n types: [\n { value: \"LMT-LVR\", label: \"Makaral\u0131 S\u0131n\u0131r Anahtar\u0131\" },\n { value: \"LMT-PLG\", label: \"Piston Kafal\u0131 S\u0131n\u0131r Anahtar\u0131\" },\n { value: \"MSB-03P\", label: \"3 Kutuplu Motor Koruma \u015ealteri\" }\n ],\n specs: [\n { value: \"1NO1NC\", label: \"1 Normalde A\u00e7\u0131k \/ 1 Kapal\u0131\" },\n { value: \"2NO2NC\", label: \"2 Normalde A\u00e7\u0131k \/ 2 Kapal\u0131\" },\n { value: \"10AMP\", label: \"10 Amper Kesme Kapasitesi\" }\n ]\n }\n };\n\n \/\/ Veritaban\u0131 State'i (Oturum bazl\u0131 in-memory, localStorage destekli)\n let savedCodes = [];\n\n \/\/ Sayfa Y\u00fcklendi\u011finde Ba\u015flat\n window.onload = function() {\n \/\/ Tarih Ayarla\n const today = new Date();\n const dateStr = today.toLocaleDateString('tr-TR');\n document.getElementById('label-date').innerText = dateStr;\n\n \/\/ Varsa kay\u0131tl\u0131 kodlar\u0131 yerel haf\u0131zadan y\u00fckle\n const localData = localStorage.getItem('industrial_stock_codes');\n if (localData) {\n savedCodes = JSON.parse(localData);\n } else {\n \/\/ Mock Ba\u015flang\u0131\u00e7 Verileri (Kullan\u0131c\u0131n\u0131n ekipman senaryosuna g\u00f6re \u00f6zelle\u015ftirilmi\u015f!)\n savedCodes = [\n {\n category: \"Otomasyon & Elektrik\",\n code: \"ELK-SIE-HMI-KTP1000-PN\",\n description: \"Siemens KTP1000 Basic (10 Inch) PROFINET Ba\u011flant\u0131\",\n date: dateStr\n },\n {\n category: \"Ba\u011flant\u0131 Elm.\",\n code: \"BEL-DIN912-08.8-M06-025-GAL\",\n description: \"DIN 912 M6x25, 8.8 Kalite, \u00c7inko Kaplama (Galvaniz) C\u0131vata\",\n date: dateStr\n },\n {\n category: \"Panel & Kabin\",\n code: \"MEK-ARM-PAN-OP-400X300X150\",\n description: \"Armendus Operat\u00f6r Kontrol Paneli (400x300x150 mm)\",\n date: dateStr\n },\n {\n category: \"Otomasyon & Elektrik\",\n code: \"ELK-SIE-BTN-EMG-RED-22MM\",\n description: \"Siemens K\u0131rm\u0131z\u0131 Acil Stop Butonu (Kal\u0131c\u0131) 22mm Montaj \u00c7ap\u0131\",\n date: dateStr\n }\n ];\n saveToLocalStorage();\n }\n\n updateAutomationTypes();\n generateCode();\n renderSavedCodesTable();\n };\n\n \/\/ Kategori De\u011fi\u015ftirme\n function switchCategory(category) {\n currentCategory = category;\n \n \/\/ Tab stillerini g\u00fcncelle\n const tabs = ['FASTENER', 'AUTOMATION', 'PANEL', 'CUSTOM'];\n tabs.forEach(tab => {\n const btn = document.getElementById(`tab-${tab}`);\n if (tab === category) {\n btn.className = \"p-3 rounded-xl border-2 text-center transition-all flex flex-col items-center justify-center gap-2 bg-brand-50 border-brand-500 text-brand-700 shadow-sm font-semibold\";\n } else {\n btn.className = \"p-3 rounded-xl border-2 text-center transition-all flex flex-col items-center justify-center gap-2 bg-white border-slate-200 hover:border-slate-300 text-slate-600 font-medium\";\n }\n \n \/\/ Form alanlar\u0131n\u0131 g\u00f6ster\/gizle\n const form = document.getElementById(`form-${tab}`);\n if (tab === category) {\n form.classList.remove('hidden');\n } else {\n form.classList.add('hidden');\n }\n });\n\n generateCode();\n }\n\n \/\/ Otomasyon \u00dcr\u00fcn Grubu De\u011fi\u015fti\u011finde Model ve Spesifikasyonlar\u0131 G\u00fcncelle\n function updateAutomationTypes() {\n const groupSelect = document.getElementById('auto-group');\n const typeSelect = document.getElementById('auto-type');\n const specSelect = document.getElementById('auto-spec');\n const selectedGroup = groupSelect.value;\n\n const groupData = automationData[selectedGroup];\n\n \/\/ Tipleri doldur\n typeSelect.innerHTML = '';\n groupData.types.forEach(type => {\n const opt = document.createElement('option');\n opt.value = type.value;\n opt.innerText = type.label;\n typeSelect.appendChild(opt);\n });\n\n \/\/ Spesifikasyonlar\u0131 doldur\n specSelect.innerHTML = '';\n groupData.specs.forEach(spec => {\n const opt = document.createElement('option');\n opt.value = spec.value;\n opt.innerText = spec.label;\n specSelect.appendChild(opt);\n });\n\n generateCode();\n }\n\n \/\/ STOK KODUNU \u00dcRET (HESAPLA)\n function generateCode() {\n const separator = document.querySelector('input[name=\"delimiter\"]:checked').value;\n const forceUpper = document.getElementById('format-uppercase').checked;\n \n let segments = [];\n let descriptions = [];\n let categoryName = \"\";\n\n if (currentCategory === 'FASTENER') {\n categoryName = \"BA\u011eLANTI ELEMANI\";\n const norm = document.getElementById('fastener-norm').value;\n const mat = document.getElementById('fastener-material').value;\n const dia = document.getElementById('fastener-diameter').value;\n const len = document.getElementById('fastener-length').value.padStart(3, '0');\n const coat = document.getElementById('fastener-coating').value;\n\n segments = [\"BEL\", norm, mat, dia, len, coat];\n\n \/\/ A\u00e7\u0131klama Metni Olu\u015fturma\n const normText = document.getElementById('fastener-norm').options[document.getElementById('fastener-norm').selectedIndex].text.split('(')[0].trim();\n const matText = document.getElementById('fastener-material').options[document.getElementById('fastener-material').selectedIndex].text.split(' ')[0].trim();\n const coatText = document.getElementById('fastener-coating').options[document.getElementById('fastener-coating').selectedIndex].text.split('(')[0].trim();\n descriptions = [\n { seg: \"BEL\", desc: \"Ba\u011flant\u0131 Elemanlar\u0131 S\u0131n\u0131f\u0131\" },\n { seg: norm, desc: `${normText} Standart Normu` },\n { seg: mat, desc: `${matText} S\u0131n\u0131f\u0131 Mukavemet\/Malzeme` },\n { seg: dia, desc: `${dia.replace('M', 'M')} Di\u015f \u00d6l\u00e7\u00fcs\u00fc (\u00c7ap)` },\n { seg: len, desc: `${parseInt(len)} mm Vida Boyu` },\n { seg: coat, desc: `${coatText} Koruyucu Kaplama` }\n ];\n\n document.getElementById('label-desc').innerText = `${normText} ${dia.replace('M', 'M')}x${parseInt(len)} mm, ${matText} Kalite, ${coatText}`;\n\n } else if (currentCategory === 'AUTOMATION') {\n categoryName = \"OTOMASYON & ELEKTR\u0130K\";\n const brand = document.getElementById('auto-brand').value;\n const group = document.getElementById('auto-group').value;\n const type = document.getElementById('auto-type').value;\n const spec = document.getElementById('auto-spec').value;\n\n segments = [\"ELK\", brand, group, type, spec];\n\n const brandText = document.getElementById('auto-brand').options[document.getElementById('auto-brand').selectedIndex].text;\n const groupText = document.getElementById('auto-group').options[document.getElementById('auto-group').selectedIndex].text.split('(')[0].trim();\n const typeText = document.getElementById('auto-type').options[document.getElementById('auto-type').selectedIndex].text;\n const specText = document.getElementById('auto-spec').options[document.getElementById('auto-spec').selectedIndex].text;\n\n descriptions = [\n { seg: \"ELK\", desc: \"Elektrik & Otomasyon S\u0131n\u0131f\u0131\" },\n { seg: brand, desc: `${brandText} Markas\u0131` },\n { seg: group, desc: `${groupText} \u00dcr\u00fcn Grubu` },\n { seg: type, desc: `${typeText} Model\/Varyant` },\n { seg: spec, desc: `${specText} Spesifikasyon De\u011feri` }\n ];\n\n document.getElementById('label-desc').innerText = `${brandText} ${typeText} (${specText})`;\n\n } else if (currentCategory === 'PANEL') {\n categoryName = \"PANEL & KAB\u0130N\";\n const sup = document.getElementById('panel-supplier').value;\n const mod = document.getElementById('panel-model').value;\n const w = document.getElementById('panel-width').value;\n const h = document.getElementById('panel-height').value;\n const d = document.getElementById('panel-depth').value;\n\n segments = [\"MEK\", sup, mod, `${w}X${h}X${d}`];\n\n const supText = document.getElementById('panel-supplier').options[document.getElementById('panel-supplier').selectedIndex].text;\n const modText = document.getElementById('panel-model').options[document.getElementById('panel-model').selectedIndex].text;\n\n descriptions = [\n { seg: \"MEK\", desc: \"Panel & Mekanik S\u0131n\u0131f\u0131\" },\n { seg: sup, desc: `${supText} \u00dcretici\/Sa\u011flay\u0131c\u0131` },\n { seg: mod, desc: `${modText}` },\n { seg: `${w}X${h}X${d}`, desc: `${w}x${h}x${d} mm Boyutsal \u00d6l\u00e7\u00fcler (GxYxD)` }\n ];\n\n document.getElementById('label-desc').innerText = `${supText} ${modText} (${w}x${h}x${d} mm)`;\n\n } else if (currentCategory === 'CUSTOM') {\n categoryName = \"\u00d6ZEL PAR\u00c7A S\u0130STEM\u0130\";\n const pre = document.getElementById('custom-prefix').value.trim() || \"MKN\";\n const grp = document.getElementById('custom-group').value.trim() || \"YDK\";\n const dtl = document.getElementById('custom-detail').value.trim() || \"000\";\n\n segments = [pre, grp, dtl];\n\n descriptions = [\n { seg: pre, desc: \"\u00d6zel Belirlenmi\u015f \u00d6nek S\u0131n\u0131f\u0131\" },\n { seg: grp, desc: \"Tan\u0131mlanan Ana Departman\/Grup\" },\n { seg: dtl, desc: \"Detay Par\u00e7a Tan\u0131m\u0131 \/ S\u0131ral\u0131 Seri Numaras\u0131\" }\n ];\n\n document.getElementById('label-desc').innerText = `\u00d6zel Tan\u0131ml\u0131 Malzeme \/ Par\u00e7a (${grp} Grubu)`;\n }\n\n \/\/ Kodu Birle\u015ftir ve Formatla\n let finalCode = segments.join(separator);\n if (forceUpper) {\n finalCode = finalCode.toUpperCase();\n }\n\n \/\/ UI G\u00fcncellemeleri\n document.getElementById('finalStockCode').innerText = finalCode;\n document.getElementById('label-barcode-text').innerText = finalCode;\n document.getElementById('label-category-title').innerText = categoryName;\n\n \/\/ Segment Analiz Kartlar\u0131n\u0131 \u00c7iz\n const analysisContainer = document.getElementById('segmentAnalysis');\n analysisContainer.innerHTML = '';\n\n descriptions.forEach((item, index) => {\n const segText = forceUpper ? item.seg.toUpperCase() : item.seg;\n const colorClasses = [\n 'border-emerald-500 bg-emerald-500\/10 text-emerald-300',\n 'border-sky-500 bg-sky-500\/10 text-sky-300',\n 'border-amber-500 bg-amber-500\/10 text-amber-300',\n 'border-purple-500 bg-purple-500\/10 text-purple-300',\n 'border-pink-500 bg-pink-500\/10 text-pink-300',\n 'border-indigo-500 bg-indigo-500\/10 text-indigo-300'\n ];\n const activeColor = colorClasses[index % colorClasses.length];\n\n const div = document.createElement('div');\n div.className = `flex items-start gap-3 p-2.5 rounded-lg border-l-4 ${activeColor}`;\n div.innerHTML = `\n <span class=\"mono font-bold text-sm tracking-wider min-w-[80px] block\">${segText}<\/span>\n <span class=\"text-xs text-slate-300 leading-normal\">${item.desc}<\/span>\n `;\n analysisContainer.appendChild(div);\n });\n }\n\n \/\/ PANOYA KOPYALAMA \u0130\u015eLEM\u0130\n function copyToClipboard() {\n const codeText = document.getElementById('finalStockCode').innerText;\n \n \/\/ Taray\u0131c\u0131 uyumlulu\u011fu i\u00e7in fallback y\u00f6ntem\n const tempInput = document.createElement('input');\n tempInput.value = codeText;\n document.body.appendChild(tempInput);\n tempInput.select();\n document.execCommand('copy');\n document.body.removeChild(tempInput);\n\n showToast(\"Stok kodu panoya kopyaland\u0131!\");\n }\n\n \/\/ B\u0130LD\u0130R\u0130M G\u00d6STER (TOAST)\n function showToast(message) {\n const toast = document.getElementById('toast');\n const toastMsg = document.getElementById('toastMessage');\n \n toastMsg.innerText = message;\n toast.classList.remove('translate-y-24', 'opacity-0');\n toast.classList.add('translate-y-0', 'opacity-100');\n\n setTimeout(() => {\n toast.classList.remove('translate-y-0', 'opacity-100');\n toast.classList.add('translate-y-24', 'opacity-0');\n }, 3000);\n }\n\n \/\/ LOKAL DEPOLAMAYA YAZ\n function saveToLocalStorage() {\n localStorage.setItem('industrial_stock_codes', JSON.stringify(savedCodes));\n }\n\n \/\/ YEN\u0130 KODU GE\u00c7M\u0130\u015e TABLOSUNA KAYDETME\n function saveCurrentCode() {\n const code = document.getElementById('finalStockCode').innerText;\n const desc = document.getElementById('label-desc').innerText;\n \n \/\/ \u00c7ift Kay\u0131t Kontrol\u00fc\n const exists = savedCodes.some(item => item.code === code);\n if (exists) {\n showToast(\"Bu stok kodu veritaban\u0131nda zaten kay\u0131tl\u0131!\");\n return;\n }\n\n const today = new Date();\n const dateStr = today.toLocaleDateString('tr-TR');\n\n let catLabel = \"\u00d6zel Par\u00e7a\";\n if (currentCategory === 'FASTENER') catLabel = \"Ba\u011flant\u0131 Elm.\";\n if (currentCategory === 'AUTOMATION') catLabel = \"Otomasyon & Elektrik\";\n if (currentCategory === 'PANEL') catLabel = \"Panel & Kabin\";\n\n savedCodes.unshift({\n category: catLabel,\n code: code,\n description: desc,\n date: dateStr\n });\n\n saveToLocalStorage();\n renderSavedCodesTable();\n showToast(\"Stok kodu ba\u015far\u0131yla kaydedildi!\");\n }\n\n \/\/ KAYITLI KODLAR TABLOSUNU \u00c7\u0130Z\n function renderSavedCodesTable(filteredData = null) {\n const tableBody = document.getElementById('savedCodesTable');\n const noDataMessage = document.getElementById('noDataMessage');\n const dataToRender = filteredData || savedCodes;\n\n tableBody.innerHTML = '';\n\n if (dataToRender.length === 0) {\n noDataMessage.classList.remove('hidden');\n return;\n } else {\n noDataMessage.classList.add('hidden');\n }\n\n dataToRender.forEach((item, index) => {\n const tr = document.createElement('tr');\n tr.className = \"hover:bg-slate-50 transition-colors\";\n \n \/\/ Kategoriye G\u00f6re Tag Rengi\n let catBadgeColor = \"bg-slate-100 text-slate-700\";\n if (item.category === \"Ba\u011flant\u0131 Elm.\") catBadgeColor = \"bg-emerald-50 text-emerald-700 border border-emerald-200\";\n if (item.category === \"Otomasyon & Elektrik\") catBadgeColor = \"bg-blue-50 text-blue-700 border border-blue-200\";\n if (item.category === \"Panel & Kabin\") catBadgeColor = \"bg-purple-50 text-purple-700 border border-purple-200\";\n\n tr.innerHTML = `\n <td class=\"p-4\">\n <span class=\"px-2.5 py-1 rounded-full text-xs font-semibold ${catBadgeColor}\">\n ${item.category}\n <\/span>\n <\/td>\n <td class=\"p-4\">\n <span class=\"mono font-bold tracking-wider text-slate-950 select-all\">${item.code}<\/span>\n <\/td>\n <td class=\"p-4 text-slate-600 font-medium\">${item.description}<\/td>\n <td class=\"p-4 text-xs text-slate-400 font-medium\">${item.date}<\/td>\n <td class=\"p-4 text-right\">\n <div class=\"flex items-center justify-end gap-2\">\n <button onclick=\"copySpecificCode('${item.code}')\" class=\"p-1.5 hover:bg-slate-100 text-slate-500 hover:text-slate-900 rounded-lg transition-colors\" title=\"Kopyala\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3\"><\/path><\/svg>\n <\/button>\n <button onclick=\"deleteCode(${index})\" class=\"p-1.5 hover:bg-rose-50 text-slate-400 hover:text-rose-600 rounded-lg transition-colors\" title=\"Sil\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"><\/path><\/svg>\n <\/button>\n <\/div>\n <\/td>\n `;\n tableBody.appendChild(tr);\n });\n }\n\n \/\/ TABLODAN SE\u00c7\u0130LEN KODU KOPYALAMA\n function copySpecificCode(code) {\n const tempInput = document.createElement('input');\n tempInput.value = code;\n document.body.appendChild(tempInput);\n tempInput.select();\n document.execCommand('copy');\n document.body.removeChild(tempInput);\n showToast(`\"${code}\" kodu kopyaland\u0131!`);\n }\n\n \/\/ TEK B\u0130R KODU S\u0130LME\n function deleteCode(index) {\n savedCodes.splice(index, 1);\n saveToLocalStorage();\n renderSavedCodesTable();\n showToast(\"Stok kodu silindi.\");\n }\n\n \/\/ T\u00dcM VER\u0130TABANINI TEM\u0130ZLEME\n function clearDatabase() {\n if (confirm(\"Kay\u0131tl\u0131 t\u00fcm stok kodlar\u0131n\u0131 silmek istedi\u011finizden emin misiniz? Bu i\u015flem geri al\u0131namaz.\")) {\n savedCodes = [];\n saveToLocalStorage();\n renderSavedCodesTable();\n showToast(\"T\u00fcm veritaban\u0131 temizlendi.\");\n }\n }\n\n \/\/ TABLO \u0130\u00c7\u0130 ARAMA & F\u0130LTRELEME\n function filterSavedCodes() {\n const query = document.getElementById('dbSearch').value.toLowerCase().trim();\n if (!query) {\n renderSavedCodesTable();\n return;\n }\n\n const filtered = savedCodes.filter(item => {\n return item.code.toLowerCase().includes(query) || \n item.description.toLowerCase().includes(query) || \n item.category.toLowerCase().includes(query);\n });\n\n renderSavedCodesTable(filtered);\n }\n\n \/\/ EXCEL (CSV) FORMATINDA DI\u015eA AKTARMA\n function exportToCSV() {\n if (savedCodes.length === 0) {\n showToast(\"D\u0131\u015fa aktar\u0131lacak veri bulunamad\u0131.\");\n return;\n }\n\n let csvContent = \"data:text\/csv;charset=utf-8,\\uFEFF\"; \/\/ T\u00fcrk\u00e7e karakter deste\u011fi i\u00e7in BOM\n csvContent += \"Kategori,Stok Kodu,Teknik Aciklama,Kayit Tarihi\\n\";\n\n savedCodes.forEach(item => {\n \/\/ T\u0131rnak i\u00e7indeki verilerde virg\u00fcl ka\u00e7\u0131\u015f karakteri sorununu \u00f6nlemek i\u00e7in temizlik\n const safeDesc = item.description.replace(\/\"\/g, '\"\"');\n csvContent += `\"${item.category}\",\"${item.code}\",\"${safeDesc}\",\"${item.date}\"\\n`;\n });\n\n const encodedUri = encodeURI(csvContent);\n const link = document.createElement(\"a\");\n link.setAttribute(\"href\", encodedUri);\n link.setAttribute(\"download\", `Stok_Kodlari_Export_${new Date().toISOString().slice(0,10)}.csv`);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n\n showToast(\"CSV dosyas\u0131 ba\u015far\u0131yla indirildi.\");\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Profesyonel End\u00fcstriyel Stok Kod \u00dcreticisi END\u00dcSTR\u0130YEL KODLAMA PORTALI Makine \u0130malat & Entegrasyon Stok Y\u00f6netim Sistemi \u00c7evrimd\u0131\u015f\u0131\/Yerel Veritaban\u0131 Aktif 1. Malzeme Kategorisi Se\u00e7in Ba\u011flant\u0131 Elm. Otomasyon & Elektrik Panel & Kabin \u00d6zel Kod Tan\u0131m\u0131 2. Teknik \u00d6zellikleri Belirleyin Standart \/ Norm DIN 912 (\u0130mbus \/ Silindir Ba\u015fl\u0131 Alyen)DIN 933 (Alt\u0131k\u00f6\u015fe Ba\u015fl\u0131 Tam Di\u015f)DIN 7991 (Hav\u015fa Ba\u015fl\u0131 Alyen)DIN 985 (Fiberli Somun)DIN 125 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/argerobotik.store\/index.php?rest_route=\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/argerobotik.store\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/argerobotik.store\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/argerobotik.store\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/argerobotik.store\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37"}],"version-history":[{"count":1,"href":"https:\/\/argerobotik.store\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/argerobotik.store\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/argerobotik.store\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":37,"date":"2026-06-19T07:02:24","date_gmt":"2026-06-19T07:02:24","guid":{"rendered":"https:\/\/argerobotik.store\/?page_id=37"},"modified":"2026-06-19T07:02:24","modified_gmt":"2026-06-19T07:02:24","slug":"arge-depo-portal","status":"publish","type":"page","link":"https:\/\/argerobotik.store\/?page_id=37","title":{"rendered":"arge-depo-portal"},"content":{"rendered":"\n\n\n\n \n \n Profesyonel End\u00fcstriyel Stok Kod \u00dcreticisi<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n darkMode: 'class',\n theme: {\n extend: {\n colors: {\n brand: {\n 50: '#f0f7ff',\n 100: '#e0effe',\n 500: '#0066cc', \/* Siemens Blue *\/\n 600: '#0052a3',\n 700: '#003d7a',\n 900: '#0a1d37',\n },\n industrial: {\n gray: '#2d3748',\n dark: '#1a202c',\n yellow: '#f59e0b', \/* Uyar\u0131 \/ Dikkat Sar\u0131 *\/\n }\n }\n }\n }\n }\n <\/script>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n }\n .mono {\n font-family: 'JetBrains Mono', monospace;\n }\n \/* \u00d6zel Barkod \u00c7izgileri Sim\u00fclasyonu *\/\n .barcode-line {\n display: inline-block;\n height: 40px;\n background-color: black;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800 min-h-screen flex flex-col antialiased\">\n\n \n <header class=\"bg-brand-900 text-white shadow-lg border-b-4 border-brand-500\">\n <div class=\"max-w-7xl mx-auto px-4 py-4 flex flex-col sm:flex-row justify-between items-center gap-4\">\n <div class=\"flex items-center gap-3\">\n <div class=\"p-2.5 bg-brand-500 rounded-lg text-white\">\n \n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path>\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h1 class=\"text-xl font-bold tracking-tight\">END\u00dcSTR\u0130YEL KODLAMA PORTALI<\/h1>\n <p class=\"text-xs text-slate-300\">Makine \u0130malat & Entegrasyon Stok Y\u00f6netim Sistemi<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-center gap-2 bg-slate-800\/60 py-2 px-4 rounded-lg border border-slate-700\">\n <span class=\"w-3.5 h-3.5 bg-emerald-500 rounded-full animate-pulse\"><\/span>\n <span class=\"text-sm font-medium text-slate-200\">\u00c7evrimd\u0131\u015f\u0131\/Yerel Veritaban\u0131 Aktif<\/span>\n <\/div>\n <\/div>\n <\/header>\n\n \n <main class=\"flex-grow max-w-7xl w-full mx-auto p-4 lg:py-8 grid grid-cols-1 lg:grid-cols-12 gap-8\">\n \n \n <section class=\"lg:col-span-7 space-y-6\">\n \n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-200\">\n <h2 class=\"text-lg font-bold text-slate-900 mb-4 flex items-center gap-2\">\n <span class=\"w-2 h-6 bg-brand-500 rounded-full\"><\/span>\n 1. Malzeme Kategorisi Se\u00e7in\n <\/h2>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-3\" id=\"categoryTabs\">\n <button onclick=\"switchCategory('FASTENER')\" id=\"tab-FASTENER\" class=\"p-3 rounded-xl border-2 text-center transition-all flex flex-col items-center justify-center gap-2 bg-brand-50 border-brand-500 text-brand-700 shadow-sm font-semibold\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><\/svg>\n <span class=\"text-xs\">Ba\u011flant\u0131 Elm.<\/span>\n <\/button>\n <button onclick=\"switchCategory('AUTOMATION')\" id=\"tab-AUTOMATION\" class=\"p-3 rounded-xl border-2 text-center transition-all flex flex-col items-center justify-center gap-2 bg-white border-slate-200 hover:border-slate-300 text-slate-600 font-medium\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z\"><\/path><\/svg>\n <span class=\"text-xs\">Otomasyon & Elektrik<\/span>\n <\/button>\n <button onclick=\"switchCategory('PANEL')\" id=\"tab-PANEL\" class=\"p-3 rounded-xl border-2 text-center transition-all flex flex-col items-center justify-center gap-2 bg-white border-slate-200 hover:border-slate-300 text-slate-600 font-medium\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\"><\/path><\/svg>\n <span class=\"text-xs\">Panel & Kabin<\/span>\n <\/button>\n <button onclick=\"switchCategory('CUSTOM')\" id=\"tab-CUSTOM\" class=\"p-3 rounded-xl border-2 text-center transition-all flex flex-col items-center justify-center gap-2 bg-white border-slate-200 hover:border-slate-300 text-slate-600 font-medium\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <span class=\"text-xs\">\u00d6zel Kod Tan\u0131m\u0131<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-200\">\n <h2 class=\"text-lg font-bold text-slate-900 mb-4 flex items-center gap-2\">\n <span class=\"w-2 h-6 bg-brand-500 rounded-full\"><\/span>\n 2. Teknik \u00d6zellikleri Belirleyin\n <\/h2>\n \n \n <div id=\"form-FASTENER\" class=\"space-y-4\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Standart \/ Norm<\/label>\n <select id=\"fastener-norm\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n <option value=\"DIN912\">DIN 912 (\u0130mbus \/ Silindir Ba\u015fl\u0131 Alyen)<\/option>\n <option value=\"DIN933\">DIN 933 (Alt\u0131k\u00f6\u015fe Ba\u015fl\u0131 Tam Di\u015f)<\/option>\n <option value=\"DIN7991\">DIN 7991 (Hav\u015fa Ba\u015fl\u0131 Alyen)<\/option>\n <option value=\"DIN985\">DIN 985 (Fiberli Somun)<\/option>\n <option value=\"DIN125\">DIN 125 (D\u00fcz Rondela)<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Malzeme \/ S\u0131n\u0131f (Kalite)<\/label>\n <select id=\"fastener-material\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n <option value=\"08.8\">8.8 Kalite Karbon \u00c7eli\u011fi<\/option>\n <option value=\"10.9\">10.9 Kalite Y\u00fcksek Mukavemetli<\/option>\n <option value=\"12.9\">12.9 Kalite Ultra Mukavemetli<\/option>\n <option value=\"A2-70\">A2-70 Paslanmaz (Inox 304)<\/option>\n <option value=\"A4-80\">A4-80 Paslanmaz (Inox 316)<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">\u00c7ap (Anma \u00d6l\u00e7\u00fcs\u00fc)<\/label>\n <select id=\"fastener-diameter\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all mono\">\n <option value=\"M03\">M3<\/option>\n <option value=\"M04\">M4<\/option>\n <option value=\"M05\">M5<\/option>\n <option value=\"M06\" selected>M6<\/option>\n <option value=\"M08\">M8<\/option>\n <option value=\"M10\">M10<\/option>\n <option value=\"M12\">M12<\/option>\n <option value=\"M16\">M16<\/option>\n <option value=\"M20\">M20<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Boy (mm)<\/label>\n <input type=\"number\" id=\"fastener-length\" value=\"25\" min=\"5\" max=\"300\" oninput=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all mono\">\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Kaplama Tipi<\/label>\n <select id=\"fastener-coating\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n <option value=\"GAL\">\u00c7inko Kaplama (Galvaniz)<\/option>\n <option value=\"RAW\">Kaplamas\u0131z (Siyah \/ Ya\u011fl\u0131)<\/option>\n <option value=\"GEO\">Geomet Kaplama (Y\u00fcksek Korozyon Direnci)<\/option>\n <option value=\"CHR\">Krom Kaplama<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"form-AUTOMATION\" class=\"space-y-4 hidden\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">\u00dcretici \/ Marka<\/label>\n <select id=\"auto-brand\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n <option value=\"SIE\">Siemens<\/option>\n <option value=\"SCH\">Schneider Electric<\/option>\n <option value=\"OMR\">Omron<\/option>\n <option value=\"ABB\">ABB<\/option>\n <option value=\"EMN\">Eaton<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">\u00dcr\u00fcn Grubu<\/label>\n <select id=\"auto-group\" onchange=\"updateAutomationTypes()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n <option value=\"HMI\">HMI (Operat\u00f6r Paneli)<\/option>\n <option value=\"BTN\">Buton & Pilot Lambalar<\/option>\n <option value=\"PLC\">PLC & I\/O Mod\u00fclleri<\/option>\n <option value=\"SWT\">S\u0131n\u0131r Anahtar\u0131 \/ \u015ealter<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Model \/ Tip<\/label>\n <select id=\"auto-type\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n \n <\/select>\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Teknik De\u011fer \/ Boyut<\/label>\n <select id=\"auto-spec\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n \n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"form-PANEL\" class=\"space-y-4 hidden\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">\u00dcretici \/ Sa\u011flay\u0131c\u0131<\/label>\n <select id=\"panel-supplier\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n <option value=\"ARM\">Armendus<\/option>\n <option value=\"RIT\">Rittal<\/option>\n <option value=\"YER\">Yerli \u0130malat<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">\u00dcr\u00fcn Modeli<\/label>\n <select id=\"panel-model\" onchange=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all\">\n <option value=\"PAN-OP\">Operat\u00f6r Kontrol Paneli<\/option>\n <option value=\"ARM-S\">Panel Ta\u015f\u0131ma Kolu (Destek Sistemi)<\/option>\n <option value=\"KAB-D\">Dikili Tip Elektrik Panosu<\/option>\n <option value=\"KAB-D\">Duvar Tipi Da\u011f\u0131t\u0131m Kutusu<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Geni\u015flik (W \u2013 mm)<\/label>\n <input type=\"number\" id=\"panel-width\" value=\"400\" oninput=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all mono\">\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Y\u00fckseklik (H \u2013 mm)<\/label>\n <input type=\"number\" id=\"panel-height\" value=\"300\" oninput=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all mono\">\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Derinlik (D \u2013 mm)<\/label>\n <input type=\"number\" id=\"panel-depth\" value=\"150\" oninput=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all mono\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"form-CUSTOM\" class=\"space-y-4 hidden\">\n <p class=\"text-xs text-slate-500 bg-slate-100 p-3 rounded-lg border border-slate-200 mb-2\">\n Standart d\u0131\u015f\u0131 benzersiz yedek par\u00e7a veya fason malzemeler i\u00e7in kendi kod \u015fablonunuzu manuel segmentlerle olu\u015fturun.\n <\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">K\u0131saltma \u00d6neki<\/label>\n <input type=\"text\" id=\"custom-prefix\" value=\"MKN\" placeholder=\"\u00d6rn: MKN\" oninput=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all uppercase mono\">\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Ana Grup<\/label>\n <input type=\"text\" id=\"custom-group\" value=\"YDK\" placeholder=\"\u00d6rn: CNC\" oninput=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all uppercase mono\">\n <\/div>\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Detay \/ S\u0131ra No<\/label>\n <input type=\"text\" id=\"custom-detail\" value=\"0012A\" placeholder=\"\u00d6rn: 912\" oninput=\"generateCode()\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white p-3 rounded-xl font-medium outline-none transition-all uppercase mono\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-200\">\n <h2 class=\"text-lg font-bold text-slate-900 mb-4 flex items-center gap-2\">\n <span class=\"w-2 h-6 bg-brand-500 rounded-full\"><\/span>\n 3. Format Ayarlar\u0131\n <\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-1.5\">Segment Ay\u0131r\u0131c\u0131 Karakter<\/label>\n <div class=\"flex gap-4\">\n <label class=\"flex items-center gap-2 cursor-pointer font-medium text-sm text-slate-700\">\n <input type=\"radio\" name=\"delimiter\" value=\"-\" checked onchange=\"generateCode()\" class=\"w-4 h-4 text-brand-600 focus:ring-brand-500 border-slate-300\">\n Tire (-)\n <\/label>\n <label class=\"flex items-center gap-2 cursor-pointer font-medium text-sm text-slate-700\">\n <input type=\"radio\" name=\"delimiter\" value=\"_\" onchange=\"generateCode()\" class=\"w-4 h-4 text-brand-600 focus:ring-brand-500 border-slate-300\">\n Alt \u00c7izgi (_)\n <\/label>\n <label class=\"flex items-center gap-2 cursor-pointer font-medium text-sm text-slate-700\">\n <input type=\"radio\" name=\"delimiter\" value=\"\" onchange=\"generateCode()\" class=\"w-4 h-4 text-brand-600 focus:ring-brand-500 border-slate-300\">\n Biti\u015fik (Yok)\n <\/label>\n <\/div>\n <\/div>\n <div class=\"flex items-center\">\n <label class=\"flex items-center gap-3 cursor-pointer\">\n <input type=\"checkbox\" id=\"format-uppercase\" checked onchange=\"generateCode()\" class=\"w-4 h-4 rounded text-brand-600 focus:ring-brand-500 border-slate-300\">\n <div>\n <span class=\"text-sm font-semibold text-slate-800 block\">T\u00fcm Karakterleri B\u00fcy\u00fck Yap<\/span>\n <span class=\"text-xs text-slate-400\">Veritaban\u0131 uyumlulu\u011fu i\u00e7in \u00f6nerilir.<\/span>\n <\/div>\n <\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <\/section>\n\n \n <section class=\"lg:col-span-5 space-y-6\">\n \n \n <div class=\"bg-brand-900 text-white rounded-2xl shadow-xl overflow-hidden border border-brand-700 relative\">\n <div class=\"absolute top-0 right-0 bg-brand-500 text-[10px] uppercase font-bold tracking-widest px-3 py-1 rounded-bl-lg\">\n Canl\u0131 \u00d6nizleme\n <\/div>\n <div class=\"p-6\">\n <span class=\"text-xs font-semibold text-brand-300 tracking-wider block mb-2 uppercase\">Hesaplanan Stok Kodu<\/span>\n <div class=\"bg-brand-950 p-4 rounded-xl border border-brand-800 flex justify-between items-center group\">\n <span id=\"finalStockCode\" class=\"text-xl md:text-2xl font-bold tracking-wider text-emerald-400 mono select-all truncate\">\n BEL-DIN912-08.8-M06-025-GAL\n <\/span>\n <button onclick=\"copyToClipboard()\" class=\"p-2 bg-brand-800 hover:bg-brand-700 text-slate-200 rounded-lg transition-colors flex-shrink-0 ml-2\" title=\"Kodu Kopyala\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3\"><\/path><\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"mt-6 space-y-3\">\n <span class=\"text-xs font-semibold text-slate-400 tracking-wider block uppercase\">Segment Yap\u0131s\u0131 ve Anlamlar\u0131<\/span>\n <div class=\"grid grid-cols-1 gap-2\" id=\"segmentAnalysis\">\n \n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-brand-950 px-6 py-4 flex gap-3 border-t border-brand-800\/60\">\n <button onclick=\"saveCurrentCode()\" class=\"flex-grow bg-emerald-500 hover:bg-emerald-600 text-slate-900 font-bold py-3 px-4 rounded-xl transition-all shadow-md flex items-center justify-center gap-2\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path><\/svg>\n Veritaban\u0131na Ekle\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-200 text-slate-900\" id=\"industrialLabel\">\n <div class=\"border-2 border-slate-900 p-4 rounded-lg bg-white relative\">\n <div class=\"flex justify-between items-start border-b border-slate-300 pb-2 mb-3\">\n <div>\n <span class=\"text-[10px] font-bold text-slate-500 block leading-tight\">YEDEK PAR\u00c7A ET\u0130KET\u0130<\/span>\n <span class=\"text-xs font-bold uppercase tracking-wider\" id=\"label-category-title\">BA\u011eLANTI ELEMANI<\/span>\n <\/div>\n <div class=\"text-right\">\n <span class=\"text-[10px] text-slate-500 block\">Sistem Tarihi<\/span>\n <span class=\"text-xs font-semibold\" id=\"label-date\">19.06.2026<\/span>\n <\/div>\n <\/div>\n\n <div class=\"my-4 text-center\">\n <div class=\"text-xs text-slate-400 mb-1\">STOK KART BARKODU<\/div>\n \n <div class=\"inline-flex items-center justify-center gap-[1px] bg-white p-2 border border-slate-200 rounded mb-1\">\n <span class=\"barcode-line w-[3px]\"><\/span>\n <span class=\"barcode-line w-[1px]\"><\/span>\n <span class=\"barcode-line w-[2px]\"><\/span>\n <span class=\"barcode-line w-[4px]\"><\/span>\n <span class=\"barcode-line w-[1px]\"><\/span>\n <span class=\"barcode-line w-[3px]\"><\/span>\n <span class=\"barcode-line w-[1px]\"><\/span>\n <span class=\"barcode-line w-[2px]\"><\/span>\n <span class=\"barcode-line w-[4px]\"><\/span>\n <span class=\"barcode-line w-[1px]\"><\/span>\n <span class=\"barcode-line w-[2px]\"><\/span>\n <span class=\"barcode-line w-[1px]\"><\/span>\n <span class=\"barcode-line w-[3px]\"><\/span>\n <span class=\"barcode-line w-[3px]\"><\/span>\n <span class=\"barcode-line w-[1px]\"><\/span>\n <span class=\"barcode-line w-[2px]\"><\/span>\n <span class=\"barcode-line w-[4px]\"><\/span>\n <\/div>\n <div class=\"mono text-sm font-bold tracking-widest text-slate-900\" id=\"label-barcode-text\">\n BEL-DIN912-08.8-M06-025-GAL\n <\/div>\n <\/div>\n\n <div class=\"border-t border-slate-300 pt-3 text-xs space-y-1 text-slate-700\">\n <div class=\"flex justify-between\"><span class=\"font-semibold\">A\u00e7\u0131klama:<\/span> <span id=\"label-desc\" class=\"text-right\">DIN 912 M6x25, 8.8 Kalite, Galvaniz C\u0131vata<\/span><\/div>\n <div class=\"flex justify-between\"><span class=\"font-semibold\">B\u00f6l\u00fcm \/ Konum:<\/span> <span class=\"text-right\">Ana Depo \u2013 \u00c7ekmece B3<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/section>\n\n <\/main>\n\n \n <section class=\"max-w-7xl w-full mx-auto p-4 pb-12\">\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-200\">\n <div class=\"flex flex-col md:flex-row justify-between items-start md:items-center gap-4 mb-6 pb-4 border-b border-slate-100\">\n <div>\n <h2 class=\"text-lg font-bold text-slate-900 flex items-center gap-2\">\n <span class=\"w-2.5 h-6 bg-emerald-500 rounded-full\"><\/span>\n Olu\u015fturulan \/ Kay\u0131tl\u0131 Stok Kodlar\u0131 Veritaban\u0131\n <\/h2>\n <p class=\"text-xs text-slate-400 mt-1\">Bu oturumda tan\u0131mlad\u0131\u011f\u0131n\u0131z t\u00fcm par\u00e7a kodlar\u0131n\u0131n d\u00f6k\u00fcm\u00fc ve k\u00fct\u00fcphanesi<\/p>\n <\/div>\n <div class=\"flex flex-wrap gap-2 w-full md:w-auto\">\n <button onclick=\"exportToCSV()\" class=\"flex-grow md:flex-grow-0 bg-slate-100 hover:bg-slate-200 text-slate-700 font-semibold py-2 px-4 rounded-xl transition-colors text-sm flex items-center justify-center gap-2 border border-slate-200\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"><\/path><\/svg>\n Excel \/ CSV \u0130ndir\n <\/button>\n <button onclick=\"clearDatabase()\" class=\"flex-grow md:flex-grow-0 bg-rose-50 hover:bg-rose-100 text-rose-600 font-semibold py-2 px-4 rounded-xl transition-colors text-sm flex items-center justify-center gap-2 border border-rose-100\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"><\/path><\/svg>\n T\u00fcm\u00fcn\u00fc Temizle\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"mb-4\">\n <div class=\"relative\">\n <span class=\"absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none\">\n <svg class=\"w-5 h-5 text-slate-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"><\/path><\/svg>\n <\/span>\n <input type=\"text\" id=\"dbSearch\" oninput=\"filterSavedCodes()\" placeholder=\"Stok kodu, kategori veya a\u00e7\u0131klama i\u00e7erisinde arama yap\u0131n...\" class=\"w-full bg-slate-50 border border-slate-200 focus:border-brand-500 focus:bg-white pl-10 pr-4 py-3 rounded-xl font-medium outline-none transition-all\">\n <\/div>\n <\/div>\n\n \n <div class=\"overflow-x-auto rounded-xl border border-slate-100\">\n <table class=\"w-full text-left border-collapse\">\n <thead>\n <tr class=\"bg-slate-50 border-b border-slate-100 text-slate-400 text-xs font-bold uppercase tracking-wider\">\n <th class=\"p-4\">Kategori<\/th>\n <th class=\"p-4\">Stok Kodu<\/th>\n <th class=\"p-4\">Teknik \u00d6zellik \/ A\u00e7\u0131klama<\/th>\n <th class=\"p-4\">Kay\u0131t Tarihi<\/th>\n <th class=\"p-4 text-right\">\u0130\u015flemler<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"savedCodesTable\" class=\"divide-y divide-slate-100 text-sm\">\n \n <\/tbody>\n <\/table>\n <div id=\"noDataMessage\" class=\"hidden text-center py-8 text-slate-400 font-medium\">\n Kay\u0131tl\u0131 stok kodu bulunamad\u0131. Yukar\u0131daki formdan yeni kod olu\u015fturup kaydedebilirsiniz.\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div id=\"toast\" class=\"fixed bottom-6 right-6 bg-slate-900 text-white py-3.5 px-6 rounded-xl shadow-2xl flex items-center gap-3 transform translate-y-24 opacity-0 transition-all duration-300 z-50 border border-slate-700\">\n <span class=\"w-2 h-2 bg-emerald-500 rounded-full animate-ping\"><\/span>\n <span id=\"toastMessage\" class=\"text-sm font-medium\">\u0130\u015flem ba\u015far\u0131yla ger\u00e7ekle\u015ftirildi.<\/span>\n <\/div>\n\n \n <script>\n \/\/ Aktif Kategori State'i\n let currentCategory = 'FASTENER';\n\n \/\/ Elektrik Otomasyon Veri S\u00f6zl\u00fc\u011f\u00fc (Siemens, Armendus vb. baz al\u0131narak)\n const automationData = {\n HMI: {\n title: \"HMI (Operat\u00f6r Paneli)\",\n types: [\n { value: \"KTP1000\", label: \"KTP1000 Basic (10 Inch)\" },\n { value: \"KTP700\", label: \"KTP700 Basic (7 Inch)\" },\n { value: \"TP1200\", label: \"TP1200 Comfort (12 Inch)\" },\n { value: \"TP900\", label: \"TP900 Comfort (9 Inch)\" }\n ],\n specs: [\n { value: \"PN\", label: \"PROFINET Ba\u011flant\u0131\" },\n { value: \"DP\", label: \"PROFIBUS-DP Ba\u011flant\u0131\" },\n { value: \"24V\", label: \"24V DC G\u00fc\u00e7 Beslemesi\" }\n ]\n },\n BTN: {\n title: \"Buton & Pilot Lambalar\",\n types: [\n { value: \"STP-BLK\", label: \"Siyah Stop Butonu (Flat)\" },\n { value: \"STR-WHT\", label: \"Beyaz Start Butonu (Flat)\" },\n { value: \"RST-BLU\", label: \"Mavi Reset Butonu\" },\n { value: \"EMG-RED\", label: \"K\u0131rm\u0131z\u0131 Acil Stop Butonu (Kal\u0131c\u0131)\" },\n { value: \"PWR-GRN\", label: \"Ye\u015fil Power ON Butonu\" },\n { value: \"PWR-RED\", label: \"K\u0131rm\u0131z\u0131 Power OFF Butonu\" },\n { value: \"SWT-MAN\", label: \"Otomatik\/Manuel Se\u00e7ici Anahtar\" }\n ],\n specs: [\n { value: \"22MM\", label: \"22mm Montaj \u00c7ap\u0131\" },\n { value: \"16MM\", label: \"16mm Montaj \u00c7ap\u0131\" },\n { value: \"IP65\", label: \"IP65 S\u0131zd\u0131rmazl\u0131k S\u0131n\u0131f\u0131\" }\n ]\n },\n PLC: {\n title: \"PLC & I\/O Mod\u00fclleri\",\n types: [\n { value: \"S7-1200\", label: \"CPU S7-1200\" },\n { value: \"S7-1500\", label: \"CPU S7-1500\" },\n { value: \"SM1221\", label: \"Dijital Giri\u015f Mod\u00fcl\u00fc\" },\n { value: \"SM1222\", label: \"Dijital \u00c7\u0131k\u0131\u015f Mod\u00fcl\u00fc\" }\n ],\n specs: [\n { value: \"DC-DC-DC\", label: \"Transist\u00f6r \u00c7\u0131k\u0131\u015fl\u0131 (DC)\" },\n { value: \"DC-DC-RLY\", label: \"R\u00f6le \u00c7\u0131k\u0131\u015fl\u0131\" }\n ]\n },\n SWT: {\n title: \"S\u0131n\u0131r Anahtar\u0131 \/ \u015ealter\",\n types: [\n { value: \"LMT-LVR\", label: \"Makaral\u0131 S\u0131n\u0131r Anahtar\u0131\" },\n { value: \"LMT-PLG\", label: \"Piston Kafal\u0131 S\u0131n\u0131r Anahtar\u0131\" },\n { value: \"MSB-03P\", label: \"3 Kutuplu Motor Koruma \u015ealteri\" }\n ],\n specs: [\n { value: \"1NO1NC\", label: \"1 Normalde A\u00e7\u0131k \/ 1 Kapal\u0131\" },\n { value: \"2NO2NC\", label: \"2 Normalde A\u00e7\u0131k \/ 2 Kapal\u0131\" },\n { value: \"10AMP\", label: \"10 Amper Kesme Kapasitesi\" }\n ]\n }\n };\n\n \/\/ Veritaban\u0131 State'i (Oturum bazl\u0131 in-memory, localStorage destekli)\n let savedCodes = [];\n\n \/\/ Sayfa Y\u00fcklendi\u011finde Ba\u015flat\n window.onload = function() {\n \/\/ Tarih Ayarla\n const today = new Date();\n const dateStr = today.toLocaleDateString('tr-TR');\n document.getElementById('label-date').innerText = dateStr;\n\n \/\/ Varsa kay\u0131tl\u0131 kodlar\u0131 yerel haf\u0131zadan y\u00fckle\n const localData = localStorage.getItem('industrial_stock_codes');\n if (localData) {\n savedCodes = JSON.parse(localData);\n } else {\n \/\/ Mock Ba\u015flang\u0131\u00e7 Verileri (Kullan\u0131c\u0131n\u0131n ekipman senaryosuna g\u00f6re \u00f6zelle\u015ftirilmi\u015f!)\n savedCodes = [\n {\n category: \"Otomasyon & Elektrik\",\n code: \"ELK-SIE-HMI-KTP1000-PN\",\n description: \"Siemens KTP1000 Basic (10 Inch) PROFINET Ba\u011flant\u0131\",\n date: dateStr\n },\n {\n category: \"Ba\u011flant\u0131 Elm.\",\n code: \"BEL-DIN912-08.8-M06-025-GAL\",\n description: \"DIN 912 M6x25, 8.8 Kalite, \u00c7inko Kaplama (Galvaniz) C\u0131vata\",\n date: dateStr\n },\n {\n category: \"Panel & Kabin\",\n code: \"MEK-ARM-PAN-OP-400X300X150\",\n description: \"Armendus Operat\u00f6r Kontrol Paneli (400x300x150 mm)\",\n date: dateStr\n },\n {\n category: \"Otomasyon & Elektrik\",\n code: \"ELK-SIE-BTN-EMG-RED-22MM\",\n description: \"Siemens K\u0131rm\u0131z\u0131 Acil Stop Butonu (Kal\u0131c\u0131) 22mm Montaj \u00c7ap\u0131\",\n date: dateStr\n }\n ];\n saveToLocalStorage();\n }\n\n updateAutomationTypes();\n generateCode();\n renderSavedCodesTable();\n };\n\n \/\/ Kategori De\u011fi\u015ftirme\n function switchCategory(category) {\n currentCategory = category;\n \n \/\/ Tab stillerini g\u00fcncelle\n const tabs = ['FASTENER', 'AUTOMATION', 'PANEL', 'CUSTOM'];\n tabs.forEach(tab => {\n const btn = document.getElementById(`tab-${tab}`);\n if (tab === category) {\n btn.className = \"p-3 rounded-xl border-2 text-center transition-all flex flex-col items-center justify-center gap-2 bg-brand-50 border-brand-500 text-brand-700 shadow-sm font-semibold\";\n } else {\n btn.className = \"p-3 rounded-xl border-2 text-center transition-all flex flex-col items-center justify-center gap-2 bg-white border-slate-200 hover:border-slate-300 text-slate-600 font-medium\";\n }\n \n \/\/ Form alanlar\u0131n\u0131 g\u00f6ster\/gizle\n const form = document.getElementById(`form-${tab}`);\n if (tab === category) {\n form.classList.remove('hidden');\n } else {\n form.classList.add('hidden');\n }\n });\n\n generateCode();\n }\n\n \/\/ Otomasyon \u00dcr\u00fcn Grubu De\u011fi\u015fti\u011finde Model ve Spesifikasyonlar\u0131 G\u00fcncelle\n function updateAutomationTypes() {\n const groupSelect = document.getElementById('auto-group');\n const typeSelect = document.getElementById('auto-type');\n const specSelect = document.getElementById('auto-spec');\n const selectedGroup = groupSelect.value;\n\n const groupData = automationData[selectedGroup];\n\n \/\/ Tipleri doldur\n typeSelect.innerHTML = '';\n groupData.types.forEach(type => {\n const opt = document.createElement('option');\n opt.value = type.value;\n opt.innerText = type.label;\n typeSelect.appendChild(opt);\n });\n\n \/\/ Spesifikasyonlar\u0131 doldur\n specSelect.innerHTML = '';\n groupData.specs.forEach(spec => {\n const opt = document.createElement('option');\n opt.value = spec.value;\n opt.innerText = spec.label;\n specSelect.appendChild(opt);\n });\n\n generateCode();\n }\n\n \/\/ STOK KODUNU \u00dcRET (HESAPLA)\n function generateCode() {\n const separator = document.querySelector('input[name=\"delimiter\"]:checked').value;\n const forceUpper = document.getElementById('format-uppercase').checked;\n \n let segments = [];\n let descriptions = [];\n let categoryName = \"\";\n\n if (currentCategory === 'FASTENER') {\n categoryName = \"BA\u011eLANTI ELEMANI\";\n const norm = document.getElementById('fastener-norm').value;\n const mat = document.getElementById('fastener-material').value;\n const dia = document.getElementById('fastener-diameter').value;\n const len = document.getElementById('fastener-length').value.padStart(3, '0');\n const coat = document.getElementById('fastener-coating').value;\n\n segments = [\"BEL\", norm, mat, dia, len, coat];\n\n \/\/ A\u00e7\u0131klama Metni Olu\u015fturma\n const normText = document.getElementById('fastener-norm').options[document.getElementById('fastener-norm').selectedIndex].text.split('(')[0].trim();\n const matText = document.getElementById('fastener-material').options[document.getElementById('fastener-material').selectedIndex].text.split(' ')[0].trim();\n const coatText = document.getElementById('fastener-coating').options[document.getElementById('fastener-coating').selectedIndex].text.split('(')[0].trim();\n descriptions = [\n { seg: \"BEL\", desc: \"Ba\u011flant\u0131 Elemanlar\u0131 S\u0131n\u0131f\u0131\" },\n { seg: norm, desc: `${normText} Standart Normu` },\n { seg: mat, desc: `${matText} S\u0131n\u0131f\u0131 Mukavemet\/Malzeme` },\n { seg: dia, desc: `${dia.replace('M', 'M')} Di\u015f \u00d6l\u00e7\u00fcs\u00fc (\u00c7ap)` },\n { seg: len, desc: `${parseInt(len)} mm Vida Boyu` },\n { seg: coat, desc: `${coatText} Koruyucu Kaplama` }\n ];\n\n document.getElementById('label-desc').innerText = `${normText} ${dia.replace('M', 'M')}x${parseInt(len)} mm, ${matText} Kalite, ${coatText}`;\n\n } else if (currentCategory === 'AUTOMATION') {\n categoryName = \"OTOMASYON & ELEKTR\u0130K\";\n const brand = document.getElementById('auto-brand').value;\n const group = document.getElementById('auto-group').value;\n const type = document.getElementById('auto-type').value;\n const spec = document.getElementById('auto-spec').value;\n\n segments = [\"ELK\", brand, group, type, spec];\n\n const brandText = document.getElementById('auto-brand').options[document.getElementById('auto-brand').selectedIndex].text;\n const groupText = document.getElementById('auto-group').options[document.getElementById('auto-group').selectedIndex].text.split('(')[0].trim();\n const typeText = document.getElementById('auto-type').options[document.getElementById('auto-type').selectedIndex].text;\n const specText = document.getElementById('auto-spec').options[document.getElementById('auto-spec').selectedIndex].text;\n\n descriptions = [\n { seg: \"ELK\", desc: \"Elektrik & Otomasyon S\u0131n\u0131f\u0131\" },\n { seg: brand, desc: `${brandText} Markas\u0131` },\n { seg: group, desc: `${groupText} \u00dcr\u00fcn Grubu` },\n { seg: type, desc: `${typeText} Model\/Varyant` },\n { seg: spec, desc: `${specText} Spesifikasyon De\u011feri` }\n ];\n\n document.getElementById('label-desc').innerText = `${brandText} ${typeText} (${specText})`;\n\n } else if (currentCategory === 'PANEL') {\n categoryName = \"PANEL & KAB\u0130N\";\n const sup = document.getElementById('panel-supplier').value;\n const mod = document.getElementById('panel-model').value;\n const w = document.getElementById('panel-width').value;\n const h = document.getElementById('panel-height').value;\n const d = document.getElementById('panel-depth').value;\n\n segments = [\"MEK\", sup, mod, `${w}X${h}X${d}`];\n\n const supText = document.getElementById('panel-supplier').options[document.getElementById('panel-supplier').selectedIndex].text;\n const modText = document.getElementById('panel-model').options[document.getElementById('panel-model').selectedIndex].text;\n\n descriptions = [\n { seg: \"MEK\", desc: \"Panel & Mekanik S\u0131n\u0131f\u0131\" },\n { seg: sup, desc: `${supText} \u00dcretici\/Sa\u011flay\u0131c\u0131` },\n { seg: mod, desc: `${modText}` },\n { seg: `${w}X${h}X${d}`, desc: `${w}x${h}x${d} mm Boyutsal \u00d6l\u00e7\u00fcler (GxYxD)` }\n ];\n\n document.getElementById('label-desc').innerText = `${supText} ${modText} (${w}x${h}x${d} mm)`;\n\n } else if (currentCategory === 'CUSTOM') {\n categoryName = \"\u00d6ZEL PAR\u00c7A S\u0130STEM\u0130\";\n const pre = document.getElementById('custom-prefix').value.trim() || \"MKN\";\n const grp = document.getElementById('custom-group').value.trim() || \"YDK\";\n const dtl = document.getElementById('custom-detail').value.trim() || \"000\";\n\n segments = [pre, grp, dtl];\n\n descriptions = [\n { seg: pre, desc: \"\u00d6zel Belirlenmi\u015f \u00d6nek S\u0131n\u0131f\u0131\" },\n { seg: grp, desc: \"Tan\u0131mlanan Ana Departman\/Grup\" },\n { seg: dtl, desc: \"Detay Par\u00e7a Tan\u0131m\u0131 \/ S\u0131ral\u0131 Seri Numaras\u0131\" }\n ];\n\n document.getElementById('label-desc').innerText = `\u00d6zel Tan\u0131ml\u0131 Malzeme \/ Par\u00e7a (${grp} Grubu)`;\n }\n\n \/\/ Kodu Birle\u015ftir ve Formatla\n let finalCode = segments.join(separator);\n if (forceUpper) {\n finalCode = finalCode.toUpperCase();\n }\n\n \/\/ UI G\u00fcncellemeleri\n document.getElementById('finalStockCode').innerText = finalCode;\n document.getElementById('label-barcode-text').innerText = finalCode;\n document.getElementById('label-category-title').innerText = categoryName;\n\n \/\/ Segment Analiz Kartlar\u0131n\u0131 \u00c7iz\n const analysisContainer = document.getElementById('segmentAnalysis');\n analysisContainer.innerHTML = '';\n\n descriptions.forEach((item, index) => {\n const segText = forceUpper ? item.seg.toUpperCase() : item.seg;\n const colorClasses = [\n 'border-emerald-500 bg-emerald-500\/10 text-emerald-300',\n 'border-sky-500 bg-sky-500\/10 text-sky-300',\n 'border-amber-500 bg-amber-500\/10 text-amber-300',\n 'border-purple-500 bg-purple-500\/10 text-purple-300',\n 'border-pink-500 bg-pink-500\/10 text-pink-300',\n 'border-indigo-500 bg-indigo-500\/10 text-indigo-300'\n ];\n const activeColor = colorClasses[index % colorClasses.length];\n\n const div = document.createElement('div');\n div.className = `flex items-start gap-3 p-2.5 rounded-lg border-l-4 ${activeColor}`;\n div.innerHTML = `\n <span class=\"mono font-bold text-sm tracking-wider min-w-[80px] block\">${segText}<\/span>\n <span class=\"text-xs text-slate-300 leading-normal\">${item.desc}<\/span>\n `;\n analysisContainer.appendChild(div);\n });\n }\n\n \/\/ PANOYA KOPYALAMA \u0130\u015eLEM\u0130\n function copyToClipboard() {\n const codeText = document.getElementById('finalStockCode').innerText;\n \n \/\/ Taray\u0131c\u0131 uyumlulu\u011fu i\u00e7in fallback y\u00f6ntem\n const tempInput = document.createElement('input');\n tempInput.value = codeText;\n document.body.appendChild(tempInput);\n tempInput.select();\n document.execCommand('copy');\n document.body.removeChild(tempInput);\n\n showToast(\"Stok kodu panoya kopyaland\u0131!\");\n }\n\n \/\/ B\u0130LD\u0130R\u0130M G\u00d6STER (TOAST)\n function showToast(message) {\n const toast = document.getElementById('toast');\n const toastMsg = document.getElementById('toastMessage');\n \n toastMsg.innerText = message;\n toast.classList.remove('translate-y-24', 'opacity-0');\n toast.classList.add('translate-y-0', 'opacity-100');\n\n setTimeout(() => {\n toast.classList.remove('translate-y-0', 'opacity-100');\n toast.classList.add('translate-y-24', 'opacity-0');\n }, 3000);\n }\n\n \/\/ LOKAL DEPOLAMAYA YAZ\n function saveToLocalStorage() {\n localStorage.setItem('industrial_stock_codes', JSON.stringify(savedCodes));\n }\n\n \/\/ YEN\u0130 KODU GE\u00c7M\u0130\u015e TABLOSUNA KAYDETME\n function saveCurrentCode() {\n const code = document.getElementById('finalStockCode').innerText;\n const desc = document.getElementById('label-desc').innerText;\n \n \/\/ \u00c7ift Kay\u0131t Kontrol\u00fc\n const exists = savedCodes.some(item => item.code === code);\n if (exists) {\n showToast(\"Bu stok kodu veritaban\u0131nda zaten kay\u0131tl\u0131!\");\n return;\n }\n\n const today = new Date();\n const dateStr = today.toLocaleDateString('tr-TR');\n\n let catLabel = \"\u00d6zel Par\u00e7a\";\n if (currentCategory === 'FASTENER') catLabel = \"Ba\u011flant\u0131 Elm.\";\n if (currentCategory === 'AUTOMATION') catLabel = \"Otomasyon & Elektrik\";\n if (currentCategory === 'PANEL') catLabel = \"Panel & Kabin\";\n\n savedCodes.unshift({\n category: catLabel,\n code: code,\n description: desc,\n date: dateStr\n });\n\n saveToLocalStorage();\n renderSavedCodesTable();\n showToast(\"Stok kodu ba\u015far\u0131yla kaydedildi!\");\n }\n\n \/\/ KAYITLI KODLAR TABLOSUNU \u00c7\u0130Z\n function renderSavedCodesTable(filteredData = null) {\n const tableBody = document.getElementById('savedCodesTable');\n const noDataMessage = document.getElementById('noDataMessage');\n const dataToRender = filteredData || savedCodes;\n\n tableBody.innerHTML = '';\n\n if (dataToRender.length === 0) {\n noDataMessage.classList.remove('hidden');\n return;\n } else {\n noDataMessage.classList.add('hidden');\n }\n\n dataToRender.forEach((item, index) => {\n const tr = document.createElement('tr');\n tr.className = \"hover:bg-slate-50 transition-colors\";\n \n \/\/ Kategoriye G\u00f6re Tag Rengi\n let catBadgeColor = \"bg-slate-100 text-slate-700\";\n if (item.category === \"Ba\u011flant\u0131 Elm.\") catBadgeColor = \"bg-emerald-50 text-emerald-700 border border-emerald-200\";\n if (item.category === \"Otomasyon & Elektrik\") catBadgeColor = \"bg-blue-50 text-blue-700 border border-blue-200\";\n if (item.category === \"Panel & Kabin\") catBadgeColor = \"bg-purple-50 text-purple-700 border border-purple-200\";\n\n tr.innerHTML = `\n <td class=\"p-4\">\n <span class=\"px-2.5 py-1 rounded-full text-xs font-semibold ${catBadgeColor}\">\n ${item.category}\n <\/span>\n <\/td>\n <td class=\"p-4\">\n <span class=\"mono font-bold tracking-wider text-slate-950 select-all\">${item.code}<\/span>\n <\/td>\n <td class=\"p-4 text-slate-600 font-medium\">${item.description}<\/td>\n <td class=\"p-4 text-xs text-slate-400 font-medium\">${item.date}<\/td>\n <td class=\"p-4 text-right\">\n <div class=\"flex items-center justify-end gap-2\">\n <button onclick=\"copySpecificCode('${item.code}')\" class=\"p-1.5 hover:bg-slate-100 text-slate-500 hover:text-slate-900 rounded-lg transition-colors\" title=\"Kopyala\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3\"><\/path><\/svg>\n <\/button>\n <button onclick=\"deleteCode(${index})\" class=\"p-1.5 hover:bg-rose-50 text-slate-400 hover:text-rose-600 rounded-lg transition-colors\" title=\"Sil\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"><\/path><\/svg>\n <\/button>\n <\/div>\n <\/td>\n `;\n tableBody.appendChild(tr);\n });\n }\n\n \/\/ TABLODAN SE\u00c7\u0130LEN KODU KOPYALAMA\n function copySpecificCode(code) {\n const tempInput = document.createElement('input');\n tempInput.value = code;\n document.body.appendChild(tempInput);\n tempInput.select();\n document.execCommand('copy');\n document.body.removeChild(tempInput);\n showToast(`\"${code}\" kodu kopyaland\u0131!`);\n }\n\n \/\/ TEK B\u0130R KODU S\u0130LME\n function deleteCode(index) {\n savedCodes.splice(index, 1);\n saveToLocalStorage();\n renderSavedCodesTable();\n showToast(\"Stok kodu silindi.\");\n }\n\n \/\/ T\u00dcM VER\u0130TABANINI TEM\u0130ZLEME\n function clearDatabase() {\n if (confirm(\"Kay\u0131tl\u0131 t\u00fcm stok kodlar\u0131n\u0131 silmek istedi\u011finizden emin misiniz? Bu i\u015flem geri al\u0131namaz.\")) {\n savedCodes = [];\n saveToLocalStorage();\n renderSavedCodesTable();\n showToast(\"T\u00fcm veritaban\u0131 temizlendi.\");\n }\n }\n\n \/\/ TABLO \u0130\u00c7\u0130 ARAMA & F\u0130LTRELEME\n function filterSavedCodes() {\n const query = document.getElementById('dbSearch').value.toLowerCase().trim();\n if (!query) {\n renderSavedCodesTable();\n return;\n }\n\n const filtered = savedCodes.filter(item => {\n return item.code.toLowerCase().includes(query) || \n item.description.toLowerCase().includes(query) || \n item.category.toLowerCase().includes(query);\n });\n\n renderSavedCodesTable(filtered);\n }\n\n \/\/ EXCEL (CSV) FORMATINDA DI\u015eA AKTARMA\n function exportToCSV() {\n if (savedCodes.length === 0) {\n showToast(\"D\u0131\u015fa aktar\u0131lacak veri bulunamad\u0131.\");\n return;\n }\n\n let csvContent = \"data:text\/csv;charset=utf-8,\\uFEFF\"; \/\/ T\u00fcrk\u00e7e karakter deste\u011fi i\u00e7in BOM\n csvContent += \"Kategori,Stok Kodu,Teknik Aciklama,Kayit Tarihi\\n\";\n\n savedCodes.forEach(item => {\n \/\/ T\u0131rnak i\u00e7indeki verilerde virg\u00fcl ka\u00e7\u0131\u015f karakteri sorununu \u00f6nlemek i\u00e7in temizlik\n const safeDesc = item.description.replace(\/\"\/g, '\"\"');\n csvContent += `\"${item.category}\",\"${item.code}\",\"${safeDesc}\",\"${item.date}\"\\n`;\n });\n\n const encodedUri = encodeURI(csvContent);\n const link = document.createElement(\"a\");\n link.setAttribute(\"href\", encodedUri);\n link.setAttribute(\"download\", `Stok_Kodlari_Export_${new Date().toISOString().slice(0,10)}.csv`);\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n\n showToast(\"CSV dosyas\u0131 ba\u015far\u0131yla indirildi.\");\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Profesyonel End\u00fcstriyel Stok Kod \u00dcreticisi END\u00dcSTR\u0130YEL KODLAMA PORTALI Makine \u0130malat & Entegrasyon Stok Y\u00f6netim Sistemi \u00c7evrimd\u0131\u015f\u0131\/Yerel Veritaban\u0131 Aktif 1. Malzeme Kategorisi Se\u00e7in Ba\u011flant\u0131 Elm. Otomasyon & Elektrik Panel & Kabin \u00d6zel Kod Tan\u0131m\u0131 2. Teknik \u00d6zellikleri Belirleyin Standart \/ Norm DIN 912 (\u0130mbus \/ Silindir Ba\u015fl\u0131 Alyen)DIN 933 (Alt\u0131k\u00f6\u015fe Ba\u015fl\u0131 Tam Di\u015f)DIN 7991 (Hav\u015fa Ba\u015fl\u0131 Alyen)DIN 985 (Fiberli Somun)DIN 125 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/argerobotik.store\/index.php?rest_route=\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/argerobotik.store\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/argerobotik.store\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/argerobotik.store\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/argerobotik.store\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37"}],"version-history":[{"count":1,"href":"https:\/\/argerobotik.store\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/argerobotik.store\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/argerobotik.store\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}