<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <meta name="theme-color" content="#26a69a">
    <meta name="description" content="Bozok Express işletme ve market yönetim paneli">
    <title>Bozok Express - İşletme Paneli</title>
    <link rel="icon" href="/assets/bozokexlogo.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Material+Icons+Outlined">
    <link rel="manifest" href="/manifest.json">
    <link rel="apple-touch-icon" href="/assets/tunkamobil.png">
  <script type="module" crossorigin src="/assets/index-vym7XXqh.js"></script>
  <link rel="stylesheet" crossorigin href="/assets/index-c1BYzwby.css">
</head>
<body>
    <div id="app">
        <!-- Login Screen (admin panel ile uyumlu: sol görsel + yan yana giriş) -->
        <div id="loginScreen" class="screen active">
            <div class="login-layout">
                <aside class="login-hero-panel" aria-hidden="true">
                    <img src="/assets/login-hero.png" alt="" class="login-hero-image" width="1520" height="1200" decoding="async">
                </aside>
                <div class="login-main-panel">
                    <div class="login-container">
                        <div class="login-card">
                            <div class="logo">
                                <img src="/assets/tunkamobil.png" alt="Bozok Express Logo" class="logo-image">
                                <h1 class="login-welcome-title">Merhaba! Tekrar hoş geldin</h1>
                                <p class="login-welcome-sub">İşletme paneline devam etmek için Google hesabınla oturum aç.</p>
                            </div>
                            <div class="login-actions">
                                <button type="button" id="googleLoginBtn" class="btn btn-primary">Google ile Giriş</button>
                                <p class="login-hint">Bu cihazda daha önce giriş yaptıysanız oturum otomatik sürebilir — farklı hesap için panelden <strong>Çıkış</strong> yapın veya Google ile girişte hesap seçin. Yalnızca yetkili işletme/market hesapları giriş yapabilir. Açılan pencerede <strong>giriş yapacağınız hesabı</strong> seçin; panel, Google’ın o an ilettiği e-posta ile açılır (takma adres yerine ana Gmail görünebilir).</p>
                            </div>
                            <div id="loginError" class="error-message"></div>
                            <p class="login-footer-copy">© <span id="loginYear"></span> Bozok Express</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Dashboard Screen -->
        <div id="dashboardScreen" class="screen">
            <header class="header">
                <div class="header-content">
                    <div class="header-left">
                        <button id="mobileMenuBtn" class="mobile-menu-btn" aria-label="Menü">
                            <span></span>
                            <span></span>
                            <span></span>
                        </button>
                        <button id="menuCollapseBtn" class="btn btn-secondary btn-icon menu-collapse-btn" type="button" title="Menüyü Aç/Kapat">
                            <span id="menuCollapseIcon" class="material-icons-outlined">menu_open</span>
                        </button>
                        <img src="/assets/tunkamobil.png" alt="Bozok Express Logo" class="header-logo">
                        <div class="header-orders-toolbar">
                            <button id="enableNotificationsBtnOrders" class="btn btn-icon btn-notification" style="display: none;" type="button" title="Bildirimleri Aç">
                                <span class="material-icons-outlined">notifications</span>
                            </button>
                            <button id="disableNotificationsBtnOrders" class="btn btn-icon btn-notification" style="display: none;" type="button" title="Bildirimleri Kapat">
                                <span class="material-icons-outlined">notifications_off</span>
                            </button>
                            <button id="addOrderBtn" class="btn btn-primary btn-add-order" type="button">
                                <span class="material-icons-outlined">add</span> Yeni Sipariş
                            </button>
                        </div>
                    </div>
                    <div class="header-center">
                        <h1 id="headerBusinessName" class="header-title"></h1>
                    </div>
                    <div class="user-info">
                        <label class="header-switch">
                            <input type="checkbox" id="headerTemporaryClose">
                            <span class="header-switch-slider"></span>
                            <span class="header-switch-text">Bugün Kapalıyız</span>
                        </label>
                        <span id="userEmail" class="user-email"></span>
                        <button id="logoutBtn" class="btn btn-secondary">Çıkış Yap</button>
                    </div>
                </div>
            </header>

            <div class="dashboard-body">
                <!-- Navigation -->
                <nav class="main-nav sidebar-nav" id="mainNav">
                    <div class="nav-content">
                        <button class="nav-btn active" data-page="orders">
                            <span class="material-icons-outlined">receipt_long</span> <span class="nav-btn-text">Sipariş Yönetimi</span>
                        </button>
                        <button class="nav-btn" data-page="allOrders">
                            <span class="material-icons-outlined">list_alt</span> <span class="nav-btn-text">Siparişler</span>
                        </button>
                        <button class="nav-btn" data-page="profile">
                            <span class="material-icons-outlined">person</span> <span class="nav-btn-text">Profil</span>
                        </button>
                        <button class="nav-btn" data-page="products">
                            <span class="material-icons-outlined">inventory_2</span> <span class="nav-btn-text">Ürün Yönetimi</span>
                        </button>
                        <button class="nav-btn" data-page="hours">
                            <span class="material-icons-outlined">schedule</span> <span class="nav-btn-text">Çalışma Saatleri</span>
                        </button>
                        <button class="nav-btn" data-page="categories">
                            <span class="material-icons-outlined">category</span> <span class="nav-btn-text">Kategori Yönetimi</span>
                        </button>
                        <button class="nav-btn" data-page="reports">
                            <span class="material-icons-outlined">insights</span> <span class="nav-btn-text">Raporlar</span>
                        </button>
                        <button class="nav-btn" data-page="invoice">
                            <span class="material-icons-outlined">account_balance_wallet</span> <span class="nav-btn-text">Ödeme özeti</span>
                        </button>
                        <button class="nav-btn" data-page="customers">
                            <span class="material-icons-outlined">groups</span> <span class="nav-btn-text">Müşteriler</span>
                        </button>
                        <button class="nav-btn" data-page="blacklist">
                            <span class="material-icons-outlined">block</span> <span class="nav-btn-text">Kara Liste</span>
                        </button>
                        <button class="nav-btn" data-page="reviews">
                            <span class="material-icons-outlined">rate_review</span> <span class="nav-btn-text">Yorumlar</span>
                        </button>
                        <button class="nav-btn" data-page="integrations">
                            <span class="material-icons-outlined">link</span> <span class="nav-btn-text">Entegrasyon</span>
                        </button>
                    </div>
                </nav>

                <main class="main-content">
                <!-- Profile Page -->
                <div id="profilePage" class="page">
                    <div class="business-profile-section">
                        <div class="profile-card">
                            <div class="profile-header">
                                <h2>İşletme Profili</h2>
                            </div>
                            
                            <div class="profile-content">
                                <!-- Photo Upload -->
                                <div class="photo-upload-section">
                                    <div class="photo-preview">
                                        <img id="businessPhoto" src="" alt="İşletme Fotoğrafı" style="display: none;">
                                        <div id="photoPlaceholder" class="photo-placeholder">
                                            <svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                                <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
                                                <circle cx="8.5" cy="8.5" r="1.5"></circle>
                                                <polyline points="21 15 16 10 5 21"></polyline>
                                            </svg>
                                            <p>Fotoğraf Yükleyin</p>
                                        </div>
                                    </div>
                                    <div class="photo-upload-controls">
                                        <input type="file" id="photoInput" accept="image/*" style="display: none;">
                                        <button type="button" id="uploadPhotoBtn" class="btn btn-secondary">Fotoğraf Yükle</button>
                                        <button type="button" id="removePhotoBtn" class="btn btn-danger" style="display: none;">Fotoğrafı Kaldır</button>
                                    </div>
                                    <div id="photoUploadProgress" class="upload-progress" style="display: none;">
                                        <div class="progress-bar">
                                            <div class="progress-fill" id="progressFill"></div>
                                        </div>
                                        <span id="progressText">0%</span>
                                    </div>
                                </div>

                                <!-- Business Info Form -->
                                <form id="businessInfoForm" class="business-form">
                                    <div class="form-row">
                                        <div class="form-group">
                                            <label for="businessName">İşletme Adı <span class="required-asterisk">*</span></label>
                                            <input type="text" id="businessName" required>
                                        </div>
                                        <div class="form-group">
                                            <label for="phoneNumber">Telefon <span class="required-asterisk">*</span></label>
                                            <input type="tel" id="phoneNumber" required>
                                        </div>
                                    </div>
                                    

                                    <div class="form-row">
                                        <div class="form-group">
                                            <label for="city">İl <span class="required-asterisk">*</span></label>
                                            <select id="city" required>
                                                <option value="">İl Seçiniz</option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label for="district">İlçe <span class="required-asterisk">*</span></label>
                                            <select id="district" required disabled>
                                                <option value="">Önce il seçiniz</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-row">
                                        <div class="form-group">
                                            <label for="address">Detaylı Adres</label>
                                            <textarea id="address" rows="3" placeholder="Mahalle, sokak, bina no vb."></textarea>
                                        </div>
                                    </div>

                                    <div class="form-row">
                                        <div class="form-group">
                                            <label for="minimumOrderAmount">Minimum Sepet Tutarı (₺)</label>
                                            <input type="text" id="minimumOrderAmount" value="300" readonly class="input-readonly" aria-readonly="true">
                                            <small class="form-hint">Sistem genelinde sabit <strong>300 ₺</strong>. Kaydettiğinizde veritabanına bu değer yazılır.</small>
                                        </div>
                                    </div>

                                    <div class="form-actions">
                                        <button type="submit" class="btn btn-primary">Bilgileri Kaydet</button>
                                        <div id="saveMessage" class="save-message"></div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Products Page -->
                <div id="productsPage" class="page">
                    <div class="products-section">
                        <div class="section-header orders-sticky-header">
                            <h2>Ürün Yönetimi</h2>
                            <div class="section-actions">
                                <button id="exportProductsJsonBtn" class="btn btn-secondary">JSON İndir</button>
                                <button id="importProductsJsonBtn" class="btn btn-secondary">JSON Yükle</button>
                                <button id="importProductsExcelBtn" class="btn btn-secondary">Excel Yükle</button>
                                <input type="file" id="productsJsonInput" accept="application/json" style="display: none;">
                                <input type="file" id="productsExcelInput" accept=".xlsx,.xls" style="display: none;">
                                <button id="addProductBtn" class="btn btn-primary">+ Yeni Ürün Ekle</button>
                            </div>
                        </div>
                        <div class="products-search-row">
                            <span class="material-icons-outlined products-search-icon">search</span>
                            <input type="text" id="productsSearchInput" class="products-search-input" placeholder="Ürün ara (ad, kategori, açıklama)...">
                        </div>
                        <div id="categoryFilterButtons" class="category-filter-buttons">
                            <!-- Category buttons will be loaded here -->
                        </div>
                        <div id="productsList" class="products-grid">
                            <!-- Products will be loaded here -->
                        </div>
                    </div>
                </div>

                <!-- Customers Page -->
                <div id="customersPage" class="page">
                    <div class="orders-section">
                        <div class="section-header orders-sticky-header">
                            <h2>Müşteriler</h2>
                            <div class="section-actions">
                                <button id="addCustomerBtn" class="btn btn-primary">+ Müşteri Ekle</button>
                            </div>
                        </div>
                        <div id="customersList" class="orders-list">
                            <!-- Customers will be loaded here -->
                        </div>
                        <div id="emptyCustomersMessage" class="empty-state" style="display: none;">
                            <div class="empty-state-icon">👥</div>
                            <p>Henüz müşteri bulunmamaktadır.</p>
                        </div>
                    </div>
                </div>
                
                <!-- Blacklist Page -->
                <div id="blacklistPage" class="page">
                    <div class="orders-section">
                        <div class="section-header orders-sticky-header">
                            <h2>Kara Liste</h2>
                        </div>
                        <p class="form-hint" style="margin: 0 0 12px 0;">
                            Kara listeye eklenen numaraların siparişleri otomatik olarak iptal edilir ve sebep olarak “Kara Liste” yazılır.
                        </p>
                        <div class="form-row" style="margin-bottom: 12px; gap: 12px;">
                            <div class="form-group" style="flex: 1;">
                                <label for="blacklistPhone">Telefon</label>
                                <input type="tel" id="blacklistPhone" placeholder="0555 123 45 67">
                            </div>
                            <div class="form-group" style="flex: 1;">
                                <label for="blacklistReason">Sebep</label>
                                <input type="text" id="blacklistReason" placeholder="Örn: Spam, yanlış sipariş">
                            </div>
                            <div class="form-group" style="display: flex; align-items: flex-end;">
                                <button id="addBlacklistBtn" class="btn btn-primary">+ Ekle</button>
                            </div>
                        </div>
                        <div id="blacklistList" class="orders-list">
                            <!-- Blacklist will be loaded here -->
                        </div>
                        <div id="emptyBlacklistMessage" class="empty-state" style="display: none;">
                            <div class="empty-state-icon">⛔</div>
                            <p>Henüz kara liste kaydı yok.</p>
                        </div>
                    </div>
                </div>

                <!-- Reviews Page -->
                <div id="reviewsPage" class="page">
                    <div class="orders-section">
                        <div class="section-header orders-sticky-header reviews-header">
                            <h2>Müşteri Yorumları</h2>
                            <span id="reviewsAverageRating" class="reviews-average-badge"></span>
                        </div>
                        <p class="form-hint" style="margin: 0 0 16px 0;">
                            Bozok Express mobil uygulamasından yapılan yorumlar. Yorumlara cevap yazabilirsiniz.
                        </p>
                        <div id="reviewsList" class="reviews-list">
                            <!-- Reviews will be loaded here -->
                        </div>
                        <div id="emptyReviewsMessage" class="empty-state" style="display: none;">
                            <div class="empty-state-icon">💬</div>
                            <p>Henüz yorum bulunmamaktadır.</p>
                        </div>
                    </div>
                </div>

                <!-- Integrations Page -->
                <div id="integrationsPage" class="page">
                    <div class="orders-section">
                        <div class="section-header orders-sticky-header">
                            <h2>Entegrasyon</h2>
                        </div>
                        <div class="integrations-modern-grid">
                            <div class="integrations-modern-card">
                                <div class="integrations-modern-head">
                                    <h3>Entegrasyon eşleştirmesi</h3>
                                    <p class="form-hint">Paketmatik işletme kodunu girip eşleştirmeyi kaydedin.</p>
                                </div>
                                <form id="paketmatikMappingForm">
                                    <div class="form-row">
                                        <div class="form-group integration-form-field">
                                            <label for="paketmatikIsletmeKodu">İşletme kodu</label>
                                            <input type="text" id="paketmatikIsletmeKodu" class="input-compact" placeholder="İşletme kodu" required autocomplete="off">
                                        </div>
                                    </div>
                                    <div class="form-actions integrations-form-actions">
                                        <button type="submit" class="btn btn-primary" id="paketmatikMappingSubmitBtn">Eşleştirmeyi Kaydet</button>
                                        <span id="paketmatikMappingMessage" class="save-message"></span>
                                    </div>
                                </form>
                            </div>

                            <div class="integrations-modern-card integrations-modern-card-wide">
                                <div class="integrations-modern-head">
                                    <h3>Mevcut entegrasyonlar</h3>
                                </div>
                                <div id="paketmatikMappingsList" class="orders-list integrations-list-compact">
                                    <!-- Mappings loaded here -->
                                </div>
                                <div id="emptyPaketmatikMappings" class="empty-state integrations-empty-state" style="display: none;">
                                    <p>Henüz eşleştirme yok. Yukarıdaki formdan ekleyebilirsiniz.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Working Hours Page -->
                <div id="hoursPage" class="page">
                    <div class="hours-section">
                        <div class="section-header">
                            <h2>Çalışma Saatleri & Kapalı Günler</h2>
                        </div>
                        
                        <div class="hours-card">
                            <h3>Haftalık Çalışma Saatleri</h3>
                            <form id="workingHoursForm">
                                <div id="weeklyHoursContainer" class="weekly-hours-container">
                                    <!-- Days will be added here -->
                                </div>
                                <div class="form-actions">
                                    <button type="submit" class="btn btn-primary">Çalışma Saatlerini Kaydet</button>
                                    <div id="hoursSaveMessage" class="save-message"></div>
                                </div>
                            </form>
                        </div>
                        
                    </div>
                </div>

                <!-- Categories Management Page -->
                <div id="categoriesPage" class="page">
                    <div class="categories-section">
                        <div class="section-header">
                            <h2>Kategori & Sıralama Yönetimi</h2>
                        </div>
                        
                        <div class="categories-card">
                            <div class="categories-header">
                                <h3>Kategoriler</h3>
                                <button type="button" id="addCategoryBtn" class="btn btn-primary btn-sm">+ Yeni Kategori Ekle</button>
                            </div>
                            <p class="section-description">Kategorileri sürükle-bırak ile sıralayın. Sıralama müşteri uygulamasında görünecektir.</p>
                            <div id="categoriesList" class="sortable-list">
                                <!-- Categories will be loaded here -->
                            </div>
                            <div id="emptyCategoriesMessage" class="empty-state" style="display: none;">
                                <p>Henüz kategori eklenmemiş. Yeni kategori eklemek için yukarıdaki butona tıklayın.</p>
                            </div>
                            <div class="form-actions">
                                <button type="button" id="saveCategoriesOrderBtn" class="btn btn-primary">Sıralamayı Kaydet</button>
                                <div id="categoriesSaveMessage" class="save-message"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Invoice Page: işletmeye yönelik ödeme özeti + PDF -->
                <div id="invoicePage" class="page">
                    <div class="invoice-section reports-section">
                        <div class="section-header">
                            <div class="reports-header-top">
                                <div>
                                    <h2>Ödeme özeti</h2>
                                    <p class="section-description invoice-intro">Bu dönemde size <strong>ne kalacağını</strong> ve <strong>Bozok Express / kurye yönetimi</strong> tarafına anlaşmaya göre <strong>ne kadar aktarmanız gerektiğini</strong> tek bakışta gösterir. Detaylı muhasebe belgesi değildir.</p>
                                </div>
                                <div class="reports-header-actions">
                                    <button type="button" id="exportInvoicePdfBtn" class="btn btn-secondary btn-export" disabled>
                                        <span class="material-icons-outlined" style="font-size: 18px; vertical-align: middle;">picture_as_pdf</span> PDF İndir
                                    </button>
                                </div>
                            </div>
                            <div class="report-quick-filters invoice-quick-filters">
                                <button type="button" class="invoice-quick-filter-btn active" data-invoice-period="today">Bugün</button>
                                <button type="button" class="invoice-quick-filter-btn" data-invoice-period="week">Bu Hafta</button>
                                <button type="button" class="invoice-quick-filter-btn" data-invoice-period="month">Bu Ay</button>
                            </div>
                            <div class="invoice-date-row report-filters">
                                <div class="invoice-date-field">
                                    <label for="invoiceStartDate">Başlangıç</label>
                                    <input type="date" id="invoiceStartDate" class="filter-date">
                                    <input type="time" id="invoiceStartTime" class="filter-date" value="00:00">
                                </div>
                                <div class="invoice-date-field">
                                    <label for="invoiceEndDate">Bitiş</label>
                                    <input type="date" id="invoiceEndDate" class="filter-date">
                                    <input type="time" id="invoiceEndTime" class="filter-date" value="23:59">
                                </div>
                                <button type="button" id="generateInvoiceBtn" class="btn btn-primary">Özeti Göster</button>
                            </div>
                        </div>
                        <div id="invoiceStatusMessage" class="invoice-status" style="display: none;"></div>
                        <div id="invoicePreview" class="invoice-preview-outer"></div>
                    </div>
                </div>

                <!-- Reports Page -->
                <div id="reportsPage" class="page">
                    <div class="reports-section">
                        <div class="section-header">
                            <div class="reports-header-top">
                                <div>
                                    <h2>Raporlar & İstatistikler</h2>
                                </div>
                                <div class="reports-header-actions">
                                    <button id="exportPdfBtn" class="btn btn-secondary btn-export" style="display: none;">
                                        <span>📄</span> PDF İndir
                                    </button>
                                </div>
                            </div>
                            <div class="report-quick-filters">
                                <button class="quick-filter-btn active" data-period="today">Bugün</button>
                                <button class="quick-filter-btn" data-period="week">Bu Hafta</button>
                                <button class="quick-filter-btn" data-period="month">Bu Ay</button>
                                <button class="quick-filter-btn" data-period="custom">Özel Tarih</button>
                            </div>
                            <div class="report-filters" id="customDateFilters" style="display: none;">
                                <input type="datetime-local" id="reportStartDate" class="filter-date" placeholder="Başlangıç Tarih/Saat">
                                <input type="datetime-local" id="reportEndDate" class="filter-date" placeholder="Bitiş Tarih/Saat">
                                <button id="generateReportBtn" class="btn btn-primary">Rapor Oluştur</button>
                            </div>
                        </div>
                        
                        <div class="reports-grid">
                            <div class="report-card accent-revenue">
                                <div class="report-card-header">
                                    <span class="report-card-icon">💰</span>
                                    <h3>Toplam Ciro</h3>
                                </div>
                                <div class="report-value" id="totalRevenue">0.00 ₺</div>
                                <div class="report-period" id="revenuePeriod"></div>
                            </div>
                            
                            <div class="report-card accent-orders">
                                <div class="report-card-header">
                                    <span class="report-card-icon">🧾</span>
                                    <h3>Toplam Sipariş</h3>
                                </div>
                                <div class="report-value" id="totalOrders">0</div>
                                <div class="report-period" id="ordersPeriod"></div>
                            </div>
                            
                            <div class="report-card accent-average">
                                <div class="report-card-header">
                                    <span class="report-card-icon">📈</span>
                                    <h3>Ortalama Sipariş Tutarı</h3>
                                </div>
                                <div class="report-value" id="averageOrder">0.00 ₺</div>
                            </div>
                        </div>

                        <div class="report-section">
                            <h3>Ödeme türüne göre</h3>
                            <p class="report-map-hint">Seçilen dönemde <strong>teslim edilmiş</strong> siparişler (teslim zamanına göre). Tüm ödeme türleri kart olarak listelenir; son kart genel toplamdır.</p>
                            <div id="reportPaymentMethods" class="report-payment-methods"></div>
                        </div>
                        
                        <div class="report-section">
                            <h3>Günlük Trendler</h3>
                            <div class="report-charts-grid">
                                <div class="report-chart-card">
                                    <div class="report-chart-title">Günlük Ciro</div>
                                    <div id="dailyRevenueChart" class="report-bar-chart"></div>
                                </div>
                                <div class="report-chart-card">
                                    <div class="report-chart-title">Günlük Sipariş Adedi</div>
                                    <div id="dailyOrdersChart" class="report-bar-chart"></div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="report-section">
                            <h3>Yoğun Saatler</h3>
                            <div id="busyHoursChart" class="busy-hours-chart">
                                <!-- Busy hours chart will be loaded here -->
                            </div>
                        </div>
                        <div class="report-section">
                            <h3>Sipariş Yoğunluk Isı Haritası</h3>
                            <p class="report-map-hint">Teslimat koordinatı olan siparişler için yoğunluk gösterilir. Harita yalnızca aşağıdaki düğmeyle yüklenir.</p>
                            <div id="reportHeatmapPrompt" class="report-heatmap-prompt">
                                <button type="button" class="btn btn-secondary report-heatmap-open-btn" id="reportHeatmapShowBtn">Isı haritasını göster</button>
                            </div>
                            <div id="reportHeatmapMapWrap" class="report-heatmap-map-wrap" style="display: none;">
                                <div id="reportHeatmapMap" class="report-heatmap-map"></div>
                                <div id="reportTopNeighborhoods" class="report-top-neighborhoods" style="display: none;"></div>
                                <div id="reportHeatmapEmpty" class="empty-state" style="display: none;">
                                    <p>Bu tarih aralığında harita için koordinat verisi bulunamadı.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Orders Page -->
                <div id="ordersPage" class="page active">
                    <div class="orders-section">
                        <div class="section-header">
                            <div class="orders-header-top">
                                <div class="orders-header-left">
                                    <h2>Sipariş Yönetimi</h2>
                                    <div id="pendingOrdersAlert" class="pending-orders-alert" style="display: none;">
                                        <span class="blinking-text">⚠️ <span id="pendingOrdersCountText">0</span> bekleyen sipariş var!</span>
                                    </div>
                                </div>
                                <div class="orders-header-right">
                                    <button type="button" class="btn btn-secondary btn-sm map-visibility-btn" id="ordersMapVisibilityBtn">Haritayi Kapat</button>
                                </div>
                            </div>
                        </div>
                        <div class="orders-content orders-content-resizable" id="ordersContentLayout">
                            <div class="orders-list-pane" id="ordersListPane">
                            <div id="ordersList" class="orders-list">
                                <!-- Orders will be loaded here -->
                            </div>
                            </div>
                            <div class="orders-splitter" id="ordersLayoutSplitter" role="separator" aria-orientation="vertical" aria-label="Tablo ve harita genişliğini ayarla" tabindex="0"></div>
                            <div class="orders-map-pane">
                            <div class="orders-map-card">
                                <div class="orders-map-header">
                                    <span>Harita</span>
                                    <label class="map-view-toggle">
                                        <span class="map-view-toggle-label">Genel görünüm</span>
                                        <input type="checkbox" id="mapViewModeToggle" aria-label="Harita görünüm modu">
                                        <span class="map-view-toggle-slider"></span>
                                        <span class="map-view-toggle-label">Sipariş detayı</span>
                                    </label>
                                </div>
                                <p id="mapViewModeDescription" class="map-view-description">
                                    Genel görünümde yalnızca paketi kabul edilmiş (Kuryede) siparişi olan kuryeler gösterilir. Tablodan siparişe tıklayınca sipariş detayına geçilir.
                                </p>
                                <div id="ordersMap" class="orders-map"></div>
                            </div>
                            </div>
                        </div>
                        <div id="emptyOrdersMessage" class="empty-state" style="display: none;">
                            <div class="empty-state-icon">📭</div>
                            <p>Henüz sipariş bulunmamaktadır.</p>
                        </div>
                    </div>
                </div>
                
                <!-- All Orders Page -->
                <div id="allOrdersPage" class="page">
                    <div class="orders-section">
                        <div class="section-header orders-sticky-header">
                            <h2>Siparişler</h2>
                        </div>
                        <div class="order-filter-buttons">
                            <button class="filter-btn all-orders-filter-btn active" data-filter="all">Tümü</button>
                            <button class="filter-btn all-orders-filter-btn" data-filter="pending">Bekleyen</button>
                            <button class="filter-btn all-orders-filter-btn" data-filter="confirmed">Onaylanan</button>
                            <button class="filter-btn all-orders-filter-btn" data-filter="kuryede">Kuryede</button>
                            <button class="filter-btn all-orders-filter-btn" data-filter="rejected">Reddedilen</button>
                            <button class="filter-btn all-orders-filter-btn" data-filter="cancelled">İptal</button>
                            <button class="filter-btn all-orders-filter-btn" data-filter="completed">Tamamlanan</button>
                        </div>
                        <div class="form-row" style="margin: 12px 0; gap: 12px; flex-wrap: wrap;">
                            <div class="form-group" style="flex: 1; min-width: 120px;">
                                <label for="allOrdersStartDate">Başlangıç</label>
                                <input type="date" id="allOrdersStartDate">
                            </div>
                            <div class="form-group" style="flex: 1; min-width: 120px;">
                                <label for="allOrdersEndDate">Bitiş</label>
                                <input type="date" id="allOrdersEndDate">
                            </div>
                            <div class="form-group" style="flex: 1; min-width: 140px;">
                                <label for="allOrdersCustomerFilter">Müşteri</label>
                                <input type="text" id="allOrdersCustomerFilter" placeholder="Ad, soyad veya telefon">
                            </div>
                            <div class="form-group" style="flex: 1; min-width: 140px;">
                                <label for="allOrdersCourierFilter">Kurye</label>
                                <input type="text" id="allOrdersCourierFilter" placeholder="Kurye adı">
                            </div>
                            <div class="form-group" style="display: flex; align-items: flex-end; gap: 8px;">
                                <button id="applyAllOrdersDateFilter" class="btn btn-secondary">Filtrele</button>
                                <button id="clearAllOrdersDateFilter" class="btn btn-secondary">Sıfırla</button>
                            </div>
                        </div>
                        <div id="allOrdersList" class="orders-list">
                            <!-- All orders will be loaded here -->
                        </div>
                        <div id="emptyAllOrdersMessage" class="empty-state" style="display: none;">
                            <div class="empty-state-icon">📭</div>
                            <p>Henüz sipariş bulunmamaktadır.</p>
                        </div>
                    </div>
                </div>

                </main>
            </div>

            <!-- Add Category Modal -->
            <div id="categoryModal" class="modal">
                <div class="modal-content">
                    <div class="modal-header">
                        <h3 id="categoryModalTitle">Yeni Kategori Ekle</h3>
                        <button class="modal-close" id="closeCategoryModalBtn">&times;</button>
                    </div>
                    <form id="categoryForm" class="category-form">
                        <input type="hidden" id="categoryEditId" value="">
                        <div class="form-group">
                            <label for="categoryName">Kategori Adı <span class="required-asterisk">*</span></label>
                            <input type="text" id="categoryName" required placeholder="Örn: Ana Yemek, İçecek, Tatlı">
                            <small class="form-hint">Kategori adı benzersiz olmalıdır.</small>
                        </div>
                        <div class="form-group">
                            <label>Kategori Görseli <span id="categoryImageRequiredMark" class="required-asterisk">*</span></label>
                            <div class="product-image-upload category-image-upload">
                                <div class="product-image-preview">
                                    <img id="categoryImagePreview" src="" alt="" style="display: none;">
                                    <div id="categoryImagePlaceholder" class="product-image-placeholder">
                                        <p>Görsel seçin</p>
                                    </div>
                                </div>
                                <input type="file" id="categoryImageInput" accept="image/*" style="display: none;">
                                <button type="button" id="uploadCategoryImageBtn" class="btn btn-secondary">Görsel Seç</button>
                            </div>
                            <small id="categoryImageHintText" class="form-hint">Müşteri uygulamasında kategori ile birlikte gösterilir. Yeni kategori için görsel zorunludur.</small>
                        </div>
                        <div class="form-actions">
                            <button type="button" class="btn btn-secondary" id="cancelCategoryBtn">İptal</button>
                            <button type="submit" class="btn btn-primary" id="categorySubmitBtn">Kategori Ekle</button>
                        </div>
                    </form>
                </div>
            </div>

            <!-- Reject Order Modal -->
            <div id="rejectOrderModal" class="modal">
                <div class="modal-content">
                    <div class="modal-header">
                        <h3>Siparişi Reddet</h3>
                        <button class="modal-close" id="closeRejectModalBtn">&times;</button>
                    </div>
                    <form id="rejectOrderForm" class="reject-order-form">
                        <div class="form-group">
                            <label for="rejectReasonType">Reddetme Sebebi <span class="required-asterisk">*</span></label>
                            <select id="rejectReasonType" class="form-select" required>
                                <option value="">Sebep seçin...</option>
                                <option value="stok_yok">Stokta Ürün Yok</option>
                                <option value="adres_ulasilamaz">Adrese Ulaşılamıyor</option>
                                <option value="musteri_ulasilamaz">Müşteriye Ulaşılamıyor</option>
                                <option value="fiyat_uygun_degil">Fiyat Uygun Değil</option>
                                <option value="hazirlanma_suresi_uzun">Hazırlanma Süresi Uzun</option>
                                <option value="diger">Diğer</option>
                            </select>
                        </div>
                        <div class="form-group" id="rejectReasonCustomGroup" style="display: none;">
                            <label for="rejectReason">Açıklama <span class="required-asterisk">*</span></label>
                            <textarea id="rejectReason" rows="4" placeholder="Reddetme sebebinizi detaylı olarak açıklayın..."></textarea>
                        </div>
                        <div class="form-actions">
                            <button type="button" class="btn btn-secondary" id="cancelRejectBtn">İptal</button>
                            <button type="submit" class="btn btn-danger">Siparişi Reddet</button>
                        </div>
                    </form>
                </div>
            </div>

            <!-- Add Order Modal -->
            <div id="addOrderModal" class="modal">
                <div class="modal-content add-order-modal-content">
                    <div class="modal-header">
                        <h3>Yeni Sipariş Ekle</h3>
                        <button class="modal-close" id="closeAddOrderModalBtn">&times;</button>
                    </div>
                    <form id="addOrderForm" class="add-order-form">
                        <!-- Müşteri Bilgileri -->
                        <div class="order-form-section">
                            <h4 class="section-title">Müşteri Bilgileri</h4>
                            <div class="form-row-compact">
                                <div class="form-group-compact customer-search-group" style="flex: 1; position: relative;">
                                    <label for="orderCustomerSearch">Müşteri Ara</label>
                                    <div class="customer-search-input-wrap">
                                        <span class="customer-search-icon" aria-hidden="true">👤</span>
                                        <input type="text" id="orderCustomerSearch" class="input-compact customer-search-input" placeholder="Ad, soyad, telefon veya adres ile ara" autocomplete="off">
                                        <span class="customer-search-badge">Kayitli</span>
                                    </div>
                                    <div id="orderCustomerSearchResults" class="customer-search-results" style="display: none;"></div>
                                    <small class="form-hint">Aynı kişinin birden fazla adresi olabilir, seçmek için tıklayın.</small>
                                </div>
                                <div class="form-group-compact" style="display: flex; align-items: center; gap: 8px;">
                                    <label style="display: flex; align-items: center; gap: 8px;">
                                        <input type="checkbox" id="saveCustomer">
                                        Müşteriyi kaydet
                                    </label>
                                </div>
                            </div>
                            <div class="form-row-compact">
                                <div class="form-group-compact">
                                    <label for="orderCustomerPhone">Telefon <span class="required-asterisk">*</span></label>
                                    <input type="text" id="orderCustomerPhone" required placeholder="05551234567" class="input-compact" inputmode="numeric" maxlength="11" autocomplete="off">
                                </div>
                                <div class="form-group-compact">
                                    <label for="orderCustomerFirstName">Ad <span class="required-asterisk">*</span></label>
                                    <input type="text" id="orderCustomerFirstName" required class="input-compact">
                                </div>
                            </div>
                            <div class="form-row-compact">
                                <div class="form-group-compact">
                                    <label for="orderPaymentMethod">Ödeme <span class="required-asterisk">*</span></label>
                                    <select id="orderPaymentMethod" required class="input-compact">
                                        <option value="">Seçiniz</option>
                                        <option value="kapıda_nakit">Kapıda Nakit</option>
                                        <option value="kapıda_kart">Kapıda Kart</option>
                                        <option value="online">Online Ödeme</option>
                                        <option value="yemeksepeti_online">Yemeksepeti Online</option>
                                        <option value="trendyol_online">Trendyol Online</option>
                                        <option value="getir_online">Getir Online</option>
                                        <option value="havale">Havale</option>
                                        <option value="ucretsiz">Ücretsiz</option>
                                    </select>
                                </div>
                                <div class="form-group-compact">
                                    <label for="orderManualTotal">Toplam Tutar (₺)</label>
                                    <input type="number" id="orderManualTotal" min="0" step="0.01" placeholder="Sadece tutar ile sipariş oluştur" class="input-compact">
                                </div>
                            </div>
                        </div>

                        <!-- Adres Bilgileri -->
                        <div class="order-form-section">
                            <h4 class="section-title">Adres Bilgileri</h4>
                            <div class="form-row-compact">
                                <div class="form-group-compact">
                                    <label for="orderNeighborhood">Mahalle <span class="required-asterisk">*</span></label>
                                    <input type="text" id="orderNeighborhood" required placeholder="Mahalle" class="input-compact">
                                </div>
                                <div class="form-group-compact">
                                    <label for="orderStreet">Sokak <span class="required-asterisk">*</span></label>
                                    <input type="text" id="orderStreet" required placeholder="Sokak" class="input-compact">
                                </div>
                            </div>
                            <div class="form-group-compact">
                                <label for="orderDeliveryAddress">Detaylı Adres</label>
                                <input type="text" id="orderDeliveryAddress" placeholder="Örn: Öz-Ka Anahtar Karşısı" class="input-compact">
                            </div>
                            <div class="form-group-compact">
                                <label>Harita</label>
                                <div id="orderAddressMap" class="order-address-map"></div>
                                <small class="form-hint">Haritadaki pini sürükleyip bırakarak adresi otomatik doldurun.</small>
                            </div>
                        </div>

                        <div class="form-row-compact" style="margin-top: 12px; flex-wrap: wrap; gap: 8px;">
                            <label style="display: flex; align-items: center; gap: 8px;">
                                <input type="checkbox" id="printReceipt">
                                Fişi Yazdır
                            </label>
                            <label style="display: flex; align-items: center; gap: 6px;">
                                <span>Kağıt:</span>
                                <select id="receiptPaperWidth" class="input-compact" style="width: auto;">
                                    <option value="58">58 mm</option>
                                    <option value="80" selected>80 mm</option>
                                </select>
                            </label>
                            <small class="form-hint" style="margin-left: 0;">İşaretlenirse yazdırma penceresi açılır.</small>
                        </div>
                        
                        <div class="form-actions">
                            <button type="button" class="btn btn-secondary" id="cancelAddOrderBtn">İptal</button>
                            <button type="submit" class="btn btn-primary">Siparişi Kaydet</button>
                        </div>
                    </form>
                </div>
            </div>

            <!-- Edit Order Modal -->
            <div id="editOrderModal" class="modal">
                <div class="modal-content">
                    <div class="modal-header">
                        <h3>Sipariş Düzenle</h3>
                        <button class="modal-close" id="closeEditOrderModalBtn">&times;</button>
                    </div>
                    <form id="editOrderForm" class="product-form">
                        <input type="hidden" id="editOrderId">
                        <div class="form-row">
                            <div class="form-group">
                                <label for="editOrderCustomerFirstName">Ad <span class="required-asterisk">*</span></label>
                                <input type="text" id="editOrderCustomerFirstName" required>
                            </div>
                            <div class="form-group">
                                <label for="editOrderCustomerLastName">Soyad</label>
                                <input type="text" id="editOrderCustomerLastName">
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label for="editOrderCustomerPhone">Telefon <span class="required-asterisk">*</span></label>
                                <input type="tel" id="editOrderCustomerPhone" required>
                            </div>
                            <div class="form-group">
                                <label for="editOrderPaymentMethod">Ödeme <span class="required-asterisk">*</span></label>
                                <select id="editOrderPaymentMethod" required>
                                    <option value="">Seçiniz</option>
                                    <option value="kapıda_nakit">Kapıda Nakit</option>
                                    <option value="kapıda_kart">Kapıda Kart</option>
                                    <option value="online">Online Ödeme</option>
                                    <option value="yemeksepeti_online">Yemeksepeti Online</option>
                                    <option value="trendyol_online">Trendyol Online</option>
                                    <option value="getir_online">Getir Online</option>
                                    <option value="havale">Havale</option>
                                    <option value="ucretsiz">Ücretsiz</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label for="editOrderNeighborhood">Mahalle <span class="required-asterisk">*</span></label>
                                <input type="text" id="editOrderNeighborhood" required>
                            </div>
                            <div class="form-group">
                                <label for="editOrderStreet">Sokak <span class="required-asterisk">*</span></label>
                                <input type="text" id="editOrderStreet" required>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="editOrderDeliveryAddress">Detaylı Adres</label>
                            <input type="text" id="editOrderDeliveryAddress" placeholder="Örn: Öz-Ka Anahtar Karşısı">
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label for="editOrderTotal">Toplam Tutar (₺) <span class="required-asterisk">*</span></label>
                                <input type="number" id="editOrderTotal" min="0" step="0.01" required>
                            </div>
                            <div class="form-group">
                                <label for="editOrderNote">Not</label>
                                <input type="text" id="editOrderNote" placeholder="Sipariş notu">
                            </div>
                        </div>
                        <div class="form-actions">
                            <button type="button" class="btn btn-secondary" id="cancelEditOrderBtn">İptal</button>
                            <button type="submit" class="btn btn-primary">Güncelle</button>
                        </div>
                    </form>
                </div>
            </div>

            <!-- Add/Edit Product Modal -->
            <div id="productModal" class="modal">
                <div class="modal-content">
                    <div class="modal-header">
                        <h3 id="modalTitle">Yeni Ürün Ekle</h3>
                        <button class="modal-close" id="closeModalBtn">&times;</button>
                    </div>
                    <form id="productForm" class="product-form">
                        <input type="hidden" id="productId">
                        
                        <!-- Product Image Upload -->
                        <div class="form-group">
                            <label>Ürün Görseli</label>
                            <div class="product-image-upload">
                                <div class="product-image-preview">
                                    <img id="productImagePreview" src="" alt="Ürün Görseli" style="display: none;">
                                    <div id="productImagePlaceholder" class="product-image-placeholder">
                                        <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                            <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
                                            <circle cx="8.5" cy="8.5" r="1.5"></circle>
                                            <polyline points="21 15 16 10 5 21"></polyline>
                                        </svg>
                                        <p>Görsel Yükleyin</p>
                                    </div>
                                </div>
                                <input type="file" id="productImageInput" accept="image/*" style="display: none;">
                                <button type="button" id="uploadProductImageBtn" class="btn btn-secondary">Görsel Yükle</button>
                                <button type="button" id="removeProductImageBtn" class="btn btn-danger" style="display: none;">Görseli Kaldır</button>
                                <div id="productImageUploadProgress" class="upload-progress" style="display: none;">
                                    <div class="progress-bar">
                                        <div class="progress-fill" id="productImageProgressFill"></div>
                                    </div>
                                    <span id="productImageProgressText">0%</span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="productName">Ürün Adı <span class="required-asterisk">*</span></label>
                            <input type="text" id="productName" required>
                        </div>
                        <div class="form-group">
                            <label for="productDescription">Açıklama</label>
                            <textarea id="productDescription" rows="3"></textarea>
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label for="productPrice">Fiyat (₺) <span class="required-asterisk">*</span></label>
                                <input type="number" id="productPrice" step="0.01" min="0" required>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="productCategory">Kategori <span class="required-asterisk">*</span></label>
                            <select id="productCategory" required>
                                <option value="">Kategori Seçiniz</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="productMaxOrderQuantity">Maksimum sipariş adedi (kısıt)</label>
                            <input type="number" id="productMaxOrderQuantity" min="1" step="1" placeholder="Boş = sınırsız">
                            <small class="form-hint">Müşteri bu üründen en fazla kaç adet sipariş verebilir. Boş bırakılırsa sınır olmaz.</small>
                        </div>
                        
                        <!-- Product Options/Variants -->
                        <div class="form-group">
                            <div class="options-header">
                                <label>Ürün Seçenekleri</label>
                                <button type="button" id="addOptionBtn" class="btn btn-secondary btn-sm">+ Seçenek Ekle</button>
                            </div>
                            <div id="productOptionsContainer" class="options-container">
                                <!-- Options will be added here dynamically -->
                            </div>
                            <small class="form-hint">Örnek: Boyut (Büyük boy, Orta boy) veya Acılılık (Acılı, Acısız). Hızlı fiyat butonlarını kullanın; fiyat farkı 0.00 formatında zorunludur (örn: 9.99, 10.99). Ucretsiz seçim için 0.00 kullanın.</small>
                        </div>
                        
                        <div id="productSaveMessage" class="save-message" style="margin: 10px 0;"></div>
                        <div class="form-actions">
                            <button type="button" class="btn btn-secondary" id="cancelProductBtn">İptal</button>
                            <button type="submit" class="btn btn-primary" id="submitProductBtn">Kaydet</button>
                        </div>
                    </form>
                </div>
            </div>

            <!-- Ürün promosyonu (paket içeriği + fiyatlar) -->
            <div id="productPromotionModal" class="modal">
                <div class="modal-content">
                    <div class="modal-header">
                        <h3>Ürün promosyonu</h3>
                        <button type="button" class="modal-close" id="closeProductPromotionModalBtn">&times;</button>
                    </div>
                    <form id="productPromotionForm" class="product-form">
                        <input type="hidden" id="promotionProductId" value="">
                        <div class="form-group">
                            <label for="promotionName">Promosyon adı <span class="required-asterisk">*</span></label>
                            <input type="text" id="promotionName" placeholder="Örn: Yanında iyi gider, Diğer ürünlerimiz">
                        </div>
                        <div class="form-group">
                            <div class="options-header">
                                <label>Promosyon içindeki ürünler ve fiyatları</label>
                                <button type="button" id="addPromotionItemBtn" class="btn btn-secondary btn-sm">+ Satır ekle</button>
                            </div>
                            <div id="promotionItemsContainer" class="promotion-items-container"></div>
                            <small class="form-hint">Listeden işletmedeki ürünü seçin; ürün adı ve fiyatı otomatik dolar. İsterseniz satırda manuel düzenleyebilirsiniz.</small>
                        </div>
                        <div id="productPromotionSaveMessage" class="save-message" style="margin: 8px 0;"></div>
                        <div class="form-actions">
                            <button type="button" class="btn btn-secondary" id="clearProductPromotionBtn">Promosyonu kaldır</button>
                            <button type="button" class="btn btn-secondary" id="cancelProductPromotionBtn">Kapat</button>
                            <button type="submit" class="btn btn-primary">Kaydet</button>
                        </div>
                    </form>
                </div>
            </div>
            
            <!-- Edit Customer Modal -->
            <div id="customerModal" class="modal">
                <div class="modal-content">
                    <div class="modal-header">
                        <h3>Müşteri Düzenle</h3>
                        <button class="modal-close" id="closeCustomerModalBtn">&times;</button>
                    </div>
                    <form id="customerForm" class="product-form">
                        <input type="hidden" id="customerId">
                        <div class="form-row">
                            <div class="form-group">
                                <label for="customerFirstName">Ad</label>
                                <input type="text" id="customerFirstName">
                            </div>
                            <div class="form-group">
                                <label for="customerLastName">Soyad</label>
                                <input type="text" id="customerLastName">
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label for="customerPhone">Telefon</label>
                                <input type="tel" id="customerPhone">
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label for="customerNeighborhood">Mahalle</label>
                                <input type="text" id="customerNeighborhood">
                            </div>
                            <div class="form-group">
                                <label for="customerAvenue">Cadde</label>
                                <input type="text" id="customerAvenue">
                            </div>
                            <div class="form-group">
                                <label for="customerStreet">Sokak</label>
                                <input type="text" id="customerStreet">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="customerAddressDetail">Detaylı Adres</label>
                            <input type="text" id="customerAddressDetail">
                        </div>
                        <div class="form-group">
                            <label>Harita</label>
                            <div id="customerAddressMap" class="order-address-map"></div>
                            <small class="form-hint">Haritadaki pini sürükleyip bırakarak adresi otomatik doldurun.</small>
                        </div>
                        <div class="form-actions">
                            <button type="button" class="btn btn-secondary" id="cancelCustomerBtn">İptal</button>
                            <button type="submit" class="btn btn-primary">Kaydet</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Uygulama Alert modal -->
    <div id="appAlertModal" class="app-system-modal" role="alertdialog" aria-modal="true">
        <div class="app-system-modal-backdrop"></div>
        <div class="app-system-modal-box">
            <div class="app-system-modal-icon" id="appAlertIcon"></div>
            <p class="app-system-modal-message" id="appAlertMessage"></p>
            <button type="button" class="btn btn-primary app-system-modal-btn" id="appAlertOkBtn">Tamam</button>
        </div>
    </div>
    <!-- Uygulama Confirm modal -->
    <div id="appConfirmModal" class="app-system-modal" role="alertdialog" aria-modal="true">
        <div class="app-system-modal-backdrop"></div>
        <div class="app-system-modal-box">
            <div class="app-system-modal-icon app-system-modal-icon-question" id="appConfirmIcon">
                <span class="material-icons-outlined">help_outline</span>
            </div>
            <p class="app-system-modal-message" id="appConfirmMessage"></p>
            <div class="app-system-modal-actions">
                <button type="button" class="btn btn-secondary" id="appConfirmNoBtn">Hayır</button>
                <button type="button" class="btn btn-primary" id="appConfirmYesBtn">Evet</button>
            </div>
        </div>
    </div>
    <!-- Toast bildirimi -->
    <div id="toast" class="toast" role="alert" aria-live="polite">
        <span class="toast-icon material-icons-outlined"></span>
        <span class="toast-message"></span>
    </div>

    <script>
        window.initOrdersMap = function () {
            if (window.__initOrdersMap) {
                window.__initOrdersMap();
            }
        };
    </script>
    <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBsSvli40V3QaCOwAiLkfXNa67nkkykTdA&callback=initOrdersMap&loading=async&libraries=places,visualization"></script>
</body>
</html>

