Medikal Vaka Ar\u015fivi - Hasta Raporlar\u0131<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'medikal-mavi': '#1e40af',\r\n 'medikal-acik': '#3b82f6',\r\n 'medikal-gri': '#6b7280',\r\n 'medikal-yesil': '#10b981',\r\n 'medikal-kirmizi': '#ef4444'\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\r\n body { font-family: 'Inter', sans-serif; }\r\n \r\n .vaka-karti {\r\n transition: all 0.3s ease;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n }\r\n \r\n .vaka-karti:hover {\r\n border-color: #3b82f6;\r\n box-shadow: 0 8px 25px rgba(59, 130, 246, 0.1);\r\n transform: translateY(-3px);\r\n }\r\n \r\n .rapor-item {\r\n transition: all 0.2s ease;\r\n border-left: 3px solid #e5e7eb;\r\n }\r\n \r\n .rapor-item:hover {\r\n border-left-color: #3b82f6;\r\n background-color: #f8faff;\r\n }\r\n \r\n .iyilesme-pozitif {\r\n background: linear-gradient(135deg, #f0fdf4, #dcfce7);\r\n border-left: 4px solid #10b981;\r\n }\r\n \r\n .iyilesme-negatif {\r\n background: linear-gradient(135deg, #fef2f2, #fee2e2);\r\n border-left: 4px solid #ef4444;\r\n }\r\n \r\n .admin-panel {\r\n display: none;\r\n }\r\n \r\n .wp-admin-login .admin-panel {\r\n display: block;\r\n }\r\n \r\n .wp-admin-login .normal-kullanici-panel {\r\n display: none;\r\n }\r\n \r\n .yukleme-alani {\r\n background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\r\n border: 2px dashed #d1d5db;\r\n border-radius: 12px;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .yukleme-alani:hover {\r\n border-color: #3b82f6;\r\n background: linear-gradient(135deg, #eff6ff 0%, #f8faff 100%);\r\n }\r\n \r\n .bolum-baslik {\r\n position: relative;\r\n padding-left: 1.5rem;\r\n border-bottom: 2px solid #e5e7eb;\r\n padding-bottom: 0.75rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n \r\n .bolum-baslik::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 5px;\r\n background: #1e40af;\r\n border-radius: 3px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50\">\r\n \r\n <div class=\"bg-white border-b border-gray-200 shadow-sm\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"flex items-center\">\r\n <div class=\"bg-medikal-mavi rounded-lg p-2 mr-3\">\r\n <i class=\"fas fa-file-medical text-white text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h1 class=\"text-2xl font-bold text-medikal-mavi\">Medikal Vaka Ar\u015fivi<\/h1>\r\n <p class=\"text-medikal-gri text-sm\">Hasta Raporlar\u0131 ve Tedavi Sonu\u00e7lar\u0131<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"flex items-center space-x-4\">\r\n <div id=\"normal-kullanici-bilgi\" class=\"flex items-center space-x-3\">\r\n <div class=\"bg-gray-100 text-medikal-gri px-3 py-1 rounded-full text-sm\">\r\n <i class=\"fas fa-user mr-2\"><\/i>Misafir Kullan\u0131c\u0131\r\n <\/div>\r\n <\/div>\r\n \r\n <div id=\"admin-bilgi\" class=\"hidden items-center space-x-3\">\r\n <div class=\"bg-medikal-mavi text-white px-3 py-1 rounded-full text-sm\">\r\n <i class=\"fas fa-user-shield mr-2\"><\/i>WordPress Y\u00f6netici\r\n <\/div>\r\n <button id=\"admin-cikis-btn\" class=\"text-medikal-gri hover:text-medikal-kirmizi text-sm\">\r\n <i class=\"fas fa-sign-out-alt mr-1\"><\/i>\u00c7\u0131k\u0131\u015f\r\n <\/button>\r\n <\/div>\r\n \r\n <button id=\"admin-giris-btn\" class=\"bg-medikal-mavi text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-medikal-mavi\/90 transition-colors\">\r\n <i class=\"fas fa-lock mr-2\"><\/i>Y\u00f6netici Giri\u015fi\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8\">\r\n \r\n \r\n <div class=\"mb-8\">\r\n <div class=\"bg-white rounded-xl shadow-sm border border-gray-200 p-6\">\r\n <h2 class=\"text-xl font-semibold text-gray-900 mb-4\">Vaka Raporlar\u0131n\u0131 G\u00f6r\u00fcnt\u00fcle<\/h2>\r\n <div class=\"flex flex-col md:flex-row md:items-center space-y-4 md:space-y-0 md:space-x-4\">\r\n <div class=\"flex-1\">\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Vaka Se\u00e7in<\/label>\r\n <select id=\"vaka-secici\" class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent text-sm\">\r\n <option value=\"MR-2024-001\">Vaka #MR-2024-001 - Otoimm\u00fcn \u0130mm\u00fcnomod\u00fclasyon Protokol\u00fc<\/option>\r\n <option value=\"MR-2024-002\">Vaka #MR-2024-002 - Nadir Hastal\u0131k i\u00e7in Genetik Terapi<\/option>\r\n <option value=\"MR-2024-003\">Vaka #MR-2024-003 - H\u00fccresel Rejenerasyon Tedavisi<\/option>\r\n <option value=\"MR-2023-045\">Vaka #MR-2023-045 - Kombine Terap\u00f6tik Yakla\u015f\u0131m<\/option>\r\n <option value=\"MR-2023-032\">Vaka #MR-2023-032 - N\u00f6rolojik M\u00fcdahale \u00c7al\u0131\u015fmas\u0131<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"text-sm text-medikal-gri\">\r\n <div class=\"font-medium\">Vaka Durumu: <span class=\"text-medikal-yesil\">Tamamland\u0131<\/span><\/div>\r\n <div>S\u00fcre: 12 hafta<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"normal-kullanici-panel\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\r\n \r\n \r\n <div class=\"lg:col-span-2\">\r\n <div class=\"vaka-karti bg-white rounded-xl shadow-sm p-6 mb-6\">\r\n <h3 class=\"bolum-baslik text-lg font-semibold text-gray-900 flex items-center\">\r\n <i class=\"fas fa-history text-medikal-mavi mr-2\"><\/i>\r\n Hasta T\u0131bbi \u00d6yk\u00fcs\u00fc\r\n <\/h3>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div class=\"space-y-4\">\r\n <div class=\"bg-gray-50 rounded-lg p-4\">\r\n <h4 class=\"font-medium text-gray-900 mb-3\">Hasta Demografik Bilgileri<\/h4>\r\n <div class=\"space-y-2 text-sm\">\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-600\">Ya\u015f:<\/span>\r\n <span class=\"font-medium\">45<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-600\">Cinsiyet:<\/span>\r\n <span class=\"font-medium\">Kad\u0131n<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-600\">VK\u0130:<\/span>\r\n <span class=\"font-medium\">24.3<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-600\">Kan Grubu:<\/span>\r\n <span class=\"font-medium\">0+<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"bg-gray-50 rounded-lg p-4\">\r\n <h4 class=\"font-medium text-gray-900 mb-3\">T\u0131bbi Ge\u00e7mi\u015f<\/h4>\r\n <div class=\"space-y-2 text-sm text-gray-600\">\r\n <div>\u2022 3 y\u0131l \u00f6nce otoimm\u00fcn hastal\u0131k te\u015fhisi<\/div>\r\n <div>\u2022 Kronik enflamatuar yan\u0131t<\/div>\r\n <div>\u2022 \u00d6nceki tedaviler: Konvansiyonel imm\u00fcnosupresanlar<\/div>\r\n <div>\u2022 Alerjiler: Penisilin<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"space-y-4\">\r\n <div class=\"iyilesme-negatif rounded-lg p-4\">\r\n <h4 class=\"font-medium text-red-800 mb-3\">Ba\u015flang\u0131\u00e7 Semptomlar\u0131<\/h4>\r\n <div class=\"grid grid-cols-2 gap-3\">\r\n <div class=\"text-center\">\r\n <div class=\"text-2xl font-bold text-red-600\">8\/10<\/div>\r\n <div class=\"text-xs text-red-700\">A\u011fr\u0131 Seviyesi<\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"text-2xl font-bold text-red-600\">30%<\/div>\r\n <div class=\"text-xs text-red-700\">Mobilite<\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"text-2xl font-bold text-red-600\">Y\u00fcksek<\/div>\r\n <div class=\"text-xs text-red-700\">Enflamasyon<\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"text-2xl font-bold text-red-600\">Zay\u0131f<\/div>\r\n <div class=\"text-xs text-red-700\">Ya\u015fam Kalitesi<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"bg-gray-50 rounded-lg p-4\">\r\n <h4 class=\"font-medium text-gray-900 mb-3\">Laboratuvar De\u011ferleri<\/h4>\r\n <div class=\"space-y-2 text-sm\">\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-600\">CRP:<\/span>\r\n <span class=\"font-medium text-red-600\">45 mg\/L \u2191<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-600\">ESR:<\/span>\r\n <span class=\"font-medium text-red-600\">78 mm\/sa \u2191<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-600\">L\u00f6kosit:<\/span>\r\n <span class=\"font-medium text-red-600\">12,500 \u2191<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div>\r\n <div class=\"vaka-karti bg-white rounded-xl shadow-sm p-6\">\r\n <h3 class=\"bolum-baslik text-lg font-semibold text-gray-900 flex items-center\">\r\n <i class=\"fas fa-file-medical text-medikal-mavi mr-2\"><\/i>\r\n T\u0131bbi Raporlar\r\n <\/h3>\r\n \r\n <div class=\"space-y-3\">\r\n <div class=\"rapor-item bg-white rounded-lg p-3 cursor-pointer\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-file-pdf text-red-500 text-xl mr-3\"><\/i>\r\n <div>\r\n <p class=\"font-medium text-gray-900 text-sm\">Ba\u015flang\u0131\u00e7 Laboratuvar Sonu\u00e7lar\u0131<\/p>\r\n <p class=\"text-xs text-gray-500\">baseline-labs.pdf \u2022 2.3 MB<\/p>\r\n <\/div>\r\n <\/div>\r\n <button class=\"text-medikal-acik hover:text-medikal-mavi text-sm font-medium\">\r\n <i class=\"fas fa-eye mr-1\"><\/i>G\u00f6r\u00fcnt\u00fcle\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"rapor-item bg-white rounded-lg p-3 cursor-pointer\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-file-image text-blue-500 text-xl mr-3\"><\/i>\r\n <div>\r\n <p class=\"font-medium text-gray-900 text-sm\">MRI Ba\u015flang\u0131\u00e7 Taramas\u0131<\/p>\r\n <p class=\"text-xs text-gray-500\">mri-baseline.jpg \u2022 5.1 MB<\/p>\r\n <\/div>\r\n <\/div>\r\n <button class=\"text-medikal-acik hover:text-medikal-mavi text-sm font-medium\">\r\n <i class=\"fas fa-eye mr-1\"><\/i>G\u00f6r\u00fcnt\u00fcle\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"rapor-item bg-white rounded-lg p-3 cursor-pointer\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-file-pdf text-green-500 text-xl mr-3\"><\/i>\r\n <div>\r\n <p class=\"font-medium text-gray-900 text-sm\">T\u0131bbi Ge\u00e7mi\u015f Raporu<\/p>\r\n <p class=\"text-xs text-gray-500\">hasta-gecmisi.pdf \u2022 1.8 MB<\/p>\r\n <\/div>\r\n <\/div>\r\n <button class=\"text-medikal-acik hover:text-medikal-mavi text-sm font-medium\">\r\n <i class=\"fas fa-eye mr-1\"><\/i>G\u00f6r\u00fcnt\u00fcle\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"rapor-item bg-white rounded-lg p-3 cursor-pointer\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-file-image text-purple-500 text-xl mr-3\"><\/i>\r\n <div>\r\n <p class=\"font-medium text-gray-900 text-sm\">Tedavi Sonras\u0131 G\u00f6r\u00fcnt\u00fcleme<\/p>\r\n <p class=\"text-xs text-gray-500\">post-treatment-mri.jpg \u2022 4.2 MB<\/p>\r\n <\/div>\r\n <\/div>\r\n <button class=\"text-medikal-acik hover:text-medikal-mavi text-sm font-medium\">\r\n <i class=\"fas fa-eye mr-1\"><\/i>G\u00f6r\u00fcnt\u00fcle\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mt-8\">\r\n <div class=\"vaka-karti bg-white rounded-xl shadow-sm p-6\">\r\n <h3 class=\"bolum-baslik text-lg font-semibold text-gray-900 flex items-center\">\r\n <i class=\"fas fa-chart-line text-medikal-mavi mr-2\"><\/i>\r\n Tedavi \u00d6ncesi ve Sonras\u0131 Kar\u015f\u0131la\u015ft\u0131rma\r\n <\/h3>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div class=\"text-center p-4 bg-red-50 rounded-lg\">\r\n <h4 class=\"font-medium text-red-800 mb-4\">Tedavi \u00d6ncesi<\/h4>\r\n <div class=\"space-y-3\">\r\n <div class=\"bg-white rounded-lg p-3 shadow-sm border border-red-200\">\r\n <div class=\"text-2xl font-bold text-red-600\">8\/10<\/div>\r\n <div class=\"text-xs text-red-700 font-medium\">A\u011fr\u0131 Seviyesi<\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg p-3 shadow-sm border border-red-200\">\r\n <div class=\"text-2xl font-bold text-red-600\">30%<\/div>\r\n <div class=\"text-xs text-red-700 font-medium\">Mobilite<\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg p-3 shadow-sm border border-red-200\">\r\n <div class=\"text-2xl font-bold text-red-600\">Y\u00fcksek<\/div>\r\n <div class=\"text-xs text-red-700 font-medium\">Enflamasyon<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"text-center p-4 bg-green-50 rounded-lg\">\r\n <h4 class=\"font-medium text-green-800 mb-4\">Tedavi Sonras\u0131<\/h4>\r\n <div class=\"space-y-3\">\r\n <div class=\"bg-white rounded-lg p-3 shadow-sm border border-green-200\">\r\n <div class=\"text-2xl font-bold text-green-600\">2\/10<\/div>\r\n <div class=\"text-xs text-green-700 font-medium\">A\u011fr\u0131 Seviyesi<\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg p-3 shadow-sm border border-green-200\">\r\n <div class=\"text-2xl font-bold text-green-600\">85%<\/div>\r\n <div class=\"text-xs text-green-700 font-medium\">Mobilite<\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg p-3 shadow-sm border border-green-200\">\r\n <div class=\"text-2xl font-bold text-green-600\">Normal<\/div>\r\n <div class=\"text-xs text-green-700 font-medium\">Enflamasyon<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"iyilesme-pozitif rounded-lg p-4 border mt-6\">\r\n <h4 class=\"font-medium text-green-800 mb-3\">Elde Edilen \u0130yile\u015fmeler<\/h4>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-3 text-sm\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-check-circle text-green-600 mr-2\"><\/i>\r\n <span class=\"text-green-700\">%75 a\u011fr\u0131 azalmas\u0131<\/span>\r\n <\/div>\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-check-circle text-green-600 mr-2\"><\/i>\r\n <span class=\"text-green-700\">%55 mobilite art\u0131\u015f\u0131<\/span>\r\n <\/div>\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-check-circle text-green-600 mr-2\"><\/i>\r\n <span class=\"text-green-700\">Normal enflamasyon seviyeleri<\/span>\r\n <\/div>\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-check-circle text-green-600 mr-2\"><\/i>\r\n <span class=\"text-green-700\">G\u00fcnl\u00fck aktivitelere d\u00f6n\u00fc\u015f<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"admin-panel mt-8\">\r\n <div class=\"bg-white rounded-xl shadow-sm border border-gray-200 p-8\">\r\n <div class=\"text-center mb-8\">\r\n <h2 class=\"text-2xl font-bold text-medikal-mavi mb-4\">Yeni Vaka Raporu Ekle<\/h2>\r\n <p class=\"text-gray-600 max-w-2xl mx-auto\">\r\n Yeni bir vaka raporu olu\u015fturmak i\u00e7in a\u015fa\u011f\u0131daki formu doldurun. \r\n Zorunlu alanlar y\u0131ld\u0131z (*) ile i\u015faretlenmi\u015ftir.\r\n <\/p>\r\n <\/div>\r\n\r\n <form class=\"space-y-8\" action=\"\">\r\n \r\n <div class=\"bg-gray-50 rounded-lg p-6\">\r\n <h3 class=\"text-lg font-semibold text-gray-900 mb-4\">Vaka Bilgileri<\/h3>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Vaka Numaras\u0131 *<\/label>\r\n <input type=\"text\" placeholder=\"MR-2024-XXX\" class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Tedavi T\u00fcr\u00fc *<\/label>\r\n <select class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\">\r\n <option>Tedavi t\u00fcr\u00fc se\u00e7in...<\/option>\r\n <option>\u0130mm\u00fcnomod\u00fclasyon Protokol\u00fc<\/option>\r\n <option>Genetik Terapi Yakla\u015f\u0131m\u0131<\/option>\r\n <option>H\u00fccresel Rejenerasyon<\/option>\r\n <option>Kombine Terap\u00f6tik Protokol<\/option>\r\n <option>N\u00f6rolojik M\u00fcdahale<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Ba\u015flang\u0131\u00e7 Tarihi *<\/label>\r\n <input type=\"date\" class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Mevcut Durum<\/label>\r\n <select class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\">\r\n <option>Devam Ediyor<\/option>\r\n <option>Tamamland\u0131<\/option>\r\n <option>Takip A\u015famas\u0131<\/option>\r\n <option>Beklemede<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-lg p-6\">\r\n <h3 class=\"text-lg font-semibold text-gray-900 mb-4\">Hasta Bilgileri<\/h3>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Ya\u015f *<\/label>\r\n <input type=\"number\" placeholder=\"45\" class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Cinsiyet *<\/label>\r\n <select class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\">\r\n <option>Cinsiyet se\u00e7in...<\/option>\r\n <option>Kad\u0131n<\/option>\r\n <option>Erkek<\/option>\r\n <option>Di\u011fer<\/option>\r\n <option>Belirtmek \u0130stemiyor<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">VK\u0130<\/label>\r\n <input type=\"number\" step=\"0.1\" placeholder=\"24.3\" class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-6\">\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Birincil Te\u015fhis *<\/label>\r\n <textarea rows=\"3\" placeholder=\"Birincil te\u015fhisi ve t\u0131bbi durumu a\u00e7\u0131klay\u0131n...\" class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-lg p-6\">\r\n <h3 class=\"text-lg font-semibold text-gray-900 mb-4\">Belge Y\u00fckleme<\/h3>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Tedavi \u00d6ncesi Belgeler<\/label>\r\n <div class=\"yukleme-alani p-8 text-center rounded-lg cursor-pointer\">\r\n <i class=\"fas fa-cloud-upload-alt text-gray-400 text-4xl mx-auto mb-3\"><\/i>\r\n <p class=\"text-gray-600 font-medium mb-1\">Laboratuvar Sonu\u00e7lar\u0131 & G\u00f6r\u00fcnt\u00fcleri Y\u00fckle<\/p>\r\n <p class=\"text-sm text-gray-500\">PDF, JPG, PNG - dosya ba\u015f\u0131na 10MB'a kadar<\/p>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Tedavi Sonras\u0131 Belgeler<\/label>\r\n <div class=\"yukleme-alani p-8 text-center rounded-lg cursor-pointer\">\r\n <i class=\"fas fa-cloud-upload-alt text-gray-400 text-4xl mx-auto mb-3\"><\/i>\r\n <p class=\"text-gray-600 font-medium mb-1\">Sonu\u00e7lar & Raporlar\u0131 Y\u00fckle<\/p>\r\n <p class=\"text-sm text-gray-500\">PDF, JPG, PNG - dosya ba\u015f\u0131na 10MB'a kadar<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-lg p-6\">\r\n <h3 class=\"text-lg font-semibold text-gray-900 mb-4\">Tedavi Detaylar\u0131<\/h3>\r\n <div class=\"space-y-6\">\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Tedavi Protokol\u00fc *<\/label>\r\n <textarea rows=\"4\" placeholder=\"Tedavi protokol\u00fcn\u00fc, a\u015famalar\u0131, y\u00f6ntemleri ve dozajlar\u0131 a\u00e7\u0131klay\u0131n...\" class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\"><\/textarea>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Sonu\u00e7lar ve \u00c7\u0131kt\u0131lar<\/label>\r\n <textarea rows=\"4\" placeholder=\"Tedavi sonu\u00e7lar\u0131n\u0131, iyile\u015fmeleri ve nihai sonu\u00e7lar\u0131 belgeleyin...\" class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-end pt-6 border-t border-gray-200\">\r\n <button type=\"button\" class=\"px-6 py-3 border border-gray-300 rounded-lg text-gray-700 font-medium hover:bg-gray-50 transition-colors\">\r\n Taslak Olarak Kaydet\r\n <\/button>\r\n <button type=\"submit\" class=\"px-6 py-3 bg-medikal-mavi text-white rounded-lg font-medium hover:bg-medikal-mavi\/90 transition-colors\">\r\n Vaka Raporunu G\u00f6nder\r\n <\/button>\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Y\u00f6netici giri\u015f sistemi\r\n const normalKullaniciBilgi = document.getElementById('normal-kullanici-bilgi');\r\n const adminBilgi = document.getElementById('admin-bilgi');\r\n const adminGirisBtn = document.getElementById('admin-giris-btn');\r\n const adminCikisBtn = document.getElementById('admin-cikis-btn');\r\n const body = document.body;\r\n\r\n \/\/ Y\u00f6netici giri\u015fi\r\n adminGirisBtn.addEventListener('click', function() {\r\n \/\/ WordPress y\u00f6netici giri\u015fi sim\u00fclasyonu\r\n const kullaniciAdi = prompt('WordPress Kullan\u0131c\u0131 Ad\u0131:');\r\n const sifre = prompt('WordPress \u015eifre:');\r\n \r\n \/\/ Basit do\u011frulama (ger\u00e7ek uygulamada WordPress API ile entegre olmal\u0131)\r\n if (kullaniciAdi && sifre) {\r\n \/\/ Ba\u015far\u0131l\u0131 giri\u015f\r\n body.classList.add('wp-admin-login');\r\n normalKullaniciBilgi.classList.add('hidden');\r\n adminBilgi.classList.remove('hidden');\r\n adminGirisBtn.classList.add('hidden');\r\n \r\n \/\/ Ba\u015far\u0131 mesaj\u0131\r\n alert('WordPress y\u00f6netici giri\u015fi ba\u015far\u0131l\u0131. Vaka y\u00fckleme paneline eri\u015fim sa\u011fland\u0131.');\r\n } else {\r\n alert('Giri\u015f bilgileri ge\u00e7ersiz. L\u00fctfen tekrar deneyin.');\r\n }\r\n });\r\n\r\n \/\/ Y\u00f6netici \u00e7\u0131k\u0131\u015f\u0131\r\n adminCikisBtn.addEventListener('click', function() {\r\n body.classList.remove('wp-admin-login');\r\n normalKullaniciBilgi.classList.remove('hidden');\r\n adminBilgi.classList.add('hidden');\r\n adminGirisBtn.classList.remove('hidden');\r\n \r\n alert('WordPress y\u00f6netici \u00e7\u0131k\u0131\u015f\u0131 yap\u0131ld\u0131.');\r\n });\r\n\r\n \/\/ Belge g\u00f6r\u00fcnt\u00fcleyiciler\r\n document.querySelectorAll('button').forEach(btn => {\r\n if (btn.textContent.trim().includes('G\u00f6r\u00fcnt\u00fcle')) {\r\n btn.addEventListener('click', function() {\r\n \/\/ Belge g\u00f6r\u00fcnt\u00fcleme modal\u0131\r\n const modal = document.createElement('div');\r\n modal.className = 'fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4';\r\n modal.innerHTML = `\r\n <div class=\"bg-white rounded-xl p-6 max-w-md w-full mx-4\">\r\n <h3 class=\"text-lg font-semibold text-gray-900 mb-4\">Belge G\u00f6r\u00fcnt\u00fcleyici<\/h3>\r\n <p class=\"text-gray-600 mb-6\">\r\n Ger\u00e7ek bir uygulamada, burada belge g\u00f6r\u00fcnt\u00fcleyici a\u00e7\u0131l\u0131r veya dosya indirilir.\r\n <\/p>\r\n <div class=\"bg-gray-100 p-4 rounded-lg mb-4 text-center\">\r\n <i class=\"fas fa-file-pdf text-red-500 text-4xl mb-3\"><\/i>\r\n <p class=\"text-sm text-gray-600\">\u00d6rnek belge g\u00f6r\u00fcnt\u00fcleniyor...<\/p>\r\n <\/div>\r\n <button class=\"w-full bg-medikal-mavi text-white px-4 py-2 rounded-lg hover:bg-medikal-mavi\/90 transition-colors\" onclick=\"this.closest('.fixed').remove()\">\r\n Kapat\r\n <\/button>\r\n <\/div>\r\n `;\r\n document.body.appendChild(modal);\r\n });\r\n }\r\n });\r\n\r\n \/\/ Vaka se\u00e7ici\r\n const vakaSecici = document.getElementById('vaka-secici');\r\n vakaSecici.addEventListener('change', function() {\r\n console.log('Vaka y\u00fckleniyor:', this.value);\r\n });\r\n\r\n \/\/ Y\u00fckleme alanlar\u0131\r\n const yuklemeAlanlari = document.querySelectorAll('.yukleme-alani');\r\n yuklemeAlanlari.forEach(alan => {\r\n alan.addEventListener('click', function() {\r\n const input = document.createElement('input');\r\n input.type = 'file';\r\n input.accept = '.pdf,.jpg,.jpeg,.png';\r\n input.multiple = true;\r\n input.click();\r\n \r\n input.addEventListener('change', function() {\r\n if (this.files.length > 0) {\r\n alan.innerHTML = `\r\n <i class=\"fas fa-check-circle text-green-500 text-4xl mx-auto mb-3\"><\/i>\r\n <p class=\"text-green-600 font-medium mb-1\">${this.files.length} dosya ba\u015far\u0131yla y\u00fcklendi<\/p>\r\n <p class=\"text-sm text-green-500\">Daha fazla dosya y\u00fcklemek i\u00e7in t\u0131klay\u0131n<\/p>\r\n `;\r\n \r\n setTimeout(() => {\r\n alan.innerHTML = `\r\n <i class=\"fas fa-cloud-upload-alt text-gray-400 text-4xl mx-auto mb-3\"><\/i>\r\n <p class=\"text-gray-600 font-medium mb-1\">Dosya Y\u00fckle<\/p>\r\n <p class=\"text-sm text-gray-500\">PDF, JPG, PNG - dosya ba\u015f\u0131na 10MB'a kadar<\/p>\r\n `;\r\n }, 3000);\r\n }\r\n });\r\n });\r\n });\r\n\r\n \/\/ Form g\u00f6nderimi\r\n const form = document.querySelector('form');\r\n if (form) {\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n const submitBtn = this.querySelector('button[type=\"submit\"]');\r\n const originalText = submitBtn.textContent;\r\n \r\n submitBtn.textContent = 'G\u00f6nderiliyor...';\r\n submitBtn.disabled = true;\r\n \r\n setTimeout(() => {\r\n alert('Vaka raporu ba\u015far\u0131yla g\u00f6nderildi!');\r\n submitBtn.textContent = originalText;\r\n submitBtn.disabled = false;\r\n form.reset();\r\n }, 2000);\r\n });\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Medikal Vaka Ar\u015fivi – Hasta Raporlar\u0131 Medikal Vaka Ar\u015fivi Hasta Raporlar\u0131 ve Tedavi Sonu\u00e7lar\u0131 Misafir Kullan\u0131c\u0131 WordPress Y\u00f6netici \u00c7\u0131k\u0131\u015f Y\u00f6netici Giri\u015fi Vaka Raporlar\u0131n\u0131 G\u00f6r\u00fcnt\u00fcle Vaka Se\u00e7in Vaka #MR-2024-001 – Otoimm\u00fcn \u0130mm\u00fcnomod\u00fclasyon Protokol\u00fcVaka #MR-2024-002 – Nadir Hastal\u0131k i\u00e7in Genetik TerapiVaka #MR-2024-003 – H\u00fccresel Rejenerasyon TedavisiVaka #MR-2023-045 – Kombine Terap\u00f6tik Yakla\u015f\u0131mVaka #MR-2023-032 – N\u00f6rolojik M\u00fcdahale \u00c7al\u0131\u015fmas\u0131 Vaka […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2061","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mastenresearch.com\/de\/wp-json\/wp\/v2\/pages\/2061","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mastenresearch.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mastenresearch.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mastenresearch.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mastenresearch.com\/de\/wp-json\/wp\/v2\/comments?post=2061"}],"version-history":[{"count":0,"href":"https:\/\/mastenresearch.com\/de\/wp-json\/wp\/v2\/pages\/2061\/revisions"}],"wp:attachment":[{"href":"https:\/\/mastenresearch.com\/de\/wp-json\/wp\/v2\/media?parent=2061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Medikal Vaka Ar\u015fivi - Hasta Raporlar\u0131<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'medikal-mavi': '#1e40af',\r\n 'medikal-acik': '#3b82f6',\r\n 'medikal-gri': '#6b7280',\r\n 'medikal-yesil': '#10b981',\r\n 'medikal-kirmizi': '#ef4444'\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\r\n body { font-family: 'Inter', sans-serif; }\r\n \r\n .vaka-karti {\r\n transition: all 0.3s ease;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n }\r\n \r\n .vaka-karti:hover {\r\n border-color: #3b82f6;\r\n box-shadow: 0 8px 25px rgba(59, 130, 246, 0.1);\r\n transform: translateY(-3px);\r\n }\r\n \r\n .rapor-item {\r\n transition: all 0.2s ease;\r\n border-left: 3px solid #e5e7eb;\r\n }\r\n \r\n .rapor-item:hover {\r\n border-left-color: #3b82f6;\r\n background-color: #f8faff;\r\n }\r\n \r\n .iyilesme-pozitif {\r\n background: linear-gradient(135deg, #f0fdf4, #dcfce7);\r\n border-left: 4px solid #10b981;\r\n }\r\n \r\n .iyilesme-negatif {\r\n background: linear-gradient(135deg, #fef2f2, #fee2e2);\r\n border-left: 4px solid #ef4444;\r\n }\r\n \r\n .admin-panel {\r\n display: none;\r\n }\r\n \r\n .wp-admin-login .admin-panel {\r\n display: block;\r\n }\r\n \r\n .wp-admin-login .normal-kullanici-panel {\r\n display: none;\r\n }\r\n \r\n .yukleme-alani {\r\n background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\r\n border: 2px dashed #d1d5db;\r\n border-radius: 12px;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .yukleme-alani:hover {\r\n border-color: #3b82f6;\r\n background: linear-gradient(135deg, #eff6ff 0%, #f8faff 100%);\r\n }\r\n \r\n .bolum-baslik {\r\n position: relative;\r\n padding-left: 1.5rem;\r\n border-bottom: 2px solid #e5e7eb;\r\n padding-bottom: 0.75rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n \r\n .bolum-baslik::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 5px;\r\n background: #1e40af;\r\n border-radius: 3px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50\">\r\n \r\n <div class=\"bg-white border-b border-gray-200 shadow-sm\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"flex items-center\">\r\n <div class=\"bg-medikal-mavi rounded-lg p-2 mr-3\">\r\n <i class=\"fas fa-file-medical text-white text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h1 class=\"text-2xl font-bold text-medikal-mavi\">Medikal Vaka Ar\u015fivi<\/h1>\r\n <p class=\"text-medikal-gri text-sm\">Hasta Raporlar\u0131 ve Tedavi Sonu\u00e7lar\u0131<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"flex items-center space-x-4\">\r\n <div id=\"normal-kullanici-bilgi\" class=\"flex items-center space-x-3\">\r\n <div class=\"bg-gray-100 text-medikal-gri px-3 py-1 rounded-full text-sm\">\r\n <i class=\"fas fa-user mr-2\"><\/i>Misafir Kullan\u0131c\u0131\r\n <\/div>\r\n <\/div>\r\n \r\n <div id=\"admin-bilgi\" class=\"hidden items-center space-x-3\">\r\n <div class=\"bg-medikal-mavi text-white px-3 py-1 rounded-full text-sm\">\r\n <i class=\"fas fa-user-shield mr-2\"><\/i>WordPress Y\u00f6netici\r\n <\/div>\r\n <button id=\"admin-cikis-btn\" class=\"text-medikal-gri hover:text-medikal-kirmizi text-sm\">\r\n <i class=\"fas fa-sign-out-alt mr-1\"><\/i>\u00c7\u0131k\u0131\u015f\r\n <\/button>\r\n <\/div>\r\n \r\n <button id=\"admin-giris-btn\" class=\"bg-medikal-mavi text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-medikal-mavi\/90 transition-colors\">\r\n <i class=\"fas fa-lock mr-2\"><\/i>Y\u00f6netici Giri\u015fi\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8\">\r\n \r\n \r\n <div class=\"mb-8\">\r\n <div class=\"bg-white rounded-xl shadow-sm border border-gray-200 p-6\">\r\n <h2 class=\"text-xl font-semibold text-gray-900 mb-4\">Vaka Raporlar\u0131n\u0131 G\u00f6r\u00fcnt\u00fcle<\/h2>\r\n <div class=\"flex flex-col md:flex-row md:items-center space-y-4 md:space-y-0 md:space-x-4\">\r\n <div class=\"flex-1\">\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Vaka Se\u00e7in<\/label>\r\n <select id=\"vaka-secici\" class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent text-sm\">\r\n <option value=\"MR-2024-001\">Vaka #MR-2024-001 - Otoimm\u00fcn \u0130mm\u00fcnomod\u00fclasyon Protokol\u00fc<\/option>\r\n <option value=\"MR-2024-002\">Vaka #MR-2024-002 - Nadir Hastal\u0131k i\u00e7in Genetik Terapi<\/option>\r\n <option value=\"MR-2024-003\">Vaka #MR-2024-003 - H\u00fccresel Rejenerasyon Tedavisi<\/option>\r\n <option value=\"MR-2023-045\">Vaka #MR-2023-045 - Kombine Terap\u00f6tik Yakla\u015f\u0131m<\/option>\r\n <option value=\"MR-2023-032\">Vaka #MR-2023-032 - N\u00f6rolojik M\u00fcdahale \u00c7al\u0131\u015fmas\u0131<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"text-sm text-medikal-gri\">\r\n <div class=\"font-medium\">Vaka Durumu: <span class=\"text-medikal-yesil\">Tamamland\u0131<\/span><\/div>\r\n <div>S\u00fcre: 12 hafta<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"normal-kullanici-panel\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\r\n \r\n \r\n <div class=\"lg:col-span-2\">\r\n <div class=\"vaka-karti bg-white rounded-xl shadow-sm p-6 mb-6\">\r\n <h3 class=\"bolum-baslik text-lg font-semibold text-gray-900 flex items-center\">\r\n <i class=\"fas fa-history text-medikal-mavi mr-2\"><\/i>\r\n Hasta T\u0131bbi \u00d6yk\u00fcs\u00fc\r\n <\/h3>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div class=\"space-y-4\">\r\n <div class=\"bg-gray-50 rounded-lg p-4\">\r\n <h4 class=\"font-medium text-gray-900 mb-3\">Hasta Demografik Bilgileri<\/h4>\r\n <div class=\"space-y-2 text-sm\">\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-600\">Ya\u015f:<\/span>\r\n <span class=\"font-medium\">45<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-600\">Cinsiyet:<\/span>\r\n <span class=\"font-medium\">Kad\u0131n<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-600\">VK\u0130:<\/span>\r\n <span class=\"font-medium\">24.3<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-600\">Kan Grubu:<\/span>\r\n <span class=\"font-medium\">0+<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"bg-gray-50 rounded-lg p-4\">\r\n <h4 class=\"font-medium text-gray-900 mb-3\">T\u0131bbi Ge\u00e7mi\u015f<\/h4>\r\n <div class=\"space-y-2 text-sm text-gray-600\">\r\n <div>\u2022 3 y\u0131l \u00f6nce otoimm\u00fcn hastal\u0131k te\u015fhisi<\/div>\r\n <div>\u2022 Kronik enflamatuar yan\u0131t<\/div>\r\n <div>\u2022 \u00d6nceki tedaviler: Konvansiyonel imm\u00fcnosupresanlar<\/div>\r\n <div>\u2022 Alerjiler: Penisilin<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"space-y-4\">\r\n <div class=\"iyilesme-negatif rounded-lg p-4\">\r\n <h4 class=\"font-medium text-red-800 mb-3\">Ba\u015flang\u0131\u00e7 Semptomlar\u0131<\/h4>\r\n <div class=\"grid grid-cols-2 gap-3\">\r\n <div class=\"text-center\">\r\n <div class=\"text-2xl font-bold text-red-600\">8\/10<\/div>\r\n <div class=\"text-xs text-red-700\">A\u011fr\u0131 Seviyesi<\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"text-2xl font-bold text-red-600\">30%<\/div>\r\n <div class=\"text-xs text-red-700\">Mobilite<\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"text-2xl font-bold text-red-600\">Y\u00fcksek<\/div>\r\n <div class=\"text-xs text-red-700\">Enflamasyon<\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <div class=\"text-2xl font-bold text-red-600\">Zay\u0131f<\/div>\r\n <div class=\"text-xs text-red-700\">Ya\u015fam Kalitesi<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"bg-gray-50 rounded-lg p-4\">\r\n <h4 class=\"font-medium text-gray-900 mb-3\">Laboratuvar De\u011ferleri<\/h4>\r\n <div class=\"space-y-2 text-sm\">\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-600\">CRP:<\/span>\r\n <span class=\"font-medium text-red-600\">45 mg\/L \u2191<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-600\">ESR:<\/span>\r\n <span class=\"font-medium text-red-600\">78 mm\/sa \u2191<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between\">\r\n <span class=\"text-gray-600\">L\u00f6kosit:<\/span>\r\n <span class=\"font-medium text-red-600\">12,500 \u2191<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div>\r\n <div class=\"vaka-karti bg-white rounded-xl shadow-sm p-6\">\r\n <h3 class=\"bolum-baslik text-lg font-semibold text-gray-900 flex items-center\">\r\n <i class=\"fas fa-file-medical text-medikal-mavi mr-2\"><\/i>\r\n T\u0131bbi Raporlar\r\n <\/h3>\r\n \r\n <div class=\"space-y-3\">\r\n <div class=\"rapor-item bg-white rounded-lg p-3 cursor-pointer\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-file-pdf text-red-500 text-xl mr-3\"><\/i>\r\n <div>\r\n <p class=\"font-medium text-gray-900 text-sm\">Ba\u015flang\u0131\u00e7 Laboratuvar Sonu\u00e7lar\u0131<\/p>\r\n <p class=\"text-xs text-gray-500\">baseline-labs.pdf \u2022 2.3 MB<\/p>\r\n <\/div>\r\n <\/div>\r\n <button class=\"text-medikal-acik hover:text-medikal-mavi text-sm font-medium\">\r\n <i class=\"fas fa-eye mr-1\"><\/i>G\u00f6r\u00fcnt\u00fcle\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"rapor-item bg-white rounded-lg p-3 cursor-pointer\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-file-image text-blue-500 text-xl mr-3\"><\/i>\r\n <div>\r\n <p class=\"font-medium text-gray-900 text-sm\">MRI Ba\u015flang\u0131\u00e7 Taramas\u0131<\/p>\r\n <p class=\"text-xs text-gray-500\">mri-baseline.jpg \u2022 5.1 MB<\/p>\r\n <\/div>\r\n <\/div>\r\n <button class=\"text-medikal-acik hover:text-medikal-mavi text-sm font-medium\">\r\n <i class=\"fas fa-eye mr-1\"><\/i>G\u00f6r\u00fcnt\u00fcle\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"rapor-item bg-white rounded-lg p-3 cursor-pointer\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-file-pdf text-green-500 text-xl mr-3\"><\/i>\r\n <div>\r\n <p class=\"font-medium text-gray-900 text-sm\">T\u0131bbi Ge\u00e7mi\u015f Raporu<\/p>\r\n <p class=\"text-xs text-gray-500\">hasta-gecmisi.pdf \u2022 1.8 MB<\/p>\r\n <\/div>\r\n <\/div>\r\n <button class=\"text-medikal-acik hover:text-medikal-mavi text-sm font-medium\">\r\n <i class=\"fas fa-eye mr-1\"><\/i>G\u00f6r\u00fcnt\u00fcle\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"rapor-item bg-white rounded-lg p-3 cursor-pointer\">\r\n <div class=\"flex items-center justify-between\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-file-image text-purple-500 text-xl mr-3\"><\/i>\r\n <div>\r\n <p class=\"font-medium text-gray-900 text-sm\">Tedavi Sonras\u0131 G\u00f6r\u00fcnt\u00fcleme<\/p>\r\n <p class=\"text-xs text-gray-500\">post-treatment-mri.jpg \u2022 4.2 MB<\/p>\r\n <\/div>\r\n <\/div>\r\n <button class=\"text-medikal-acik hover:text-medikal-mavi text-sm font-medium\">\r\n <i class=\"fas fa-eye mr-1\"><\/i>G\u00f6r\u00fcnt\u00fcle\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mt-8\">\r\n <div class=\"vaka-karti bg-white rounded-xl shadow-sm p-6\">\r\n <h3 class=\"bolum-baslik text-lg font-semibold text-gray-900 flex items-center\">\r\n <i class=\"fas fa-chart-line text-medikal-mavi mr-2\"><\/i>\r\n Tedavi \u00d6ncesi ve Sonras\u0131 Kar\u015f\u0131la\u015ft\u0131rma\r\n <\/h3>\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div class=\"text-center p-4 bg-red-50 rounded-lg\">\r\n <h4 class=\"font-medium text-red-800 mb-4\">Tedavi \u00d6ncesi<\/h4>\r\n <div class=\"space-y-3\">\r\n <div class=\"bg-white rounded-lg p-3 shadow-sm border border-red-200\">\r\n <div class=\"text-2xl font-bold text-red-600\">8\/10<\/div>\r\n <div class=\"text-xs text-red-700 font-medium\">A\u011fr\u0131 Seviyesi<\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg p-3 shadow-sm border border-red-200\">\r\n <div class=\"text-2xl font-bold text-red-600\">30%<\/div>\r\n <div class=\"text-xs text-red-700 font-medium\">Mobilite<\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg p-3 shadow-sm border border-red-200\">\r\n <div class=\"text-2xl font-bold text-red-600\">Y\u00fcksek<\/div>\r\n <div class=\"text-xs text-red-700 font-medium\">Enflamasyon<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"text-center p-4 bg-green-50 rounded-lg\">\r\n <h4 class=\"font-medium text-green-800 mb-4\">Tedavi Sonras\u0131<\/h4>\r\n <div class=\"space-y-3\">\r\n <div class=\"bg-white rounded-lg p-3 shadow-sm border border-green-200\">\r\n <div class=\"text-2xl font-bold text-green-600\">2\/10<\/div>\r\n <div class=\"text-xs text-green-700 font-medium\">A\u011fr\u0131 Seviyesi<\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg p-3 shadow-sm border border-green-200\">\r\n <div class=\"text-2xl font-bold text-green-600\">85%<\/div>\r\n <div class=\"text-xs text-green-700 font-medium\">Mobilite<\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg p-3 shadow-sm border border-green-200\">\r\n <div class=\"text-2xl font-bold text-green-600\">Normal<\/div>\r\n <div class=\"text-xs text-green-700 font-medium\">Enflamasyon<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"iyilesme-pozitif rounded-lg p-4 border mt-6\">\r\n <h4 class=\"font-medium text-green-800 mb-3\">Elde Edilen \u0130yile\u015fmeler<\/h4>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-3 text-sm\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-check-circle text-green-600 mr-2\"><\/i>\r\n <span class=\"text-green-700\">%75 a\u011fr\u0131 azalmas\u0131<\/span>\r\n <\/div>\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-check-circle text-green-600 mr-2\"><\/i>\r\n <span class=\"text-green-700\">%55 mobilite art\u0131\u015f\u0131<\/span>\r\n <\/div>\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-check-circle text-green-600 mr-2\"><\/i>\r\n <span class=\"text-green-700\">Normal enflamasyon seviyeleri<\/span>\r\n <\/div>\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-check-circle text-green-600 mr-2\"><\/i>\r\n <span class=\"text-green-700\">G\u00fcnl\u00fck aktivitelere d\u00f6n\u00fc\u015f<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"admin-panel mt-8\">\r\n <div class=\"bg-white rounded-xl shadow-sm border border-gray-200 p-8\">\r\n <div class=\"text-center mb-8\">\r\n <h2 class=\"text-2xl font-bold text-medikal-mavi mb-4\">Yeni Vaka Raporu Ekle<\/h2>\r\n <p class=\"text-gray-600 max-w-2xl mx-auto\">\r\n Yeni bir vaka raporu olu\u015fturmak i\u00e7in a\u015fa\u011f\u0131daki formu doldurun. \r\n Zorunlu alanlar y\u0131ld\u0131z (*) ile i\u015faretlenmi\u015ftir.\r\n <\/p>\r\n <\/div>\r\n\r\n <form class=\"space-y-8\" action=\"\">\r\n \r\n <div class=\"bg-gray-50 rounded-lg p-6\">\r\n <h3 class=\"text-lg font-semibold text-gray-900 mb-4\">Vaka Bilgileri<\/h3>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Vaka Numaras\u0131 *<\/label>\r\n <input type=\"text\" placeholder=\"MR-2024-XXX\" class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Tedavi T\u00fcr\u00fc *<\/label>\r\n <select class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\">\r\n <option>Tedavi t\u00fcr\u00fc se\u00e7in...<\/option>\r\n <option>\u0130mm\u00fcnomod\u00fclasyon Protokol\u00fc<\/option>\r\n <option>Genetik Terapi Yakla\u015f\u0131m\u0131<\/option>\r\n <option>H\u00fccresel Rejenerasyon<\/option>\r\n <option>Kombine Terap\u00f6tik Protokol<\/option>\r\n <option>N\u00f6rolojik M\u00fcdahale<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Ba\u015flang\u0131\u00e7 Tarihi *<\/label>\r\n <input type=\"date\" class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Mevcut Durum<\/label>\r\n <select class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\">\r\n <option>Devam Ediyor<\/option>\r\n <option>Tamamland\u0131<\/option>\r\n <option>Takip A\u015famas\u0131<\/option>\r\n <option>Beklemede<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-lg p-6\">\r\n <h3 class=\"text-lg font-semibold text-gray-900 mb-4\">Hasta Bilgileri<\/h3>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Ya\u015f *<\/label>\r\n <input type=\"number\" placeholder=\"45\" class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Cinsiyet *<\/label>\r\n <select class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\">\r\n <option>Cinsiyet se\u00e7in...<\/option>\r\n <option>Kad\u0131n<\/option>\r\n <option>Erkek<\/option>\r\n <option>Di\u011fer<\/option>\r\n <option>Belirtmek \u0130stemiyor<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">VK\u0130<\/label>\r\n <input type=\"number\" step=\"0.1\" placeholder=\"24.3\" class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-6\">\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Birincil Te\u015fhis *<\/label>\r\n <textarea rows=\"3\" placeholder=\"Birincil te\u015fhisi ve t\u0131bbi durumu a\u00e7\u0131klay\u0131n...\" class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-lg p-6\">\r\n <h3 class=\"text-lg font-semibold text-gray-900 mb-4\">Belge Y\u00fckleme<\/h3>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Tedavi \u00d6ncesi Belgeler<\/label>\r\n <div class=\"yukleme-alani p-8 text-center rounded-lg cursor-pointer\">\r\n <i class=\"fas fa-cloud-upload-alt text-gray-400 text-4xl mx-auto mb-3\"><\/i>\r\n <p class=\"text-gray-600 font-medium mb-1\">Laboratuvar Sonu\u00e7lar\u0131 & G\u00f6r\u00fcnt\u00fcleri Y\u00fckle<\/p>\r\n <p class=\"text-sm text-gray-500\">PDF, JPG, PNG - dosya ba\u015f\u0131na 10MB'a kadar<\/p>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Tedavi Sonras\u0131 Belgeler<\/label>\r\n <div class=\"yukleme-alani p-8 text-center rounded-lg cursor-pointer\">\r\n <i class=\"fas fa-cloud-upload-alt text-gray-400 text-4xl mx-auto mb-3\"><\/i>\r\n <p class=\"text-gray-600 font-medium mb-1\">Sonu\u00e7lar & Raporlar\u0131 Y\u00fckle<\/p>\r\n <p class=\"text-sm text-gray-500\">PDF, JPG, PNG - dosya ba\u015f\u0131na 10MB'a kadar<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 rounded-lg p-6\">\r\n <h3 class=\"text-lg font-semibold text-gray-900 mb-4\">Tedavi Detaylar\u0131<\/h3>\r\n <div class=\"space-y-6\">\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Tedavi Protokol\u00fc *<\/label>\r\n <textarea rows=\"4\" placeholder=\"Tedavi protokol\u00fcn\u00fc, a\u015famalar\u0131, y\u00f6ntemleri ve dozajlar\u0131 a\u00e7\u0131klay\u0131n...\" class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\"><\/textarea>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-medium text-gray-700 mb-2\">Sonu\u00e7lar ve \u00c7\u0131kt\u0131lar<\/label>\r\n <textarea rows=\"4\" placeholder=\"Tedavi sonu\u00e7lar\u0131n\u0131, iyile\u015fmeleri ve nihai sonu\u00e7lar\u0131 belgeleyin...\" class=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-medikal-acik focus:border-transparent\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-end pt-6 border-t border-gray-200\">\r\n <button type=\"button\" class=\"px-6 py-3 border border-gray-300 rounded-lg text-gray-700 font-medium hover:bg-gray-50 transition-colors\">\r\n Taslak Olarak Kaydet\r\n <\/button>\r\n <button type=\"submit\" class=\"px-6 py-3 bg-medikal-mavi text-white rounded-lg font-medium hover:bg-medikal-mavi\/90 transition-colors\">\r\n Vaka Raporunu G\u00f6nder\r\n <\/button>\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Y\u00f6netici giri\u015f sistemi\r\n const normalKullaniciBilgi = document.getElementById('normal-kullanici-bilgi');\r\n const adminBilgi = document.getElementById('admin-bilgi');\r\n const adminGirisBtn = document.getElementById('admin-giris-btn');\r\n const adminCikisBtn = document.getElementById('admin-cikis-btn');\r\n const body = document.body;\r\n\r\n \/\/ Y\u00f6netici giri\u015fi\r\n adminGirisBtn.addEventListener('click', function() {\r\n \/\/ WordPress y\u00f6netici giri\u015fi sim\u00fclasyonu\r\n const kullaniciAdi = prompt('WordPress Kullan\u0131c\u0131 Ad\u0131:');\r\n const sifre = prompt('WordPress \u015eifre:');\r\n \r\n \/\/ Basit do\u011frulama (ger\u00e7ek uygulamada WordPress API ile entegre olmal\u0131)\r\n if (kullaniciAdi && sifre) {\r\n \/\/ Ba\u015far\u0131l\u0131 giri\u015f\r\n body.classList.add('wp-admin-login');\r\n normalKullaniciBilgi.classList.add('hidden');\r\n adminBilgi.classList.remove('hidden');\r\n adminGirisBtn.classList.add('hidden');\r\n \r\n \/\/ Ba\u015far\u0131 mesaj\u0131\r\n alert('WordPress y\u00f6netici giri\u015fi ba\u015far\u0131l\u0131. Vaka y\u00fckleme paneline eri\u015fim sa\u011fland\u0131.');\r\n } else {\r\n alert('Giri\u015f bilgileri ge\u00e7ersiz. L\u00fctfen tekrar deneyin.');\r\n }\r\n });\r\n\r\n \/\/ Y\u00f6netici \u00e7\u0131k\u0131\u015f\u0131\r\n adminCikisBtn.addEventListener('click', function() {\r\n body.classList.remove('wp-admin-login');\r\n normalKullaniciBilgi.classList.remove('hidden');\r\n adminBilgi.classList.add('hidden');\r\n adminGirisBtn.classList.remove('hidden');\r\n \r\n alert('WordPress y\u00f6netici \u00e7\u0131k\u0131\u015f\u0131 yap\u0131ld\u0131.');\r\n });\r\n\r\n \/\/ Belge g\u00f6r\u00fcnt\u00fcleyiciler\r\n document.querySelectorAll('button').forEach(btn => {\r\n if (btn.textContent.trim().includes('G\u00f6r\u00fcnt\u00fcle')) {\r\n btn.addEventListener('click', function() {\r\n \/\/ Belge g\u00f6r\u00fcnt\u00fcleme modal\u0131\r\n const modal = document.createElement('div');\r\n modal.className = 'fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4';\r\n modal.innerHTML = `\r\n <div class=\"bg-white rounded-xl p-6 max-w-md w-full mx-4\">\r\n <h3 class=\"text-lg font-semibold text-gray-900 mb-4\">Belge G\u00f6r\u00fcnt\u00fcleyici<\/h3>\r\n <p class=\"text-gray-600 mb-6\">\r\n Ger\u00e7ek bir uygulamada, burada belge g\u00f6r\u00fcnt\u00fcleyici a\u00e7\u0131l\u0131r veya dosya indirilir.\r\n <\/p>\r\n <div class=\"bg-gray-100 p-4 rounded-lg mb-4 text-center\">\r\n <i class=\"fas fa-file-pdf text-red-500 text-4xl mb-3\"><\/i>\r\n <p class=\"text-sm text-gray-600\">\u00d6rnek belge g\u00f6r\u00fcnt\u00fcleniyor...<\/p>\r\n <\/div>\r\n <button class=\"w-full bg-medikal-mavi text-white px-4 py-2 rounded-lg hover:bg-medikal-mavi\/90 transition-colors\" onclick=\"this.closest('.fixed').remove()\">\r\n Kapat\r\n <\/button>\r\n <\/div>\r\n `;\r\n document.body.appendChild(modal);\r\n });\r\n }\r\n });\r\n\r\n \/\/ Vaka se\u00e7ici\r\n const vakaSecici = document.getElementById('vaka-secici');\r\n vakaSecici.addEventListener('change', function() {\r\n console.log('Vaka y\u00fckleniyor:', this.value);\r\n });\r\n\r\n \/\/ Y\u00fckleme alanlar\u0131\r\n const yuklemeAlanlari = document.querySelectorAll('.yukleme-alani');\r\n yuklemeAlanlari.forEach(alan => {\r\n alan.addEventListener('click', function() {\r\n const input = document.createElement('input');\r\n input.type = 'file';\r\n input.accept = '.pdf,.jpg,.jpeg,.png';\r\n input.multiple = true;\r\n input.click();\r\n \r\n input.addEventListener('change', function() {\r\n if (this.files.length > 0) {\r\n alan.innerHTML = `\r\n <i class=\"fas fa-check-circle text-green-500 text-4xl mx-auto mb-3\"><\/i>\r\n <p class=\"text-green-600 font-medium mb-1\">${this.files.length} dosya ba\u015far\u0131yla y\u00fcklendi<\/p>\r\n <p class=\"text-sm text-green-500\">Daha fazla dosya y\u00fcklemek i\u00e7in t\u0131klay\u0131n<\/p>\r\n `;\r\n \r\n setTimeout(() => {\r\n alan.innerHTML = `\r\n <i class=\"fas fa-cloud-upload-alt text-gray-400 text-4xl mx-auto mb-3\"><\/i>\r\n <p class=\"text-gray-600 font-medium mb-1\">Dosya Y\u00fckle<\/p>\r\n <p class=\"text-sm text-gray-500\">PDF, JPG, PNG - dosya ba\u015f\u0131na 10MB'a kadar<\/p>\r\n `;\r\n }, 3000);\r\n }\r\n });\r\n });\r\n });\r\n\r\n \/\/ Form g\u00f6nderimi\r\n const form = document.querySelector('form');\r\n if (form) {\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n const submitBtn = this.querySelector('button[type=\"submit\"]');\r\n const originalText = submitBtn.textContent;\r\n \r\n submitBtn.textContent = 'G\u00f6nderiliyor...';\r\n submitBtn.disabled = true;\r\n \r\n setTimeout(() => {\r\n alert('Vaka raporu ba\u015far\u0131yla g\u00f6nderildi!');\r\n submitBtn.textContent = originalText;\r\n submitBtn.disabled = false;\r\n form.reset();\r\n }, 2000);\r\n });\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Medikal Vaka Ar\u015fivi – Hasta Raporlar\u0131 Medikal Vaka Ar\u015fivi Hasta Raporlar\u0131 ve Tedavi Sonu\u00e7lar\u0131 Misafir Kullan\u0131c\u0131 WordPress Y\u00f6netici \u00c7\u0131k\u0131\u015f Y\u00f6netici Giri\u015fi Vaka Raporlar\u0131n\u0131 G\u00f6r\u00fcnt\u00fcle Vaka Se\u00e7in Vaka #MR-2024-001 – Otoimm\u00fcn \u0130mm\u00fcnomod\u00fclasyon Protokol\u00fcVaka #MR-2024-002 – Nadir Hastal\u0131k i\u00e7in Genetik TerapiVaka #MR-2024-003 – H\u00fccresel Rejenerasyon TedavisiVaka #MR-2023-045 – Kombine Terap\u00f6tik Yakla\u015f\u0131mVaka #MR-2023-032 – N\u00f6rolojik M\u00fcdahale \u00c7al\u0131\u015fmas\u0131 Vaka […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2061","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mastenresearch.com\/de\/wp-json\/wp\/v2\/pages\/2061","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mastenresearch.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mastenresearch.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mastenresearch.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mastenresearch.com\/de\/wp-json\/wp\/v2\/comments?post=2061"}],"version-history":[{"count":0,"href":"https:\/\/mastenresearch.com\/de\/wp-json\/wp\/v2\/pages\/2061\/revisions"}],"wp:attachment":[{"href":"https:\/\/mastenresearch.com\/de\/wp-json\/wp\/v2\/media?parent=2061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}