\n
\n {% load i18n %}\n{% load static %}\n{% load moldpark_extras %}\n<!DOCTYPE html>\n<html lang="tr">\n<head>\n <meta charset="UTF-8">\n <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">\n <meta name="csrf-token" content="{{ csrf_token }}">\n \n <!-- SEO ve Meta Tag'ler -->\n <meta name="description" content="{% block description %}MoldPark - T\u00fcrkiye'nin en geli\u015fmi\u015f kulak kal\u0131b\u0131 \u00fcretim ve y\u00f6netim sistemi. \u0130\u015fitme merkezleri ve \u00fcretici merkezler i\u00e7in profesyonel \u00e7\u00f6z\u00fcmler.{% endblock %}">\n <meta name="keywords" content="{% block keywords %}kulak kal\u0131b\u0131, i\u015fitme cihaz\u0131, kal\u0131p \u00fcretimi, moldpark, i\u015fitme merkezi, kulak kal\u0131b\u0131 \u00fcretimi{% endblock %}">\n <meta name="author" content="MoldPark">\n <meta name="robots" content="{% block robots %}index, follow{% endblock %}">\n \n <!-- Open Graph / Facebook -->\n <meta property="og:type" content="website">\n <meta property="og:url" content="{% block og_url %}{{ request.build_absolute_uri }}{% endblock %}">\n <meta property="og:title" content="{% block og_title %}MoldPark - Kulak Kal\u0131b\u0131 Y\u00f6netim Sistemi{% endblock %}">\n <meta property="og:description" content="{% block og_description %}MoldPark ile kulak kal\u0131b\u0131 \u00fcretim s\u00fcrecinizi dijitalle\u015ftirin. \u0130\u015fitme merkezleri ve \u00fcretici merkezler i\u00e7in tasarlanm\u0131\u015f modern y\u00f6netim sistemi.{% endblock %}">\n <meta property="og:image" content="{% block og_image %}{% static 'images/moldpark_logo.jpg' %}{% endblock %}">\n \n <!-- Twitter -->\n <meta property="twitter:card" content="summary_large_image">\n <meta property="twitter:url" content="{% block twitter_url %}{{ request.build_absolute_uri }}{% endblock %}">\n <meta property="twitter:title" content="{% block twitter_title %}MoldPark - Kulak Kal\u0131b\u0131 Y\u00f6netim Sistemi{% endblock %}">\n <meta property="twitter:description" content="{% block twitter_description %}MoldPark ile kulak kal\u0131b\u0131 \u00fcretim s\u00fcrecinizi dijitalle\u015ftirin. Profesyonel \u00e7\u00f6z\u00fcmler.{% endblock %}">\n <meta property="twitter:image" content="{% block twitter_image %}{% static 'images/moldpark_logo.jpg' %}{% endblock %}">\n \n <!-- Canonical URL -->\n <link rel="canonical" href="{% block canonical %}{{ request.build_absolute_uri }}{% endblock %}">\n \n <title>{% block title %}MoldPark - Kulak Kal\u0131b\u0131 Y\u00f6netim Sistemi{% endblock %}</title>\n \n <!-- Favicon -->\n <link rel="icon" type="image/x-icon" href="{% static 'favicon.ico' %}">\n \n <!-- Google Fonts -->\n <link rel="preconnect" href="https://fonts.googleapis.com">\n <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>\n <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">\n \n <!-- Bootstrap CSS -->\n <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">\n <!-- Font Awesome -->\n <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">\n <!-- Custom CSS -->\n <link rel="stylesheet" href="{% static 'css/custom.css' %}?v=4.2">\n \n <!-- Navbar Modern CSS -->\n <style>\n /* T\u00fcm sayfa arka plan\u0131 */\n body {\n background: #FFD15C !important;\n min-height: 100vh;\n }\n \n .content-wrapper {\n background: #FFD15C;\n }\n \n .navbar-modern {\n background: #FFD15C !important;\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n }\n \n .navbar-modern .navbar-brand {\n font-weight: 700;\n font-size: 1.5rem;\n color: #000000 !important;\n text-shadow: none;\n }\n \n .navbar-modern .navbar-nav .nav-link {\n color: #000000 !important;\n font-weight: 500;\n font-size: 0.95rem;\n padding: 0.75rem 1rem;\n margin: 0 0.25rem;\n border-radius: 8px;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .navbar-modern .navbar-nav .nav-link:hover {\n color: #000000 !important;\n background: rgba(0, 0, 0, 0.05);\n transform: translateY(-1px);\n }\n \n .navbar-modern .navbar-nav .nav-link.active {\n background: rgba(0, 0, 0, 0.1);\n color: #000000 !important;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n }\n \n .navbar-modern .btn-primary {\n background: linear-gradient(135deg, #ff6b6b, #ee5a24);\n border: none;\n font-weight: 600;\n padding: 0.75rem 1.5rem;\n border-radius: 50px;\n box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);\n transition: all 0.3s ease;\n }\n \n .navbar-modern .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(255, 107, 107, 0.6);\n }\n \n .navbar-modern .btn-success {\n background: linear-gradient(135deg, #00d2ff, #3a7bd5);\n border: none;\n font-weight: 600;\n padding: 0.75rem 1.5rem;\n border-radius: 50px;\n box-shadow: 0 4px 15px rgba(0, 210, 255, 0.4);\n }\n \n .notification-badge {\n position: relative;\n top: -8px;\n right: -6px;\n font-size: 0.6rem;\n animation: pulse 2s infinite;\n }\n \n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.2); }\n 100% { transform: scale(1); }\n }\n \n .dropdown-menu-modern {\n border: none;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\n border-radius: 16px;\n backdrop-filter: blur(10px);\n background: rgba(255, 255, 255, 0.95);\n }\n \n .brand-logo {\n transition: all 0.3s ease;\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));\n }\n \n .brand-logo:hover {\n transform: scale(1.05);\n }\n \n .navbar-shadow {\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n background: rgba(255, 255, 255, 0.95) !important;\n backdrop-filter: blur(10px);\n }\n \n .user-dropdown-modern {\n width: 280px;\n border-radius: 12px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\n }\n \n .nav-item-divider {\n height: 1px;\n background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);\n margin: 0.5rem 0;\n }\n \n .mobile-user-header-modern {\n background: rgba(0, 0, 0, 0.05);\n border-radius: 12px;\n margin: 1rem;\n padding: 1rem;\n color: #000000;\n }\n \n .language-switcher-modern .dropdown-item {\n padding: 0.75rem 1rem;\n border-radius: 8px;\n margin: 0.25rem;\n transition: all 0.3s ease;\n }\n \n .language-switcher-modern .dropdown-item:hover {\n background: rgba(0, 0, 0, 0.05);\n transform: translateX(2px);\n }\n \n .language-switcher-modern .dropdown-item.active {\n background: rgba(0, 0, 0, 0.1);\n color: #000000;\n }\n \n /* Navbar icon ve badge renkleri */\n .navbar-modern .navbar-nav .nav-link i,\n .navbar-modern .navbar-nav .nav-link .fas,\n .navbar-modern .navbar-nav .nav-link .fa {\n color: #000000 !important;\n }\n \n .navbar-modern .dropdown-toggle::after {\n border-top-color: #000000;\n }\n \n /* Navbar toggler icon */\n .navbar-modern .navbar-toggler {\n border-color: rgba(0, 0, 0, 0.2);\n }\n \n .navbar-modern .navbar-toggler-icon {\n background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");\n }\n \n /* Mobile quick actions butonlar\u0131 */\n .navbar-modern .btn-link {\n color: #000000 !important;\n }\n \n .navbar-modern .btn-link:hover {\n color: #000000 !important;\n opacity: 0.7;\n }\n \n /* Dropdown men\u00fc renkleri */\n .navbar-modern .dropdown-menu {\n background: #FFD15C;\n border: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n .navbar-modern .dropdown-item {\n color: #000000;\n }\n \n .navbar-modern .dropdown-item:hover {\n background: rgba(0, 0, 0, 0.1);\n color: #000000;\n }\n \n .navbar-modern .dropdown-header {\n color: #000000;\n font-weight: 600;\n }\n \n /* Badge renkleri navbar i\u00e7inde */\n .navbar-modern .badge {\n color: white;\n }\n \n /* Dropdown i\u00e7indeki text renkleri */\n .navbar-modern .dropdown-menu .text-muted {\n color: #666666 !important;\n }\n \n .navbar-modern .dropdown-menu .text-primary {\n color: #000000 !important;\n }\n \n .navbar-modern .dropdown-menu .text-success {\n color: #28a745 !important;\n }\n \n .navbar-modern .dropdown-menu .bg-light {\n background-color: rgba(0, 0, 0, 0.05) !important;\n }\n \n .navbar-modern .dropdown-menu hr {\n border-color: rgba(0, 0, 0, 0.1);\n }\n \n /* User dropdown icon */\n .navbar-modern .fa-user-circle {\n color: #000000 !important;\n }\n \n /* Dropdown i\u00e7indeki icon'lar */\n .navbar-modern .dropdown-menu .fas,\n .navbar-modern .dropdown-menu .fa {\n color: #000000;\n }\n \n /* Responsive improvements */\n @media (max-width: 991.98px) {\n .navbar-modern {\n background: #FFD15C !important;\n }\n \n .navbar-modern .navbar-nav .nav-link {\n margin: 0.25rem 0;\n text-align: center;\n border-radius: 8px;\n }\n \n .dropdown-menu-modern {\n width: 100%;\n margin: 0.5rem 0;\n }\n }\n\n /* Kargo durumu alert'ini kal\u0131c\u0131 hale getir */\n .permanent-alert {\n animation: none !important;\n opacity: 1 !important;\n display: block !important;\n visibility: visible !important;\n transition: none !important;\n }\n\n /* Otomatik gizlenme animasyonlar\u0131n\u0131 engelle */\n .permanent-alert.fade {\n opacity: 1 !important;\n }\n </style>\n \n {% block extra_css %}{% endblock %}\n \n <!-- Accessibility ve Tema Rengi -->\n <meta name="theme-color" content="#F5B427" media="(prefers-color-scheme: light)">\n <meta name="theme-color" content="#1e1b4b" media="(prefers-color-scheme: dark)">\n <meta name="color-scheme" content="light dark">\n</head>\n<body>\n <!-- Skip Navigation Link for Accessibility -->\n <a href="#main-content" class="visually-hidden-focusable skip-link position-absolute top-0 start-0 z-3 btn btn-primary">\n Ana i\u00e7eri\u011fe ge\u00e7\n </a>\n \n <!-- Modern Navbar -->\n <nav class="navbar navbar-expand-lg navbar-light navbar-modern" role="navigation" aria-label="Ana navigasyon">\n <div class="container">\n <!-- Logo -->\n <a class="navbar-brand d-flex align-items-center" href="{% if user.is_authenticated %}{% url 'accounts:smart_home_redirect' %}{% else %}{% url 'core:home' %}{% endif %}" title="{% if user.is_authenticated %}Dashboard{% else %}Ana Sayfa{% endif %}">\n <img src="{% static 'images/moldpark_logo.jpg' %}" alt="MoldPark Logo" \n class="me-2 brand-logo shadow-lg" \n style="width: 120px; height: 50px; object-fit: contain; border-radius: 8px;">\n </a>\n \n <!-- Mobile Quick Actions -->\n <div class="d-flex d-lg-none align-items-center gap-2">\n {% if user.is_authenticated %}\n <!-- Yeni Kal\u0131p butonu (sadece i\u015fitme merkezleri i\u00e7in, \u00fcretici merkezler g\u00f6rmesin) -->\n {% if user.center and not user.producer %}\n <a href="{% url 'mold:mold_create' %}" class="btn btn-primary btn-sm">\n <i class="fas fa-plus"></i>\n </a>\n {% endif %}\n \n <!-- Bildirimler (mobile) -->\n <div class="dropdown">\n <button class="btn btn-link p-1" type="button" data-bs-toggle="dropdown">\n <i class="fas fa-bell"></i>\n {% if unread_notifications > 0 %}\n <span class="position-absolute translate-middle badge rounded-pill bg-danger" style="top: 8px; left: 20px; font-size: 0.6rem;">\n {{ unread_notifications }}\n </span>\n {% endif %}\n </button>\n <ul class="dropdown-menu dropdown-menu-end">\n <li class="dropdown-header">Bildirimler</li>\n <li><a class="dropdown-item" href="{% url 'core:simple_notifications' %}">T\u00fcm Bildirimler</a></li>\n </ul>\n </div>\n {% endif %}\n </div>\n \n <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">\n <span class="navbar-toggler-icon"></span>\n </button>\n \n <div class="collapse navbar-collapse" id="navbarNav">\n <!-- Mobile User Header -->\n <div class="d-lg-none border-bottom pb-3 mb-3 mt-3 mobile-user-header-modern">\n {% if user.is_authenticated %}\n <div class="d-flex align-items-center">\n <i class="fas fa-user-circle fs-2 me-3" style="color: #000000;"></i>\n <div>\n <div class="fw-bold">\n {% if user.producer %}\n {{ user.producer.company_name }}\n {% elif user.center %}\n {{ user.center.name }}\n {% else %}\n {{ user.username }}\n {% endif %}\n </div>\n <small style="color: #666666;">\n {% if user.producer %}\u00dcretici Merkez\n {% elif user.center %}\u0130\u015fitme Merkezi\n {% elif user.is_staff %}Sistem Y\u00f6neticisi\n {% endif %}\n </small>\n </div>\n </div>\n {% endif %}\n </div>\n \n <!-- Producer Navigation -->\n {% if user.is_authenticated and user.producer %}\n <ul class="navbar-nav me-auto mb-2 mb-lg-0">\n <li class="nav-item">\n <a class="nav-link" href="{% url 'producer:dashboard' %}">\n <i class="fas fa-home me-1"></i>Dashboard\n </a>\n </li>\n <li class="nav-item">\n <a class="nav-link {% if 'mold' in request.resolver_match.url_name %}active{% endif %}" \n href="{% url 'producer:mold_list' %}">\n <i class="fas fa-cube me-1"></i>Kal\u0131plar\n </a>\n </li>\n <li class="nav-item">\n <a class="nav-link" href="{% url 'producer:revision_requests' %}">\n <i class="fas fa-edit me-1"></i>Revizyonlar\n </a>\n </li>\n <li class="nav-item">\n <a class="nav-link {% if 'message' in request.resolver_match.url_name %}active{% endif %}" \n href="{% url 'core:message_list' %}" onclick="clearMessageBadges()">\n <i class="fas fa-envelope me-1"></i>Mesajlar\n {% if unread_message_count > 0 %}\n <span class="badge bg-danger ms-1 message-badge">{{ unread_message_count }}</span>\n {% endif %}\n </a>\n </li>\n </ul>\n {% endif %}\n \n <ul class="navbar-nav">\n {% if not user.is_authenticated %}\n <!-- Misafir -->\n <li class="nav-item"><a class="nav-link" href="{% url 'core:pricing' %}">{% trans "Fiyatland\u0131rma" %}</a></li>\n <li class="nav-item"><a class="nav-link" href="{% url 'core:help_center' %}">{% trans "Yard\u0131m Merkezi" %}</a></li>\n {% else %}\n {% if user.is_staff %}\n <!-- Admin -->\n <li class="nav-item"><a class="nav-link" href="{% url 'core:admin_dashboard' %}"><i class="fas fa-tachometer-alt me-1"></i>{% trans "Dashboard" %}</a></li>\n <li class="nav-item"><a class="nav-link {% if 'message' in request.resolver_match.url_name %}active{% endif %}" href="{% url 'core:message_list' %}" onclick="clearMessageBadges()"><i class="fas fa-envelope me-1"></i>{% trans "Mesajlar" %}{% if unread_message_count > 0 %}<span class="badge bg-danger ms-1 message-badge">{{ unread_message_count }}</span>{% endif %}</a></li>\n {% elif user.producer %}\n <!-- \u00dcretici - Sol men\u00fc zaten var, burada tekrarlama -->\n {% else %}\n <!-- \u0130\u015fitme Merkezi -->\n <li class="nav-item"><a class="nav-link" href="{% url 'center:dashboard' %}"><i class="fas fa-home me-1"></i>{% trans "Dashboard" %}</a></li>\n <li class="nav-item"><a class="nav-link" href="{% url 'mold:mold_list' %}"><i class="fas fa-cube me-1"></i>{% trans "Kal\u0131plar\u0131m" %}</a></li>\n <li class="nav-item"><a class="nav-link {% if 'message' in request.resolver_match.url_name %}active{% endif %}" href="{% url 'core:message_list' %}" onclick="clearMessageBadges()"><i class="fas fa-envelope me-1"></i>{% trans "Mesajlar" %}{% if unread_message_count > 0 %}<span class="badge bg-danger ms-1 message-badge">{{ unread_message_count }}</span>{% endif %}</a></li>\n {% endif %}\n <!-- Bildirimler -->\n <li class="nav-item dropdown">\n <a class="nav-link dropdown-toggle position-relative" href="#" id="notificationDropdown" role="button" data-bs-toggle="dropdown">\n <i class="fas fa-bell me-1"></i>{% trans "Bildirimler" %}\n {% if unread_notifications > 0 %}<span class="badge bg-danger ms-1 notification-badge">{{ unread_notifications }}</span>{% endif %}\n </a>\n <ul class="dropdown-menu dropdown-menu-end dropdown-menu-modern shadow-lg" style="width: 320px; max-height: 400px; overflow-y: auto;">\n <li class="dropdown-header d-flex justify-content-between align-items-center">\n <span>{% trans "Bildirimler" %}</span>\n {% if unread_notifications > 0 %}<span class="badge bg-primary">{{ unread_notifications }}</span>{% endif %}\n </li>\n {% if unread_notifications > 0 %}\n <li><button class="dropdown-item text-success" onclick="markAllNotificationsReadFromDropdown()" type="button"><i class="fas fa-check-double me-2"></i>{% trans "T\u00fcm\u00fcn\u00fc okundu i\u015faretle" %}</button></li>\n <li><hr class="dropdown-divider"></li>\n {% endif %}\n {% for notification in user.simple_notifications.all|slice:":4" %}\n <li>\n <a class="dropdown-item py-2 {% if not notification.is_read %}bg-light{% endif %}" href="{% url 'core:notification_redirect' notification.id %}">\n <div class="d-flex align-items-start">\n <i class="{{ notification.get_icon }} text-{{ notification.get_color }} me-2 mt-1 fs-6"></i>\n <div class="flex-grow-1">\n <div class="fw-semibold small">{{ notification.title|truncatechars:25 }}</div>\n <small class="text-muted">{{ notification.message|truncatechars:40 }}</small>\n <div class="text-muted" style="font-size: 0.65rem;">{{ notification.created_at|timesince }} \u00f6nce {% if not notification.is_read %}<span class="text-primary">\u2022 Yeni</span>{% endif %}</div>\n </div>\n </div>\n </a>\n </li>\n {% empty %}\n <li><div class="dropdown-item-text text-center text-muted py-3"><i class="fas fa-bell-slash mb-2"></i><br><small>Hen\u00fcz bildirim yok</small></div></li>\n {% endfor %}\n <li><hr class="dropdown-divider"></li>\n <li><a class="dropdown-item text-center text-primary small" href="{% url 'core:simple_notifications' %}">T\u00fcm\u00fcn\u00fc g\u00f6r\u00fcnt\u00fcle</a></li>\n </ul>\n </li>\n {% endif %}\n </ul>\n \n <!-- Sa\u011f taraf - Yeni Kal\u0131p butonu ve Kullan\u0131c\u0131 men\u00fcs\u00fc -->\n <ul class="navbar-nav">\n <!-- Language Switcher -->\n <li class="nav-item dropdown me-2">\n <a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">\n <i class="fas fa-globe me-1"></i>\n {% get_current_language as LANGUAGE_CODE %}\n {% if LANGUAGE_CODE == 'tr' %}\ud83c\uddf9\ud83c\uddf7 TR{% elif LANGUAGE_CODE == 'en' %}\ud83c\uddfa\ud83c\uddf8 EN{% else %}{{ LANGUAGE_CODE|upper }}{% endif %}\n </a>\n <ul class="dropdown-menu dropdown-menu-end dropdown-menu-modern language-switcher-modern shadow-lg border-0" aria-labelledby="languageDropdown">\n {% get_available_languages as LANGUAGES %}\n {% get_language_info_list for LANGUAGES as languages %}\n <!-- Debug: Current language: {{ LANGUAGE_CODE }} -->\n {% for language in languages %}\n <li>\n <!-- Debug: Language: {{ language.code }} - {{ language.name_local }} -->\n <form action="{% url 'set_language' %}" method="post" style="display: inline;" onsubmit="return validateLanguageForm(this);">\n {% csrf_token %}\n <input name="next" type="hidden" value="{{ request.get_full_path }}" />\n <input name="language" type="hidden" value="{{ language.code }}" />\n <button type="submit" class="dropdown-item {% if language.code == LANGUAGE_CODE %}active{% endif %}">\n {% if language.code == 'tr' %}\ud83c\uddf9\ud83c\uddf7 T\u00fcrk\u00e7e{% elif language.code == 'en' %}\ud83c\uddfa\ud83c\uddf8 English{% else %}{{ language.name_local|title }}{% endif %}\n </button>\n </form>\n </li>\n {% endfor %}\n </ul>\n </li>\n \n {% if user.is_authenticated %}\n <!-- Yeni Kal\u0131p butonu (sadece normal i\u015fitme merkezleri i\u00e7in, admin ve \u00fcretici merkezler g\u00f6rmesin) -->\n {% if user.is_superuser %}\n <li class="nav-item me-2">\n <a class="btn btn-success" href="{% url 'core:financial_dashboard' %}">\n <i class="fas fa-chart-line me-1"></i>Finansal Dashboard\n </a>\n </li>\n {% endif %}\n {% if user.center and not user.producer and not user.is_staff and not user.is_superuser %}\n <li class="nav-item me-2">\n <a class="btn btn-primary" href="{% url 'mold:mold_create' %}">\n <i class="fas fa-plus me-1"></i>Yeni Kal\u0131p\n </a>\n </li>\n {% endif %}\n \n <!-- Kullan\u0131c\u0131 dropdown men\u00fcs\u00fc -->\n <li class="nav-item dropdown">\n <a class="nav-link d-flex align-items-center" href="#" id="userDropdown" role="button" data-bs-toggle="dropdown">\n <i class="fas fa-user-circle fs-5"></i>\n <span class="d-none d-md-inline ms-2">\n {% if user.producer %}\n {{ user.producer.company_name|truncatechars:15 }}\n {% elif user.center %}\n {{ user.center.name|truncatechars:15 }}\n {% else %}\n {{ user.username }}\n {% endif %}\n </span>\n </a>\n <ul class="dropdown-menu dropdown-menu-end user-dropdown-modern">\n <li class="dropdown-header">\n <small class="text-muted">\n {% if user.producer %}\u00dcretici Merkez{% elif user.center %}\u0130\u015fitme Merkezi{% elif user.is_staff %}Sistem Y\u00f6neticisi{% endif %}\n </small>\n </li>\n <li><hr class="dropdown-divider"></li>\n \n {% if user.producer %}\n <li><a class="dropdown-item" href="{% url 'producer:dashboard' %}"><i class="fas fa-home me-2"></i>{% trans "Dashboard" %}</a></li>\n <li><a class="dropdown-item" href="{% url 'producer:profile' %}"><i class="fas fa-user me-2"></i>{% trans "Profil Ayarlar\u0131" %}</a></li>\n <li><a class="dropdown-item" href="{% url 'producer:network_list' %}"><i class="fas fa-network-wired me-2"></i>{% trans "A\u011f Y\u00f6netimi" %}</a></li>\n {% elif user.center %}\n <li><a class="dropdown-item" href="{% url 'center:dashboard' %}"><i class="fas fa-home me-2"></i>{% trans "Dashboard" %}</a></li>\n <li><a class="dropdown-item" href="{% url 'center:profile' %}"><i class="fas fa-user me-2"></i>{% trans "Profil Ayarlar\u0131" %}</a></li>\n <li><a class="dropdown-item" href="{% url 'core:subscription_dashboard' %}"><i class="fas fa-credit-card me-2"></i>{% trans "Abonelik" %}</a></li>\n {% elif user.is_staff %}\n <li><a class="dropdown-item" href="{% url 'core:admin_dashboard' %}"><i class="fas fa-tachometer-alt me-2"></i>{% trans "Admin Dashboard" %}</a></li>\n <li><a class="dropdown-item" href="{% url 'core:admin_financial_control_panel' %}"><i class="fas fa-chart-line me-2"></i>{% trans "Finansal Kontrol" %}</a></li>\n <li><a class="dropdown-item" href="/admin/" target="_blank"><i class="fas fa-cog me-2"></i>{% trans "Django Admin Paneli" %}</a></li>\n {% endif %}\n \n <li><hr class="dropdown-divider"></li>\n <li><a class="dropdown-item" href="{% url 'core:help_center' %}"><i class="fas fa-question-circle me-2"></i>{% trans "Yard\u0131m Merkezi" %}</a></li>\n <li><hr class="dropdown-divider"></li>\n \n {% if user.producer %}\n <li><a class="dropdown-item text-danger" href="{% url 'producer:logout' %}"><i class="fas fa-sign-out-alt me-2"></i>{% trans "\u00c7\u0131k\u0131\u015f Yap" %}</a></li>\n {% else %}\n <li><a class="dropdown-item text-danger" href="{% url 'account_logout' %}"><i class="fas fa-sign-out-alt me-2"></i>{% trans "\u00c7\u0131k\u0131\u015f Yap" %}</a></li>\n {% endif %}\n </ul>\n </li>\n {% else %}\n <!-- Misafir kullan\u0131c\u0131lar i\u00e7in kay\u0131t ve giri\u015f -->\n <li class="nav-item me-2">\n <div class="dropdown">\n <button class="btn btn-outline-dark dropdown-toggle" type="button" data-bs-toggle="dropdown">\n <i class="fas fa-user-plus me-1"></i>{% trans "Kay\u0131t Ol" %}\n </button>\n <ul class="dropdown-menu dropdown-menu-end shadow-lg border-0">\n <li>\n <a class="dropdown-item py-3" href="{% url 'account_signup' %}">\n <div class="d-flex align-items-center">\n <i class="fas fa-clinic-medical me-3 text-primary fs-5"></i>\n <div>\n <div class="fw-semibold">{% trans "\u0130\u015fitme Merkezi" %}</div>\n <small class="text-muted">{% trans "Kal\u0131p sipari\u015fi vermek i\u00e7in" %}</small>\n </div>\n </div>\n </a>\n </li>\n <li><hr class="dropdown-divider"></li>\n <li>\n <a class="dropdown-item py-3" href="{% url 'producer:register' %}">\n <div class="d-flex align-items-center">\n <i class="fas fa-industry me-3 text-success fs-5"></i>\n <div>\n <div class="fw-semibold">{% trans "\u00dcretici Merkez" %}</div>\n <small class="text-muted">{% trans "Kal\u0131p \u00fcretimi yapmak i\u00e7in" %}</small>\n </div>\n </div>\n </a>\n </li>\n </ul>\n </div>\n </li>\n <li class="nav-item">\n <a class="btn btn-dark" href="{% url 'account_login' %}">\n <i class="fas fa-sign-in-alt me-1"></i>{% trans "Giri\u015f Yap" %}\n </a>\n </li>\n {% endif %}\n </ul>\n </div>\n </div>\n </nav>\n\n <!-- Navbar Bildirim JavaScript -->\n <script>\n function markAllNotificationsReadFromDropdown() {\n if (confirm('{% trans "T\u00fcm bildirimleri okundu olarak i\u015faretlemek istedi\u011finizden emin misiniz?" %}')) {\n const csrfToken = getCsrfToken();\n if (!csrfToken) {\n showToast('CSRF token bulunamad\u0131. Sayfay\u0131 yenileyin.', 'error');\n return;\n }\n \n fetch('/notifications/mark-all-read/', {\n method: 'POST',\n headers: {\n 'X-CSRFToken': csrfToken,\n 'X-Requested-With': 'XMLHttpRequest',\n 'Content-Type': 'application/x-www-form-urlencoded'\n },\n body: 'csrfmiddlewaretoken=' + encodeURIComponent(csrfToken)\n })\n .then(response => {\n console.log('Response status:', response.status);\n \n // Yan\u0131t\u0131n JSON olup olmad\u0131\u011f\u0131n\u0131 kontrol et\n const contentType = response.headers.get('content-type');\n if (!contentType || !contentType.includes('application/json')) {\n console.warn('Response is not JSON:', contentType);\n return response.text().then(text => {\n console.log('HTML Response:', text);\n if (response.ok) {\n // HTML yan\u0131t al\u0131nd\u0131ysa da ba\u015far\u0131l\u0131 kabul et\n return { success: true, message: '\u0130\u015flem tamamland\u0131' };\n }\n throw new Error('Server returned HTML instead of JSON');\n });\n }\n \n return response.json();\n })\n .then(data => {\n if (data.success) {\n // Navbar'daki t\u00fcm bildirim badge'lerini g\u00fcncelle\n const count = data.unread_count || 0;\n updateNotificationBadges(count);\n \n // Dropdown'u kapat\n const dropdown = bootstrap.Dropdown.getInstance(document.getElementById('notificationDropdown'));\n if (dropdown) {\n dropdown.hide();\n }\n \n // Ba\u015far\u0131 mesaj\u0131 g\u00f6ster\n showToast('T\u00fcm bildirimler okundu olarak i\u015faretlendi!', 'success');\n \n console.log('Updated notification count to:', count);\n \n // Sayfay\u0131 yenile (g\u00fcncel bildirimler i\u00e7in)\n setTimeout(() => {\n location.reload();\n }, 500);\n }\n })\n .catch(error => {\n console.error('Fetch Error:', error);\n showToast('Bir hata olu\u015ftu: ' + error.message, 'error');\n });\n }\n }\n\n function clearMessageBadges() {\n // Mesaj linkine t\u0131kland\u0131\u011f\u0131nda badge'leri gizle\n const messageBadges = document.querySelectorAll('.message-badge');\n messageBadges.forEach(badge => {\n badge.style.display = 'none';\n });\n }\n\n function updateNotificationBadges(count) {\n console.log('updateNotificationBadges called with count:', count);\n \n // Navbar'daki bildirim dropdown badge'ini g\u00fcncelle\n const notificationLink = document.querySelector('#notificationDropdown');\n if (notificationLink) {\n const existingBadge = notificationLink.querySelector('.badge');\n console.log('Found notification link, existing badge:', existingBadge);\n \n if (count > 0) {\n if (existingBadge) {\n existingBadge.textContent = count;\n existingBadge.style.display = 'inline';\n console.log('Updated existing badge to:', count);\n } else {\n // Yeni badge olu\u015ftur\n const newBadge = document.createElement('span');\n newBadge.className = 'badge bg-danger ms-1';\n newBadge.textContent = count;\n notificationLink.appendChild(newBadge);\n console.log('Created new badge with count:', count);\n }\n } else {\n // Badge'i gizle veya kald\u0131r\n if (existingBadge) {\n existingBadge.style.display = 'none';\n console.log('Hidden existing badge');\n }\n }\n } else {\n console.log('Notification link not found!');\n }\n\n // Dropdown header'daki badge'i g\u00fcncelle \n const dropdownHeaderBadge = document.querySelector('.dropdown-header .badge');\n if (dropdownHeaderBadge) {\n if (count > 0) {\n dropdownHeaderBadge.textContent = count;\n dropdownHeaderBadge.style.display = 'inline';\n } else {\n dropdownHeaderBadge.style.display = 'none';\n }\n console.log('Updated dropdown header badge');\n }\n }\n\n function showToast(message, type = 'info') {\n // Basit toast mesaj\u0131 g\u00f6ster\n console.log(`Toast [${type}]: ${message}`);\n \n // E\u011fer bootstrap toast varsa kullan, yoksa alert\n if (typeof bootstrap !== 'undefined' && bootstrap.Toast) {\n // Toast container olu\u015ftur (e\u011fer yoksa)\n let toastContainer = document.querySelector('.toast-container');\n if (!toastContainer) {\n toastContainer = document.createElement('div');\n toastContainer.className = 'toast-container position-fixed top-0 end-0 p-3';\n document.body.appendChild(toastContainer);\n }\n \n // Toast olu\u015ftur\n const toastHtml = `\n <div class="toast" role="alert" aria-live="assertive" aria-atomic="true">\n <div class="toast-header">\n <strong class="me-auto">${type === 'success' ? 'Ba\u015far\u0131l\u0131' : type === 'error' ? 'Hata' : 'Bilgi'}</strong>\n <button type="button" class="btn-close" data-bs-dismiss="toast"></button>\n </div>\n <div class="toast-body">${message}</div>\n </div>\n `;\n toastContainer.insertAdjacentHTML('beforeend', toastHtml);\n \n const toastElement = toastContainer.lastElementChild;\n const toast = new bootstrap.Toast(toastElement);\n toast.show();\n \n // Toast kapand\u0131ktan sonra DOM'dan kald\u0131r\n toastElement.addEventListener('hidden.bs.toast', () => {\n toastElement.remove();\n });\n } else {\n // Fallback: alert kullan\n alert(message);\n }\n }\n\n function getCsrfToken() {\n try {\n // Form'dan al\n const token = document.querySelector('[name=csrfmiddlewaretoken]');\n if (token && token.value) {\n return token.value;\n }\n \n // Meta tag'den al\n const metaToken = document.querySelector('meta[name="csrf-token"]');\n if (metaToken) {\n return metaToken.getAttribute('content');\n }\n \n // Cookie'den al\n const cookies = document.cookie.split(';');\n for (let cookie of cookies) {\n const [name, value] = cookie.trim().split('=');\n if (name === 'csrftoken') {\n return value;\n }\n }\n \n // Script tag'den al (son se\u00e7enek)\n const scriptTags = document.querySelectorAll('script');\n for (let script of scriptTags) {\n const content = script.textContent || script.innerText;\n const match = content.match(/csrftoken['"]\\s*:\\s*['"]([^'"]+)['"]/);\n if (match) {\n return match[1];\n }\n }\n } catch (error) {\n console.error('Error getting CSRF token:', error);\n }\n \n return '';\n }\n\n function showToast(message, type = 'info') {\n // Bootstrap toast yoksa basit alert kullan\n if (typeof bootstrap !== 'undefined' && bootstrap.Toast) {\n // Bootstrap toast kodu buraya eklenebilir\n alert(message);\n } else {\n alert(message);\n }\n }\n\n // Global anchor link koruma sistemi - DOMException hatalar\u0131n\u0131 \u00f6nler\n document.addEventListener('DOMContentLoaded', function() {\n // T\u00fcm anchor linkler i\u00e7in global koruma\n document.querySelectorAll('a[href^="#"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n const href = this.getAttribute('href');\n \n // Bo\u015f href veya sadece # i\u00e7eren linkleri g\u00fcvenli \u015fekilde kontrol et\n if (!href || href === '#' || href.length <= 1) {\n // Bootstrap dropdown, modal vb. i\u00e7in href="#" gerekli olabilir\n // Bu durumda event'i durdurmuyoruz\n return;\n }\n \n // Ge\u00e7erli ID format\u0131n\u0131 kontrol et (HTML5 standartlar\u0131na uygun)\n if (!/^#[a-zA-Z][\\w-]*$/.test(href)) {\n console.warn('Invalid anchor href:', href);\n e.preventDefault();\n return;\n }\n \n try {\n // querySelector'i g\u00fcvenli \u015fekilde kullan\n const target = document.querySelector(href);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n } catch (error) {\n console.error('Error in anchor link handler:', error, 'href:', href);\n e.preventDefault();\n }\n });\n });\n });\n </script>\n\n <!-- Messages -->\n {% if messages %}\n <div class="container mt-3">\n {% for message in messages %}\n <div class="alert alert-{{ message.tags }} alert-dismissible fade show shadow-sm border-0 rounded-3">\n <div class="d-flex align-items-center">\n {% if message.tags == 'success' %}\n <i class="fas fa-check-circle me-2 text-success"></i>\n {% elif message.tags == 'error' or message.tags == 'danger' %}\n <i class="fas fa-exclamation-circle me-2 text-danger"></i>\n {% elif message.tags == 'warning' %}\n <i class="fas fa-exclamation-triangle me-2 text-warning"></i>\n {% else %}\n <i class="fas fa-info-circle me-2 text-info"></i>\n {% endif %}\n <div class="flex-grow-1">{{ message }}</div>\n </div>\n <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Uyar\u0131y\u0131 kapat" title="Uyar\u0131y\u0131 kapat"></button>\n </div>\n {% endfor %}\n </div>\n {% endif %}\n\n <!-- Content -->\n <main id="main-content" class="content-wrapper" role="main">\n {% block content %}{% endblock %}\n </main>\n\n <!-- Footer -->\n <footer class="glass-card mt-auto">\n <div class="container py-5">\n <div class="row">\n <div class="col-lg-3 col-md-6 mb-4">\n <h6 class="fw-bold mb-3">{% trans "Platform" %}</h6>\n <ul class="list-unstyled">\n <li class="mb-2"><a href="{% url 'core:pricing' %}" class="text-muted text-decoration-none hover-primary">{% trans "Fiyatland\u0131rma" %}</a></li>\n <li class="mb-2"><a href="{% url 'core:features' %}" class="text-muted text-decoration-none hover-primary">{% trans "\u00d6zellikler" %}</a></li>\n <li class="mb-2"><a href="{% url 'producer:register' %}" class="text-muted text-decoration-none hover-primary">{% trans "Kay\u0131t Ol" %}</a></li>\n </ul>\n </div>\n <div class="col-lg-3 col-md-6 mb-4">\n <h6 class="fw-bold mb-3">{% trans "Hizmetler" %}</h6>\n <ul class="list-unstyled">\n <li class="mb-2"><a href="{% url 'core:features' %}#ai-modeling" class="text-muted text-decoration-none hover-primary">{% trans "AI Modelleme" %}</a></li>\n <li class="mb-2"><a href="{% url 'core:features' %}#fast-production" class="text-muted text-decoration-none hover-primary">{% trans "H\u0131zl\u0131 \u00dcretim" %}</a></li>\n <li class="mb-2"><a href="{% url 'core:features' %}#quality-control" class="text-muted text-decoration-none hover-primary">{% trans "Kalite Kontrol" %}</a></li>\n <li class="mb-2"><a href="{% url 'core:contact' %}" class="text-muted text-decoration-none hover-primary">{% trans "7/24 Destek" %}</a></li>\n </ul>\n </div>\n <div class="col-lg-3 col-md-6 mb-4">\n <h6 class="fw-bold mb-3">{% trans "Destek" %}</h6>\n <ul class="list-unstyled">\n <li class="mb-2"><a href="{% url 'core:contact' %}" class="text-muted text-decoration-none hover-primary">{% trans "\u0130leti\u015fim" %}</a></li>\n <li class="mb-2"><a href="{% url 'core:help_center' %}" class="text-muted text-decoration-none hover-primary">{% trans "Yard\u0131m Merkezi" %}</a></li>\n <li class="mb-2"><a href="{% url 'core:documentation' %}" class="text-muted text-decoration-none hover-primary">{% trans "Dok\u00fcmantasyon" %}</a></li>\n <li class="mb-2"><a href="{% url 'core:documentation' %}" class="text-muted text-decoration-none hover-primary">{% trans "API" %}</a></li>\n </ul>\n </div>\n <div class="col-lg-3 col-md-6 mb-4">\n <h6 class="fw-bold mb-3">{% trans "\u0130leti\u015fim" %}</h6>\n <ul class="list-unstyled">\n <li class="mb-2">\n <i class="fas fa-envelope me-2 text-primary"></i>\n <small class="text-muted">info@moldpark.com</small>\n </li>\n <li class="mb-2">\n <i class="fas fa-phone me-2 text-primary"></i>\n <small class="text-muted">0462 841 41 46 - 0544 221 92 84</small>\n </li>\n <li class="mb-2">\n <i class="fas fa-map-marker-alt me-2 text-primary"></i>\n <small class="text-muted">Vakf\u0131kebir/Trabzon</small>\n </li>\n </ul>\n </div>\n </div>\n <hr class="my-4 opacity-25">\n <div class="row align-items-center">\n <div class="col-md-6">\n <p class="text-muted mb-0">© {% now "Y" %} MoldPark. {% trans "T\u00fcm haklar\u0131 sakl\u0131d\u0131r." %}</p>\n </div>\n <div class="col-md-6 text-md-end">\n <small class="text-muted">{% trans "Global g\u00fcvenilir kulak kal\u0131b\u0131 platformu" %}</small>\n </div>\n </div>\n </div>\n </footer>\n\n <!-- jQuery -->\n <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>\n <!-- Bootstrap JS -->\n <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>\n <!-- Custom JS -->\n <script src="{% static 'js/custom.js' %}"></script>\n \n <!-- Language Switcher Validation -->\n <script>\n function validateLanguageForm(form) {\n const languageInput = form.querySelector('input[name="language"]');\n const allowedLanguages = ['tr', 'en'];\n \n console.log('Language form submission:', {\n languageValue: languageInput ? languageInput.value : 'undefined',\n formAction: form.action,\n nextValue: form.querySelector('input[name="next"]')?.value\n });\n \n if (!languageInput || !allowedLanguages.includes(languageInput.value)) {\n console.error('Invalid language code:', languageInput ? languageInput.value : 'undefined');\n return false;\n }\n\n // Otomatik dil y\u00f6nlendirme d\u00fczeltmesi\n // E\u011fer kullan\u0131c\u0131 \u0130ngilizce (/en/...) bir sayfadan T\u00fcrk\u00e7e'ye ge\u00e7mek istiyorsa\n // next parametresindeki '/en/' \u00f6n ekini kald\u0131r ki LocaleMiddleware yeniden 'en' moduna ge\u00e7mesin\n if (languageInput.value === 'tr') {\n const nextInput = form.querySelector('input[name="next"]');\n if (nextInput && nextInput.value.startsWith('/en/')) {\n nextInput.value = nextInput.value.replace(/^\\/en\\//, '/');\n console.log('Next path dil \u00f6n eki kald\u0131r\u0131ld\u0131:', nextInput.value);\n }\n }\n\n return true;\n }\n \n // Prevent any invalid language submissions\n document.addEventListener('DOMContentLoaded', function() {\n const languageForms = document.querySelectorAll('form[action*="set_language"]');\n languageForms.forEach(form => {\n form.addEventListener('submit', function(e) {\n if (!validateLanguageForm(this)) {\n e.preventDefault();\n console.error('Language form validation failed');\n }\n });\n });\n });\n </script>\n \n {% block extra_js %}{% endblock %}\n</body>\n</html> \n
\n