@extends('layouts.app')

@section('title', 'Ürün Fiyat Yönetimi')

@section('content')
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-full">
    <div class="sm:flex sm:items-center mb-6">
        <div class="sm:flex-auto">
            <h1 class="text-3xl font-semibold text-gray-900 dark:text-gray-100">Ürün Fiyat Yönetimi</h1>
            <p class="mt-2 text-sm text-gray-700 dark:text-gray-300">
                Tüm ürünlerin fiyatlarını tek bir sayfadan güncelleyin. Fiyatlar <strong class="text-gray-900 dark:text-gray-100">EUR (€)</strong> olarak kaydedilir ve WordPress'e gönderilirken otomatik olarak hedef para birimine çevrilir.
            </p>
        </div>
        <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none flex items-center gap-3">
            <a href="{{ route('product-prices.bulk-operations-history') }}" class="inline-flex items-center gap-2 rounded-lg bg-gray-600 hover:bg-gray-500 dark:bg-gray-600 dark:hover:bg-gray-500 px-4 py-2.5 text-sm font-semibold text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-gray-500 dark:focus:ring-gray-400 focus:ring-offset-2 transition-all duration-200" title="Toplu İşlem Geçmişi">
                <i class="fas fa-eye"></i>Toplu İşlem Geçmişi
            </a>
            <button onclick="openCurrencyMultipliersModal()" class="inline-flex items-center gap-2 rounded-lg bg-indigo-600 hover:bg-indigo-500 dark:bg-indigo-600 dark:hover:bg-indigo-500 px-4 py-2.5 text-sm font-semibold text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-400 focus:ring-offset-2 transition-all duration-200">
                <i class="fas fa-coins"></i>Para Birimi Çarpanları
            </button>
            <a href="{{ route('product-prices.download-template') }}" class="inline-flex items-center gap-2 rounded-lg bg-blue-600 hover:bg-blue-500 dark:bg-blue-600 dark:hover:bg-blue-500 px-4 py-2.5 text-sm font-semibold text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 focus:ring-offset-2 transition-all duration-200">
                <i class="fas fa-download"></i>Örnek Excel İndir
            </a>
            <button onclick="document.getElementById('csvFileInput').click()" class="inline-flex items-center gap-2 rounded-lg bg-purple-600 hover:bg-purple-500 dark:bg-purple-600 dark:hover:bg-purple-500 px-4 py-2.5 text-sm font-semibold text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-purple-500 dark:focus:ring-purple-400 focus:ring-offset-2 transition-all duration-200">
                <i class="fas fa-upload"></i>CSV Yükle
            </button>
            <input type="file" id="csvFileInput" accept=".csv,.xlsx,.xls" class="hidden" onchange="handleCsvUpload(event)">
            <button onclick="saveAllPrices()" id="saveAllBtn" class="inline-flex items-center gap-2 rounded-lg bg-green-600 hover:bg-green-500 dark:bg-green-600 dark:hover:bg-green-500 px-4 py-2.5 text-sm font-semibold text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-green-500 dark:focus:ring-green-400 focus:ring-offset-2 transition-all duration-200 disabled:bg-gray-400 dark:disabled:bg-gray-600 disabled:cursor-not-allowed">
                <i class="fas fa-save"></i>Tümünü Kaydet
            </button>
        </div>
    </div>

    <!-- Para Birimi Çarpanları Modal -->
    <div id="currencyMultipliersModal" class="hidden fixed inset-0 bg-gray-600 bg-opacity-50 dark:bg-gray-900 dark:bg-opacity-75 overflow-y-auto h-full w-full z-50" style="display: none;">
        <div class="relative top-10 mx-auto p-5 border w-full max-w-4xl shadow-lg rounded-lg bg-white dark:bg-gray-800 mb-10">
            <div class="flex items-center justify-between mb-4 border-b border-gray-200 dark:border-gray-700 pb-4">
                <h3 class="text-xl font-semibold text-gray-900 dark:text-gray-100">
                    <i class="fas fa-coins text-indigo-600 dark:text-indigo-400 mr-2"></i>
                    Para Birimi Çarpanları Yönetimi
                </h3>
                <button onclick="closeCurrencyMultipliersModal()" class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300">
                    <i class="fas fa-times text-xl"></i>
                </button>
            </div>

            <!-- Info Card -->
            <div class="mb-6 bg-blue-50 dark:bg-blue-900/30 border border-blue-200 dark:border-blue-800 rounded-lg p-4">
                <div class="flex">
                    <div class="flex-shrink-0">
                        <i class="fas fa-info-circle text-blue-400 dark:text-blue-300"></i>
                    </div>
                    <div class="ml-3">
                        <p class="text-sm text-blue-800 dark:text-blue-300">
                            <strong>Nasıl Çalışır?</strong> Para birimi çarpanı, fiyat hesaplamasında kullanılır. 
                            Formül: <code class="bg-blue-100 dark:bg-blue-800 px-2 py-1 rounded">(EUR Fiyatı × Kur) × Para Birimi Çarpanı × Site Çarpanı</code>
                        </p>
                    </div>
                </div>
            </div>

            <!-- Add New Currency Multiplier Form -->
            <div class="mb-6 bg-gray-50 dark:bg-gray-700/50 rounded-lg p-4 border border-gray-200 dark:border-gray-600">
                <h4 class="text-lg font-medium text-gray-900 dark:text-gray-100 mb-4">
                    <i class="fas fa-plus-circle text-indigo-600 dark:text-indigo-400 mr-2"></i>
                    Yeni Para Birimi Çarpanı Ekle
                </h4>
                <form id="addMultiplierForm" class="space-y-4">
                    @csrf
                    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                        <div>
                            <label for="currency" class="block text-sm font-semibold text-gray-700 dark:text-gray-200 mb-2">
                                Para Birimi <span class="text-red-500">*</span>
                            </label>
                            <select 
                                id="currency" 
                                name="currency" 
                                required
                                class="block w-full px-4 py-3 text-sm text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-400 focus:border-indigo-500 dark:focus:border-indigo-400 transition-all">
                                <option value="">Para Birimi Seçin...</option>
                                @foreach($commonCurrencies as $code => $name)
                                <option value="{{ $code }}">{{ $code }} - {{ $name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label for="multiplier" class="block text-sm font-semibold text-gray-700 dark:text-gray-200 mb-2">
                                Çarpan <span class="text-red-500">*</span>
                            </label>
                            <input 
                                type="number" 
                                id="multiplier" 
                                name="multiplier" 
                                step="0.0001" 
                                min="0.0001" 
                                max="10.0000" 
                                value="1.0000"
                                required
                                class="block w-full px-4 py-3 text-sm text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-400 focus:border-indigo-500 dark:focus:border-indigo-400 transition-all placeholder-gray-400 dark:placeholder-gray-500"
                                placeholder="1.0000">
                            <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">Örn: 1.05 = %5 ek maliyet</p>
                        </div>
                        <div>
                            <label for="description" class="block text-sm font-semibold text-gray-700 dark:text-gray-200 mb-2">
                                Açıklama
                            </label>
                            <input 
                                type="text" 
                                id="description" 
                                name="description" 
                                class="block w-full px-4 py-3 text-sm text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-400 focus:border-indigo-500 dark:focus:border-indigo-400 transition-all placeholder-gray-400 dark:placeholder-gray-500"
                                placeholder="Opsiyonel açıklama">
                        </div>
                    </div>
                    <div class="flex justify-end">
                        <button 
                            type="submit" 
                            class="inline-flex items-center justify-center rounded-lg border border-transparent shadow-sm px-5 py-2.5 bg-gradient-to-r from-indigo-600 to-purple-600 dark:from-indigo-700 dark:to-purple-700 text-sm font-semibold text-white hover:from-indigo-700 hover:to-purple-700 dark:hover:from-indigo-600 dark:hover:to-purple-600 focus:outline-none focus:ring-2 focus:ring-offset-2 dark:focus:ring-offset-gray-800 focus:ring-indigo-500 dark:focus:ring-indigo-400 transition-all">
                            <i class="fas fa-save mr-2"></i>
                            Kaydet
                        </button>
                    </div>
                </form>
            </div>

            <!-- Existing Multipliers List -->
            <div class="bg-white dark:bg-gray-800 rounded-lg overflow-hidden">
                <h4 class="text-lg font-medium text-gray-900 dark:text-gray-100 mb-4 px-4 pt-4">
                    <i class="fas fa-list text-indigo-600 dark:text-indigo-400 mr-2"></i>
                    Mevcut Para Birimi Çarpanları
                </h4>
                
                @if($currencyMultipliers->isEmpty())
                <div class="text-center py-12 px-4">
                    <i class="fas fa-inbox text-gray-400 dark:text-gray-500 text-4xl mb-4"></i>
                    <p class="text-gray-500 dark:text-gray-400">Henüz para birimi çarpanı eklenmemiş.</p>
                </div>
                @else
                <div class="overflow-x-auto px-4 pb-4">
                    <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
                        <thead class="bg-gray-50 dark:bg-gray-700">
                            <tr>
                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                    Para Birimi
                                </th>
                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                    Çarpan
                                </th>
                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                    Açıklama
                                </th>
                                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                    Güncellenme
                                </th>
                                <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
                                    İşlemler
                                </th>
                            </tr>
                        </thead>
                        <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
                            @foreach($currencyMultipliers as $multiplier)
                            <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="flex items-center">
                                        <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-semibold bg-indigo-100 dark:bg-indigo-900/30 text-indigo-800 dark:text-indigo-300">
                                            {{ $multiplier->currency }}
                                        </span>
                                        @if(isset($commonCurrencies[$multiplier->currency]))
                                        <span class="ml-2 text-sm text-gray-500 dark:text-gray-400">
                                            {{ $commonCurrencies[$multiplier->currency] }}
                                        </span>
                                        @endif
                                    </div>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <span class="text-sm font-semibold text-gray-900 dark:text-gray-100">
                                        {{ number_format((float)$multiplier->multiplier, 4) }}
                                    </span>
                                    @if((float)$multiplier->multiplier != 1.0)
                                    <span class="ml-2 text-xs text-gray-500 dark:text-gray-400">
                                        ({{ ((float)$multiplier->multiplier - 1) * 100 > 0 ? '+' : '' }}{{ number_format(((float)$multiplier->multiplier - 1) * 100, 2) }}%)
                                    </span>
                                    @endif
                                </td>
                                <td class="px-6 py-4">
                                    <span class="text-sm text-gray-500 dark:text-gray-400">
                                        {{ $multiplier->description ?? '-' }}
                                    </span>
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                    {{ $multiplier->updated_at->format('d.m.Y H:i') }}
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
                                    <button 
                                        onclick="deleteCurrencyMultiplier('{{ $multiplier->currency }}')"
                                        class="text-red-600 dark:text-red-400 hover:text-red-900 dark:hover:text-red-300 transition-colors">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @endif
            </div>
        </div>
    </div>

    <!-- CSV Yükleme Modal -->
    <div id="csvUploadModal" class="hidden fixed inset-0 bg-gray-600 bg-opacity-50 dark:bg-gray-900 dark:bg-opacity-75 overflow-y-auto h-full w-full z-50">
        <div class="relative top-20 mx-auto p-5 border w-96 shadow-lg rounded-lg bg-white dark:bg-gray-800">
            <div class="flex items-center justify-between mb-4">
                <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100">
                    <i class="fas fa-file-upload mr-2"></i>CSV Dosyası Yükle
                </h3>
                <button onclick="closeCsvModal()" class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300">
                    <i class="fas fa-times"></i>
                </button>
            </div>
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
                    Dosya Seçin (CSV, XLSX, XLS)
                </label>
                <input 
                    type="file" 
                    id="csvFileInputModal" 
                    accept=".csv,.xlsx,.xls" 
                    class="block w-full text-sm text-gray-500 dark:text-gray-400 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100 dark:file:bg-blue-900/30 dark:file:text-blue-300"
                >
                <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
                    <i class="fas fa-info-circle"></i> Dosya formatı: SKU, Regular Price (EUR), Sale Price (EUR)
                </p>
            </div>
            <div class="flex items-center justify-end gap-3">
                <button onclick="closeCsvModal()" class="px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 bg-gray-200 dark:bg-gray-700 rounded-lg hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors">
                    İptal
                </button>
                <button onclick="uploadCsvFile()" id="uploadCsvBtn" class="px-4 py-2 text-sm font-medium text-white bg-purple-600 dark:bg-purple-500 rounded-lg hover:bg-purple-500 dark:hover:bg-purple-400 transition-colors">
                    <i class="fas fa-upload mr-2"></i>Yükle
                </button>
            </div>
            <div id="csvUploadProgress" class="hidden mt-4">
                <div class="bg-gray-200 dark:bg-gray-700 rounded-full h-2.5">
                    <div id="csvUploadProgressBar" class="bg-purple-600 h-2.5 rounded-full transition-all duration-300" style="width: 0%"></div>
                </div>
                <p id="csvUploadStatus" class="mt-2 text-xs text-gray-600 dark:text-gray-400 text-center"></p>
            </div>
        </div>
    </div>

    <!-- Toplu Ayarlama Bölümleri -->
    <div class="mb-6 grid grid-cols-1 md:grid-cols-3 gap-4">
        <!-- Ürünleri Gizle -->
        <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-4 shadow-sm">
            <h3 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-3 flex items-center gap-2">
                <i class="fas fa-eye-slash text-gray-500 dark:text-gray-400"></i>
                Ürünleri Gizle
            </h3>
            <p class="text-xs text-gray-600 dark:text-gray-400 mb-3">
                Seçili ürünleri WordPress'te gizli (draft) yap.
            </p>
            <div class="flex items-center gap-2">
                <button 
                    onclick="bulkHideProducts()" 
                    id="hideProductsBtn"
                    class="flex-1 inline-flex items-center justify-center gap-2 rounded-lg bg-gray-600 hover:bg-gray-500 dark:bg-gray-600 dark:hover:bg-gray-500 px-3 py-2 text-xs font-semibold text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-gray-500 dark:focus:ring-gray-400 focus:ring-offset-2 transition-all duration-200 disabled:bg-gray-400 dark:disabled:bg-gray-600 disabled:cursor-not-allowed"
                >
                    <i class="fas fa-eye-slash"></i>
                    Seçili Ürünleri Gizle
                </button>
            </div>
        </div>

        <!-- Stok Yok -->
        <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-4 shadow-sm">
            <h3 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-3 flex items-center gap-2">
                <i class="fas fa-box-open text-orange-500 dark:text-orange-400"></i>
                Stok Yok
            </h3>
            <p class="text-xs text-gray-600 dark:text-gray-400 mb-3">
                Seçili ürünlerin stok miktarını 0 yap.
            </p>
            <div class="flex items-center gap-2">
                <button 
                    onclick="bulkSetOutOfStock()" 
                    id="outOfStockBtn"
                    class="flex-1 inline-flex items-center justify-center gap-2 rounded-lg bg-orange-600 hover:bg-orange-500 dark:bg-orange-600 dark:hover:bg-orange-500 px-3 py-2 text-xs font-semibold text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-orange-500 dark:focus:ring-orange-400 focus:ring-offset-2 transition-all duration-200 disabled:bg-gray-400 dark:disabled:bg-gray-600 disabled:cursor-not-allowed"
                >
                    <i class="fas fa-box-open"></i>
                    Stok Yok Yap
                </button>
            </div>
        </div>

        <!-- İndirim -->
        <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-4 shadow-sm">
            <h3 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-3 flex items-center gap-2">
                <i class="fas fa-tag text-red-500 dark:text-red-400"></i>
                İndirim
            </h3>
            <p class="text-xs text-gray-600 dark:text-gray-400 mb-3">
                Seçili ürünlere toplu indirim uygula.
            </p>
            <div class="flex items-center gap-2">
                <input 
                    type="number" 
                    step="1" 
                    min="0" 
                    max="100"
                    id="discountPercent"
                    placeholder="%"
                    class="w-16 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 px-2 py-2 text-xs shadow-sm placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:border-red-500 dark:focus:border-red-400 focus:ring-1 focus:ring-red-500 dark:focus:ring-red-400 focus:ring-opacity-20 transition-all duration-200"
                >
                <button 
                    onclick="bulkApplyDiscount()" 
                    id="applyDiscountBtn"
                    class="flex-1 inline-flex items-center justify-center gap-2 rounded-lg bg-red-600 hover:bg-red-500 dark:bg-red-600 dark:hover:bg-red-500 px-3 py-2 text-xs font-semibold text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-red-500 dark:focus:ring-red-400 focus:ring-offset-2 transition-all duration-200 disabled:bg-gray-400 dark:disabled:bg-gray-600 disabled:cursor-not-allowed"
                >
                    <i class="fas fa-tag"></i>
                    İndirim Uygula
                </button>
            </div>
        </div>
    </div>

    <!-- Arama ve Filtreler -->
    <div class="mb-6 space-y-4">
        <!-- Arama Kutusu -->
        <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-4 shadow-sm">
            <div class="flex items-center gap-3">
                <label for="productSearch" class="text-sm font-medium text-gray-700 dark:text-gray-300 flex items-center gap-2">
                    <i class="fas fa-search text-gray-500 dark:text-gray-400"></i>
                    Ürün Ara:
                </label>
                <input 
                    type="text" 
                    id="productSearch"
                    placeholder="Ürün adı, SKU veya ID ile ara..."
                    class="flex-1 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 px-4 py-2 shadow-sm placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:border-blue-500 dark:focus:border-blue-400 focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 focus:ring-opacity-20 transition-all duration-200"
                    onkeyup="filterProducts()"
                >
                <button 
                    type="button"
                    onclick="clearSearch()"
                    id="clearSearchBtn"
                    class="hidden inline-flex items-center gap-2 rounded-lg bg-gray-200 hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600 px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 transition-all duration-200"
                >
                    <i class="fas fa-times"></i>
                    Temizle
                </button>
            </div>
            <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
                <i class="fas fa-info-circle"></i> Arama sonuçları anlık olarak filtrelenir.
            </p>
        </div>

        <!-- Site ve Dil Filtreleri -->
        <div>
        <form method="GET" action="{{ route('product-prices.index') }}" class="flex items-center gap-4 flex-wrap">
            <div class="flex items-center gap-2">
                <label for="site_id" class="text-sm font-medium text-gray-700 dark:text-gray-300">Site:</label>
                <select name="site_id" id="site_id" class="rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 px-3 py-2 shadow-sm focus:border-blue-500 dark:focus:border-blue-400 focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 focus:ring-opacity-20 sm:text-sm transition-all duration-200">
                    <option value="">Tüm Siteler</option>
                    @foreach($sites as $site)
                    <option value="{{ $site->id }}" {{ $selectedSite && $selectedSite->id == $site->id ? 'selected' : '' }}>
                        {{ $site->name }}
                    </option>
                    @endforeach
                </select>
            </div>
            
            <div class="flex items-center gap-2">
                <label for="language" class="text-sm font-medium text-gray-700 dark:text-gray-300">Dil:</label>
                <select name="language" id="language" class="rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 px-3 py-2 shadow-sm focus:border-blue-500 dark:focus:border-blue-400 focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 focus:ring-opacity-20 sm:text-sm transition-all duration-200">
                    <option value="">Tüm Diller</option>
                    @php
                        $languageNames = [
                            'tr' => 'Türkçe',
                            'en' => 'İngilizce',
                            'de' => 'Almanca',
                            'fr' => 'Fransızca',
                            'es' => 'İspanyolca',
                            'it' => 'İtalyanca',
                            'ru' => 'Rusça',
                            'ar' => 'Arapça',
                            'zh' => 'Çince',
                            'ja' => 'Japonca',
                        ];
                    @endphp
                    @foreach($languages as $lang)
                    <option value="{{ $lang }}" {{ $language === $lang ? 'selected' : '' }}>
                        {{ $languageNames[$lang] ?? strtoupper($lang) }}
                    </option>
                    @endforeach
                </select>
            </div>
            
            <div class="flex items-center gap-2">
                <label for="currency" class="text-sm font-medium text-gray-700 dark:text-gray-300">Para Birimi:</label>
                <select name="currency" id="currency" class="rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 px-3 py-2 shadow-sm focus:border-blue-500 dark:focus:border-blue-400 focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 focus:ring-opacity-20 sm:text-sm transition-all duration-200">
                    <option value="">Tüm Para Birimleri</option>
                    @php
                        $currencyNames = [
                            'TRY' => 'Türk Lirası (₺)',
                            'USD' => 'ABD Doları ($)',
                            'EUR' => 'Euro (€)',
                            'GBP' => 'İngiliz Sterlini (£)',
                            'CHF' => 'İsviçre Frangı (CHF)',
                            'JPY' => 'Japon Yeni (¥)',
                            'CAD' => 'Kanada Doları (C$)',
                            'AUD' => 'Avustralya Doları (A$)',
                        ];
                    @endphp
                    @foreach($currencies as $curr)
                    <option value="{{ $curr }}" {{ $currency === $curr ? 'selected' : '' }}>
                        {{ $currencyNames[$curr] ?? $curr }}
                    </option>
                    @endforeach
                </select>
            </div>
            
            <button type="submit" class="inline-flex items-center gap-2 rounded-lg bg-blue-600 hover:bg-blue-500 dark:bg-blue-600 dark:hover:bg-blue-500 px-4 py-2.5 text-sm font-semibold text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 focus:ring-offset-2 transition-all duration-200">
                <i class="fas fa-filter"></i>Filtrele
            </button>
            
            @if($selectedSite || $language || $currency)
            <a href="{{ route('product-prices.index') }}" class="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium transition-colors">
                <i class="fas fa-times"></i>Filtreleri Kaldır
            </a>
            @endif
        </form>
        </div>
    </div>

    <!-- Başarı/Hata Mesajları -->
    <div id="messageContainer" class="mb-4"></div>

    <!-- Ürün Listesi -->
    <div class="mt-6">
        <div class="flex flex-wrap items-center gap-3 mb-4">
            <button type="button" data-tab="general"
                class="tab-trigger inline-flex items-center gap-2 rounded-full border border-indigo-100 dark:border-indigo-700 bg-indigo-50 dark:bg-indigo-900/30 px-4 py-2 text-sm font-semibold text-indigo-700 dark:text-indigo-300 shadow-sm transition focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-400 focus:ring-offset-2">
                <i class="fas fa-list"></i>
                Fiyat Alanları
            </button>
            <button type="button" data-tab="margin"
                class="tab-trigger inline-flex items-center gap-2 rounded-full border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 px-4 py-2 text-sm font-semibold text-gray-600 dark:text-gray-300 shadow-sm transition hover:border-indigo-200 dark:hover:border-indigo-700 hover:text-indigo-600 dark:hover:text-indigo-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-400 focus:ring-offset-2">
                <i class="fas fa-chart-line"></i>
                Maliyet &amp; Marj
            </button>
        </div>

        <div class="space-y-6">
            <div class="tab-content overflow-hidden shadow ring-1 ring-black ring-opacity-5 dark:ring-gray-700 md:rounded-lg bg-white dark:bg-gray-800" data-content="general">
                <div class="overflow-x-auto">
                    <table class="min-w-full divide-y divide-gray-300 dark:divide-gray-700">
                        <thead class="bg-gray-50 dark:bg-gray-700">
                            <tr>
                                <th class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 dark:text-gray-100 sm:pl-6">ID</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 dark:text-gray-100">Ürün Adı</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 dark:text-gray-100">SKU</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 dark:text-gray-100">Siteler</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 dark:text-gray-100">Fiyatlar (EUR)</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 dark:text-gray-100">Durum</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 dark:text-gray-100">Durum</th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-gray-200 dark:divide-gray-700 bg-white dark:bg-gray-800" id="productsTableBody">
                            <tr id="noResultsRow" class="hidden">
                                <td colspan="7" class="px-6 py-12 text-center text-sm text-gray-500 dark:text-gray-400">
                                    <i class="fas fa-search text-4xl mb-4 text-gray-300 dark:text-gray-600"></i>
                                    <p class="font-medium">Arama sonucu bulunamadı</p>
                                    <p class="mt-1 text-xs">Farklı bir arama terimi deneyin</p>
                                </td>
                            </tr>
                            @forelse($products as $product)
                            <tr id="product-row-{{ $product->id }}" class="product-row">
                                <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 dark:text-gray-100 sm:pl-6">
                                    <input 
                                        type="checkbox" 
                                        class="product-checkbox rounded border-gray-300 dark:border-gray-600 text-blue-600 focus:ring-blue-500 dark:focus:ring-blue-400"
                                        data-product-id="{{ $product->id }}"
                                        title="Ürünü seç"
                                    >
                                </td>
                                <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 dark:text-gray-100 sm:pl-6">
                                    <span class="px-2 py-1 text-xs rounded-full bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300 font-mono">
                                        #{{ $product->id }}
                                    </span>
                                </td>
                                <td class="whitespace-nowrap px-3 py-4 text-sm font-medium text-gray-900 dark:text-gray-100">
                                    <button 
                                        onclick="toggleProductSites({{ $product->id }})"
                                        class="flex items-center gap-2 text-left hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
                                        title="Siteleri göster/gizle"
                                    >
                                        <i class="fas fa-chevron-right text-xs transition-transform" id="chevron-{{ $product->id }}"></i>
                                        {{ $product->name }}
                                        @if($product->is_master)
                                            <span class="ml-2 px-2 py-0.5 text-xs rounded-full bg-purple-100 dark:bg-purple-900/30 text-purple-800 dark:text-purple-300">Master</span>
                                        @endif
                                    </button>
                                </td>
                                <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 dark:text-gray-400 font-mono">
                                    {{ $product->sku ?? '-' }}
                                </td>
                                <td class="px-3 py-4 text-sm">
                                    @php
                                        $sites = $product->sites ?? collect();
                                        $sitesCount = $sites->count();
                                    @endphp
                                    @if($sitesCount > 0)
                                        <div class="flex items-center gap-2">
                                            <span class="px-2 py-1 text-xs rounded-full bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300">
                                                {{ $sitesCount }} Site
                                            </span>
                                            <button 
                                                onclick="toggleProductSites({{ $product->id }})"
                                                class="text-xs text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300"
                                                title="Siteleri göster/gizle"
                                            >
                                                <i class="fas fa-eye"></i>
                                            </button>
                                        </div>
                                    @else
                                        <span class="text-gray-400 dark:text-gray-500 text-xs">Site yok</span>
                                    @endif
                                </td>
                                <td class="px-3 py-4 text-sm">
                                    <div class="flex flex-col gap-2">
                                        <div class="flex items-center gap-2">
                                            <span class="text-gray-500 dark:text-gray-400 text-xs" title="EUR (Euro)">€</span>
                                            <input 
                                                type="number" 
                                                step="0.01" 
                                                min="0"
                                                value="{{ $product->regular_price ?? '' }}" 
                                                data-product-id="{{ $product->id }}"
                                                data-field="regular_price"
                                                class="price-input rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 px-2 py-1 text-xs shadow-sm placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:border-blue-500 dark:focus:border-blue-400 focus:ring-1 focus:ring-blue-500 dark:focus:ring-blue-400 focus:ring-opacity-20 w-24 transition-all duration-200"
                                                onchange="updatePrice({{ $product->id }}, 'regular_price', this.value)"
                                                placeholder="0.00"
                                                title="EUR cinsinden normal fiyat"
                                            >
                                        </div>
                                        <div class="flex items-center gap-2">
                                            <span class="text-gray-500 dark:text-gray-400 text-xs" title="EUR (Euro)">€</span>
                                            <input 
                                                type="number" 
                                                step="0.01" 
                                                min="0"
                                                value="{{ $product->sale_price ?? '' }}" 
                                                data-product-id="{{ $product->id }}"
                                                data-field="sale_price"
                                                class="price-input rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 px-2 py-1 text-xs shadow-sm placeholder:text-gray-400 dark:placeholder:text-gray-500 focus:border-blue-500 dark:focus:border-blue-400 focus:ring-1 focus:ring-blue-500 dark:focus:ring-blue-400 focus:ring-opacity-20 w-24 transition-all duration-200"
                                                onchange="updatePrice({{ $product->id }}, 'sale_price', this.value)"
                                                placeholder="0.00"
                                                title="EUR cinsinden indirimli fiyat"
                                            >
                                        </div>
                                    </div>
                                </td>
                                <td class="whitespace-nowrap px-3 py-4 text-sm">
                                    <div id="status-{{ $product->id }}" class="flex items-center gap-2">
                                        @php
                                            $syncedCount = $sites->filter(function($site) use ($product) {
                                                $siteProduct = $product->site_prices[$site->id]['product'] ?? null;
                                                return $siteProduct && $siteProduct->synced_to_wordpress_at;
                                            })->count();
                                        @endphp
                                        @if($syncedCount > 0)
                                        <span class="px-2 py-1 text-xs rounded-full bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300" title="{{ $syncedCount }}/{{ $sitesCount }} site WordPress'e senkronize">
                                            <i class="fas fa-check-circle"></i> {{ $syncedCount }}/{{ $sitesCount }}
                                        </span>
                                        @else
                                        <span class="px-2 py-1 text-xs rounded-full bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-300">
                                            <i class="fas fa-times-circle"></i> 0/{{ $sitesCount }}
                                        </span>
                                        @endif
                                        <span id="loading-{{ $product->id }}" class="hidden">
                                            <i class="fas fa-spinner fa-spin text-blue-600 dark:text-blue-400"></i>
                                        </span>
                                    </div>
                                </td>
                            </tr>
                            <!-- Expandable row for sites -->
                            <tr id="product-sites-{{ $product->id }}" class="hidden bg-gray-50 dark:bg-gray-900/50">
                                <td colspan="7" class="px-6 py-4">
                                    <div class="space-y-4">
                                        <h4 class="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-3">
                                            <i class="fas fa-globe mr-2"></i>Ürünün Ekli Olduğu Siteler ({{ $sitesCount }})
                                        </h4>
                                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                                            @foreach($sites as $site)
                                                @php
                                                    $siteData = $product->site_prices[$site->id] ?? null;
                                                    $siteProduct = $siteData['product'] ?? null;
                                                    $convertedPrices = $siteData['converted_prices'] ?? null;
                                                    $currencies = [
                                                        'TRY' => ['symbol' => '₺', 'name' => 'Türk Lirası'],
                                                        'USD' => ['symbol' => '$', 'name' => 'ABD Doları'],
                                                        'EUR' => ['symbol' => '€', 'name' => 'Euro'],
                                                        'GBP' => ['symbol' => '£', 'name' => 'İngiliz Sterlini'],
                                                        'CHF' => ['symbol' => 'CHF', 'name' => 'İsviçre Frangı'],
                                                        'JPY' => ['symbol' => '¥', 'name' => 'Japon Yeni'],
                                                        'CAD' => ['symbol' => 'C$', 'name' => 'Kanada Doları'],
                                                        'AUD' => ['symbol' => 'A$', 'name' => 'Avustralya Doları'],
                                                    ];
                                                    $targetCurrency = strtoupper(trim($site->target_currency ?? $site->currency ?? 'EUR'));
                                                    $currencySymbol = $currencies[$targetCurrency]['symbol'] ?? $targetCurrency;
                                                    $multiplier = $site->custom_exchange_rate_multiplier ?? 1.0;
                                                @endphp
                                                <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-4">
                                                    <div class="flex items-center justify-between mb-3">
                                                        <div class="flex items-center gap-2">
                                                            <a href="{{ route('sites.show', $site) }}" class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium text-sm">
                                                                {{ $site->name }}
                                                            </a>
                                                            @if($siteProduct && !empty($site->url))
                                                                @php
                                                                    $productSlug = \Illuminate\Support\Str::slug($siteProduct->name ?? '');
                                                                    $siteUrl = rtrim($site->url ?? '', '/');
                                                                    $wpProductUrl = $siteUrl ? $siteUrl . '/product/' . $productSlug . '/' : '#';
                                                                @endphp
                                                                @if($wpProductUrl !== '#')
                                                                <a 
                                                                    href="{{ $wpProductUrl }}" 
                                                                    target="_blank" 
                                                                    rel="noopener noreferrer"
                                                                    class="text-green-600 dark:text-green-400 hover:text-green-800 dark:hover:text-green-300 transition-colors"
                                                                    title="WordPress'te ürün sayfasını aç"
                                                                >
                                                                    <i class="fas fa-external-link-alt text-xs"></i>
                                                                </a>
                                                                @endif
                                                            @endif
                                                        </div>
                                                        @if($siteProduct && $siteProduct->synced_to_wordpress_at)
                                                            <span class="px-2 py-1 text-xs rounded-full bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300">
                                                                <i class="fas fa-check-circle"></i> WP
                                                            </span>
                                                        @endif
                                                    </div>
                                                    
                                                    <div class="space-y-2 text-xs">
                                                        <div>
                                                            <span class="text-gray-500 dark:text-gray-400">Para Birimi:</span>
                                                            <span class="ml-2 font-medium">{{ $currencySymbol }} ({{ $targetCurrency }})</span>
                                                        </div>
                                                        <div class="flex items-center gap-2">
                                                            <span class="text-gray-500 dark:text-gray-400">Çarpan:</span>
                                                            <input 
                                                                type="number" 
                                                                step="0.0001" 
                                                                min="0.0001"
                                                                max="10.0000"
                                                                value="{{ number_format($multiplier, 4, '.', '') }}" 
                                                                data-site-id="{{ $site->id }}"
                                                                class="multiplier-input rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 px-2 py-1 text-xs shadow-sm w-20"
                                                                onchange="updateMultiplier({{ $site->id }}, this.value)"
                                                            >
                                                            <button 
                                                                onclick="updateMultiplier({{ $site->id }}, document.querySelector('[data-site-id=\"{{ $site->id }}\"].multiplier-input').value)"
                                                                class="text-green-600 dark:text-green-400 hover:text-green-800 dark:hover:text-green-300 text-xs"
                                                            >
                                                                <i class="fas fa-check"></i>
                                                            </button>
                                                        </div>
                                                        @if($siteProduct)
                                                            <div class="mt-3 pt-3 border-t border-gray-200 dark:border-gray-700">
                                                                <div class="text-gray-500 dark:text-gray-400 mb-1">EUR Fiyatlar:</div>
                                                                <div class="space-y-1">
                                                                    @if($siteProduct->regular_price)
                                                                        <div>Normal: <span class="font-medium">€{{ number_format($siteProduct->regular_price, 2) }}</span></div>
                                                                    @endif
                                                                    @if($siteProduct->sale_price)
                                                                        <div>İndirimli: <span class="font-medium text-emerald-600 dark:text-emerald-400">€{{ number_format($siteProduct->sale_price, 2) }}</span></div>
                                                                    @endif
                                                                </div>
                                                                @if($convertedPrices)
                                                                    <div class="mt-2 pt-2 border-t border-gray-200 dark:border-gray-700">
                                                                        <div class="text-gray-500 dark:text-gray-400 mb-1">WP'ye Gönderilecek:</div>
                                                                        <div class="space-y-1">
                                                                            @if($convertedPrices['regular_price'] !== null)
                                                                                <div>Normal: <span class="font-medium">{{ $currencySymbol }}{{ number_format($convertedPrices['regular_price'], 2) }}</span></div>
                                                                            @endif
                                                                            @if($convertedPrices['sale_price'] !== null)
                                                                                <div>İndirimli: <span class="font-medium text-emerald-600 dark:text-emerald-400">{{ $currencySymbol }}{{ number_format($convertedPrices['sale_price'], 2) }}</span></div>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="7" class="px-6 py-12 text-center text-sm text-gray-500 dark:text-gray-400">
                                    <i class="fas fa-box-open text-4xl mb-4 text-gray-300 dark:text-gray-600"></i>
                                    <p>Henüz ürün bulunmuyor.</p>
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="tab-content hidden overflow-hidden shadow ring-1 ring-black ring-opacity-5 dark:ring-gray-700 md:rounded-lg bg-white dark:bg-gray-800" data-content="margin">
                <div class="overflow-x-auto">
                    <table class="min-w-full divide-y divide-gray-300 dark:divide-gray-700">
                        <thead class="bg-gray-50 dark:bg-gray-700">
                            <tr>
                                <th class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 dark:text-gray-100 sm:pl-6">Ürün</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 dark:text-gray-100">Site</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 dark:text-gray-100">Maliyet</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 dark:text-gray-100">Min. Marj (%)</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 dark:text-gray-100">Gerekli Min. Fiyat</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 dark:text-gray-100">Aktif Satış Fiyatı</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 dark:text-gray-100">Gerçekleşen Marj</th>
                                <th class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 dark:text-gray-100">Durum</th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-gray-200 dark:divide-gray-700 bg-white dark:bg-gray-800">
                            @forelse($products as $product)
                                @php
                                    $costPrice = $product->costPrice();
                                    $minMarginPercent = $product->minProfitMarginPercent();
                                    $requiredMinPrice = $product->requiredMinSalePrice();
                                    $activePrice = $product->currentSalePrice();
                                    $actualMarginPercent = $product->actualProfitMarginPercent();
                                    $isMarginInsufficient = $product->isMarginBelowMinimum();

                                    if ($requiredMinPrice === null) {
                                        $statusLabel = $costPrice === null ? 'Maliyet Eksik' : 'Veri Eksik';
                                        $statusClass = 'bg-gray-100 text-gray-700';
                                    } elseif ($activePrice === null) {
                                        $statusLabel = 'Fiyat Eksik';
                                        $statusClass = 'bg-gray-100 text-gray-700';
                                    } else {
                                        $statusLabel = $isMarginInsufficient ? 'Marj Yetersiz' : 'Marj Uygun';
                                        $statusClass = $isMarginInsufficient ? 'bg-rose-100 text-rose-700' : 'bg-emerald-100 text-emerald-700';
                                    }
                                @endphp
                                <tr>
                                    <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 dark:text-gray-100 sm:pl-6">
                                        {{ $product->name }}
                                    </td>
                                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 dark:text-gray-400">
                                        {{ $product->site->name ?? 'Master' }}
                                    </td>
                                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-600 dark:text-gray-300">
                                        {{ $costPrice !== null ? number_format((float) $costPrice, 2) . ' ₺' : '—' }}
                                    </td>
                                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-600 dark:text-gray-300">
                                        {{ $minMarginPercent !== null ? number_format((float) $minMarginPercent, 2) . ' %' : '—' }}
                                    </td>
                                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-600 dark:text-gray-300">
                                        {{ $requiredMinPrice !== null ? number_format((float) $requiredMinPrice, 2) . ' ₺' : '—' }}
                                    </td>
                                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-600 dark:text-gray-300">
                                        {{ $activePrice !== null ? number_format((float) $activePrice, 2) . ' ₺' : '—' }}
                                    </td>
                                    <td class="whitespace-nowrap px-3 py-4 text-sm">
                                        @if($actualMarginPercent !== null)
                                            <span class="{{ $isMarginInsufficient ? 'text-rose-600 dark:text-rose-400 font-semibold' : 'text-emerald-600 dark:text-emerald-400 font-semibold' }}">
                                                {{ number_format((float) $actualMarginPercent, 2) }} %
                                            </span>
                                        @else
                                            <span class="text-gray-400 dark:text-gray-500">—</span>
                                        @endif
                                    </td>
                                    <td class="whitespace-nowrap px-3 py-4 text-sm">
                                        @php
                                            $statusClassDark = str_replace('bg-gray-100', 'bg-gray-100 dark:bg-gray-700', $statusClass);
                                            $statusClassDark = str_replace('text-gray-700', 'text-gray-700 dark:text-gray-300', $statusClassDark);
                                            $statusClassDark = str_replace('bg-rose-100', 'bg-rose-100 dark:bg-rose-900/30', $statusClassDark);
                                            $statusClassDark = str_replace('text-rose-700', 'text-rose-700 dark:text-rose-300', $statusClassDark);
                                            $statusClassDark = str_replace('bg-emerald-100', 'bg-emerald-100 dark:bg-emerald-900/30', $statusClassDark);
                                            $statusClassDark = str_replace('text-emerald-700', 'text-emerald-700 dark:text-emerald-300', $statusClassDark);
                                        @endphp
                                        <span class="px-2 py-1 text-xs rounded-full {{ $statusClassDark }}">{{ $statusLabel }}</span>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="8" class="px-6 py-12 text-center text-sm text-gray-500 dark:text-gray-400">
                                        <i class="fas fa-info-circle text-gray-300 dark:text-gray-600 text-4xl mb-4"></i>
                                        <p>Henüz ürün bulunmuyor.</p>
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    @if($products->count() > 0)
    <div class="mt-6 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4">
        <div class="flex items-start gap-3">
            <div class="flex-shrink-0">
                <i class="fas fa-info-circle text-blue-600 dark:text-blue-400 text-lg"></i>
            </div>
            <div class="flex-1 text-sm text-blue-800 dark:text-blue-300">
                <p class="font-semibold mb-2">Dinamik Euro Fiyat Yönetimi</p>
                <ul class="list-disc list-inside space-y-1 text-blue-700 dark:text-blue-400">
                    <li><strong>Fiyatlar EUR (€) olarak kaydedilir:</strong> Normal Fiyat ve İndirimli Fiyat alanlarına EUR cinsinden değer girin.</li>
                    <li><strong>Otomatik dönüşüm:</strong> WordPress'e gönderilirken fiyatlar otomatik olarak hedef para birimine çevrilir.</li>
                    <li><strong>Formül:</strong> (EUR Fiyatı × Güncel EUR Kur) × Kur Çarpanı</li>
                    <li><strong>Hedef para birimi:</strong> Her site için "Para Birimi (WP)" sütununda gösterilir.</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="mt-4 text-sm text-gray-500 dark:text-gray-400">
        <p><strong class="text-gray-700 dark:text-gray-300">Toplam:</strong> {{ $products->count() }} ürün</p>
        <p class="mt-1"><i class="fas fa-info-circle"></i> Fiyat değişikliklerini kaydetmek için her satırdaki <i class="fas fa-check text-green-600 dark:text-green-400"></i> butonuna tıklayın veya "Tümünü Kaydet" butonunu kullanın.</p>
    </div>
    @endif
</div>

<script>
document.addEventListener('DOMContentLoaded', () => {
    const triggers = Array.from(document.querySelectorAll('.tab-trigger'));
    const contents = Array.from(document.querySelectorAll('.tab-content'));

    if (!triggers.length || !contents.length) {
        return;
    }

    const activateTab = (target) => {
        contents.forEach((content) => {
            content.classList.toggle('hidden', content.dataset.content !== target);
        });

        triggers.forEach((trigger) => {
            const isActive = trigger.dataset.tab === target;
            trigger.classList.toggle('bg-indigo-50', isActive);
            trigger.classList.toggle('dark:bg-indigo-900/30', isActive);
            trigger.classList.toggle('border-indigo-100', isActive);
            trigger.classList.toggle('dark:border-indigo-700', isActive);
            trigger.classList.toggle('text-indigo-700', isActive);
            trigger.classList.toggle('dark:text-indigo-300', isActive);
            trigger.classList.toggle('bg-white', !isActive);
            trigger.classList.toggle('dark:bg-gray-800', !isActive);
            trigger.classList.toggle('border-gray-200', !isActive);
            trigger.classList.toggle('dark:border-gray-700', !isActive);
            trigger.classList.toggle('text-gray-600', !isActive);
            trigger.classList.toggle('dark:text-gray-300', !isActive);
        });
    };

    triggers.forEach((trigger) => {
        trigger.addEventListener('click', () => activateTab(trigger.dataset.tab));
    });

    // Initial activation based on URL parameters or default to 'general'
    const urlParams = new URLSearchParams(window.location.search);
    const initialTab = urlParams.get('tab') || 'general';
    activateTab(initialTab);
});

// CSRF Token
const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');

// Para birimi sembolleri
const currencySymbols = {
    'TRY': '₺',
    'USD': '$',
    'EUR': '€',
    'GBP': '£',
    'CHF': 'CHF',
    'JPY': '¥',
    'CAD': 'C$',
    'AUD': 'A$',
};

// CSV Yükleme İşlemleri
function handleCsvUpload(event) {
    const file = event.target.files[0];
    if (!file) return;

    // Modal'ı göster
    document.getElementById('csvUploadModal').classList.remove('hidden');
    document.getElementById('csvFileInputModal').files = event.target.files;
}

function closeCsvModal() {
    document.getElementById('csvUploadModal').classList.add('hidden');
    document.getElementById('csvFileInput').value = '';
    document.getElementById('csvFileInputModal').value = '';
    document.getElementById('csvUploadProgress').classList.add('hidden');
    document.getElementById('csvUploadProgressBar').style.width = '0%';
}

async function uploadCsvFile() {
    const fileInput = document.getElementById('csvFileInputModal');
    const file = fileInput.files[0];
    
    if (!file) {
        showMessage('error', 'Lütfen bir dosya seçin.');
        return;
    }

    const formData = new FormData();
    formData.append('file', file);
    formData.append('_token', csrfToken);

    const uploadBtn = document.getElementById('uploadCsvBtn');
    const progressDiv = document.getElementById('csvUploadProgress');
    const progressBar = document.getElementById('csvUploadProgressBar');
    const statusText = document.getElementById('csvUploadStatus');

    uploadBtn.disabled = true;
    progressDiv.classList.remove('hidden');
    statusText.textContent = 'Dosya yükleniyor...';
    progressBar.style.width = '30%';

    try {
        const response = await fetch('/product-prices/import-csv', {
            method: 'POST',
            headers: {
                'X-CSRF-TOKEN': csrfToken,
                'Accept': 'application/json'
            },
            body: formData
        });

        progressBar.style.width = '70%';
        statusText.textContent = 'Dosya işleniyor...';

        const result = await response.json();

        progressBar.style.width = '100%';
        statusText.textContent = 'Tamamlandı!';

        if (result.success) {
            showMessage('success', result.message || 'CSV dosyası başarıyla yüklendi.');
            setTimeout(() => {
                closeCsvModal();
                location.reload();
            }, 1500);
        } else {
            showMessage('error', result.message || 'CSV dosyası yüklenirken hata oluştu.');
            if (result.errors && result.errors.length > 0) {
                console.error('Import errors:', result.errors);
            }
        }
    } catch (error) {
        console.error('Error uploading CSV:', error);
        showMessage('error', 'Bir hata oluştu: ' + error.message);
    } finally {
        uploadBtn.disabled = false;
        setTimeout(() => {
            progressDiv.classList.add('hidden');
            progressBar.style.width = '0%';
        }, 2000);
    }
}

// Ürün arama ve filtreleme
function filterProducts() {
    const searchTerm = document.getElementById('productSearch').value.toLowerCase().trim();
    const clearBtn = document.getElementById('clearSearchBtn');
    const rows = document.querySelectorAll('.product-row');
    const noResultsRow = document.getElementById('noResultsRow');
    let visibleCount = 0;

    rows.forEach(row => {
        const productId = row.getAttribute('id').replace('product-row-', '');
        // Ürün adı (3. sütun - checkbox ve ID'den sonra)
        const productNameCell = row.querySelector('td:nth-child(3)');
        const productName = productNameCell?.textContent?.toLowerCase() || '';
        // SKU (4. sütun)
        const productSkuCell = row.querySelector('td:nth-child(4)');
        const productSku = productSkuCell?.textContent?.toLowerCase() || '';
        // ID (2. sütun)
        const productIdCell = row.querySelector('td:nth-child(2)');
        const productIdText = productIdCell?.textContent?.toLowerCase() || '';

        const matches = 
            productName.includes(searchTerm) ||
            productSku.includes(searchTerm) ||
            productIdText.includes(searchTerm);

        if (matches || searchTerm === '') {
            row.style.display = '';
            visibleCount++;
        } else {
            row.style.display = 'none';
            // Expandable row'u da gizle
            const expandableRow = document.getElementById(`product-sites-${productId}`);
            if (expandableRow) {
                expandableRow.style.display = 'none';
            }
        }
    });

    // Sonuç yok mesajını göster/gizle
    if (visibleCount === 0 && searchTerm !== '') {
        noResultsRow.classList.remove('hidden');
    } else {
        noResultsRow.classList.add('hidden');
    }

    // Clear butonunu göster/gizle
    if (searchTerm !== '') {
        clearBtn.classList.remove('hidden');
    } else {
        clearBtn.classList.add('hidden');
    }

    // Sonuç sayısını göster
    updateSearchResults(visibleCount, rows.length);
}

// Arama temizle
function clearSearch() {
    document.getElementById('productSearch').value = '';
    filterProducts();
    document.getElementById('productSearch').focus();
}

// Arama sonuç sayısını güncelle
function updateSearchResults(visible, total) {
    const searchInput = document.getElementById('productSearch');
    const existingBadge = document.getElementById('searchResultsBadge');
    
    if (existingBadge) {
        existingBadge.remove();
    }

    if (searchInput.value.trim() !== '') {
        const badge = document.createElement('span');
        badge.id = 'searchResultsBadge';
        badge.className = 'ml-2 px-2 py-1 text-xs rounded-full bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300';
        badge.textContent = `${visible}/${total} ürün`;
        searchInput.parentElement.appendChild(badge);
    }
}

// Tüm ürünleri seç/kaldır
function toggleSelectAll() {
    const selectAll = document.getElementById('selectAllProducts');
    const checkboxes = document.querySelectorAll('.product-checkbox');
    checkboxes.forEach(checkbox => {
        checkbox.checked = selectAll.checked;
    });
}

// Seçili ürün ID'lerini al
function getSelectedProductIds() {
    const checkboxes = document.querySelectorAll('.product-checkbox:checked');
    return Array.from(checkboxes).map(cb => parseInt(cb.getAttribute('data-product-id')));
}

// Ürünleri gizle (toplu)
async function bulkHideProducts() {
    const productIds = getSelectedProductIds();
    if (productIds.length === 0) {
        showMessage('warning', 'Lütfen en az bir ürün seçin.');
        return;
    }

    const btn = document.getElementById('hideProductsBtn');
    btn.disabled = true;
    btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> İşleniyor...';

    try {
        const response = await fetch('/product-prices/bulk-hide', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': csrfToken,
                'Accept': 'application/json'
            },
            body: JSON.stringify({ product_ids: productIds })
        });

        const result = await response.json();

        if (result.success) {
            showMessage('success', result.message || 'Ürünler başarıyla gizlendi.');
            setTimeout(() => location.reload(), 1500);
        } else {
            showMessage('error', result.message || 'Ürünler gizlenirken hata oluştu.');
        }
    } catch (error) {
        console.error('Error hiding products:', error);
        showMessage('error', 'Bir hata oluştu: ' + error.message);
    } finally {
        btn.disabled = false;
        btn.innerHTML = '<i class="fas fa-eye-slash"></i> Seçili Ürünleri Gizle';
    }
}

// Stok yok yap (toplu)
async function bulkSetOutOfStock() {
    const productIds = getSelectedProductIds();
    if (productIds.length === 0) {
        showMessage('warning', 'Lütfen en az bir ürün seçin.');
        return;
    }

    const btn = document.getElementById('outOfStockBtn');
    btn.disabled = true;
    btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> İşleniyor...';

    try {
        const response = await fetch('/product-prices/bulk-out-of-stock', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': csrfToken,
                'Accept': 'application/json'
            },
            body: JSON.stringify({ product_ids: productIds })
        });

        const result = await response.json();

        if (result.success) {
            showMessage('success', result.message || 'Ürünlerin stok durumu başarıyla güncellendi.');
            setTimeout(() => location.reload(), 1500);
        } else {
            showMessage('error', result.message || 'Stok durumu güncellenirken hata oluştu.');
        }
    } catch (error) {
        console.error('Error setting out of stock:', error);
        showMessage('error', 'Bir hata oluştu: ' + error.message);
    } finally {
        btn.disabled = false;
        btn.innerHTML = '<i class="fas fa-box-open"></i> Stok Yok Yap';
    }
}

// İndirim uygula (toplu)
async function bulkApplyDiscount() {
    const productIds = getSelectedProductIds();
    if (productIds.length === 0) {
        showMessage('warning', 'Lütfen en az bir ürün seçin.');
        return;
    }

    const discountPercent = parseFloat(document.getElementById('discountPercent').value);
    if (isNaN(discountPercent) || discountPercent < 0 || discountPercent > 100) {
        showMessage('error', 'Lütfen 0-100 arasında geçerli bir indirim yüzdesi girin.');
        return;
    }

    const btn = document.getElementById('applyDiscountBtn');
    btn.disabled = true;
    btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> İşleniyor...';

    try {
        const response = await fetch('/product-prices/bulk-discount', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': csrfToken,
                'Accept': 'application/json'
            },
            body: JSON.stringify({ 
                product_ids: productIds,
                discount_percent: discountPercent
            })
        });

        const result = await response.json();

        if (result.success) {
            showMessage('success', result.message || 'İndirim başarıyla uygulandı.');
            document.getElementById('discountPercent').value = '';
            setTimeout(() => location.reload(), 1500);
        } else {
            showMessage('error', result.message || 'İndirim uygulanırken hata oluştu.');
        }
    } catch (error) {
        console.error('Error applying discount:', error);
        showMessage('error', 'Bir hata oluştu: ' + error.message);
    } finally {
        btn.disabled = false;
        btn.innerHTML = '<i class="fas fa-tag"></i> İndirim Uygula';
    }
}

// Ürün sitelerini göster/gizle
function toggleProductSites(productId) {
    const row = document.getElementById(`product-sites-${productId}`);
    const chevron = document.getElementById(`chevron-${productId}`);
    
    if (row && chevron) {
        const isHidden = row.classList.contains('hidden');
        row.classList.toggle('hidden', !isHidden);
        chevron.classList.toggle('rotate-90', !isHidden);
    }
}

// Site'in kur çarpanını güncelle
async function updateMultiplier(siteId, value) {
    const multiplier = parseFloat(value);
    
    if (isNaN(multiplier) || multiplier < 0.0001 || multiplier > 10.0000) {
        showMessage('error', 'Çarpan değeri 0.0001 ile 10.0000 arasında olmalıdır.');
        return;
    }
    
    try {
        const response = await fetch(`/product-prices/sites/${siteId}/update-multiplier`, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': csrfToken,
                'Accept': 'application/json'
            },
            body: JSON.stringify({
                custom_exchange_rate_multiplier: multiplier
            })
        });
        
        const result = await response.json();
        
        if (!response.ok) {
            showMessage('error', result.message || 'Çarpan güncellenirken hata oluştu.');
            return;
        }
        
        if (result.success) {
            showMessage('success', result.message || 'Çarpan başarıyla güncellendi.');
            // Sayfayı yenile (fiyatlar yeniden hesaplanacak)
            setTimeout(() => {
                location.reload();
            }, 1000);
        } else {
            showMessage('error', result.message || 'Çarpan güncellenirken hata oluştu.');
        }
    } catch (error) {
        console.error('Error updating multiplier:', error);
        showMessage('error', 'Bir hata oluştu: ' + error.message);
    }
}

// Para birimi artık site bazlı, değiştirilemez

// Tek bir ürünün fiyatını güncelle
async function updatePrice(productId, field, value) {
    const loadingEl = document.getElementById(`loading-${productId}`);
    const statusEl = document.getElementById(`status-${productId}`);
    const rowEl = document.getElementById(`product-row-${productId}`);
    
    // Loading göster
    if (loadingEl) loadingEl.classList.remove('hidden');
    if (rowEl) rowEl.classList.add('opacity-50');
    
    const data = {};
    data[field] = value ? parseFloat(value) : null;
    
    try {
        const response = await fetch(`/product-prices/${productId}/update-price`, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': csrfToken,
                'Accept': 'application/json'
            },
            body: JSON.stringify(data)
        });
        
        const result = await response.json();
        
        if (!response.ok) {
            let detail = '';
            if (result.details) {
                detail = ` Detay: ${result.details}`;
            }
            showMessage('error', (result.message || 'Fiyat güncellenirken hata oluştu.') + detail);
            return;
        }
        
        if (result.success) {
            // Başarı mesajı göster
            showMessage('success', result.message);
            
            // WordPress durumunu güncelle
            if (statusEl) {
                if (result.wordpress_sync !== false) {
                    statusEl.innerHTML = `
                        <span class="px-2 py-1 text-xs rounded-full bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300" title="WordPress'e senkronize edildi">
                            <i class="fas fa-check-circle"></i> WP
                        </span>
                    `;
                } else {
                    statusEl.innerHTML = `
                        <span class="px-2 py-1 text-xs rounded-full bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-300" title="Laravel'de güncellendi, WordPress senkronizasyonu başarısız">
                            <i class="fas fa-exclamation-triangle"></i> WP
                        </span>
                    `;
                }
            }
            
            // Input değerini güncelle
            const inputEl = document.querySelector(`[data-product-id="${productId}"][data-field="${field}"]`);
            if (inputEl && result.product) {
                inputEl.value = result.product[field] || '';
            }
        } else {
            showMessage('error', result.message || 'Fiyat güncellenirken hata oluştu.');
        }
    } catch (error) {
        console.error('Error updating price:', error);
        showMessage('error', 'Bir hata oluştu: ' + error.message);
    } finally {
        // Loading gizle
        if (loadingEl) loadingEl.classList.add('hidden');
        if (rowEl) rowEl.classList.remove('opacity-50');
    }
}

// Tüm ürünlerin fiyatlarını toplu güncelle
async function saveAllPrices() {
    const saveBtn = document.getElementById('saveAllBtn');
    const messageContainer = document.getElementById('messageContainer');
    
    // Tüm input'ları topla
    const updates = [];
    const inputs = document.querySelectorAll('.price-input');
    
    inputs.forEach(input => {
        const productId = parseInt(input.getAttribute('data-product-id'));
        const field = input.getAttribute('data-field');
        let value;
        
        value = input.value ? parseFloat(input.value) : null;
        
        // Bu ürün için daha önce bir update eklenmiş mi kontrol et
        let update = updates.find(u => u.product_id === productId);
        if (!update) {
            update = { product_id: productId };
            updates.push(update);
        }
        
        update[field] = value;
    });
    
    // Para birimi artık site bazlı, değiştirilemez
    
    if (updates.length === 0) {
        showMessage('warning', 'Güncellenecek fiyat bulunamadı.');
        return;
    }
    
    // Butonu devre dışı bırak
    saveBtn.disabled = true;
    saveBtn.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i>Kaydediliyor...';
    
    // Tüm satırlarda loading göster
    document.querySelectorAll('.product-row').forEach(row => {
        row.classList.add('opacity-50');
    });
    
    try {
        const response = await fetch('/product-prices/batch-update', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': csrfToken,
                'Accept': 'application/json'
            },
            body: JSON.stringify({ updates })
        });
        
        const result = await response.json();
        
        if (!response.ok) {
            let detail = '';
            if (result.results && Array.isArray(result.results.errors) && result.results.errors.length > 0) {
                detail = ` Detay: ${result.results.errors[0].error}`;
            } else if (result.details) {
                detail = ` Detay: ${result.details}`;
            }
            showMessage('error', (result.message || 'Toplu güncelleme sırasında hata oluştu.') + detail);
            if (result.results && result.results.errors) {
                console.error('Batch update errors:', result.results.errors);
            }
            return;
        }
        
        if (result.success) {
            showMessage('success', result.message);
            
            // Başarılı güncellemeler için WordPress durumunu güncelle
            if (result.results && result.results.wordpress_synced > 0) {
                // Sayfayı yenile (veya sadece durumları güncelle)
                setTimeout(() => {
                    location.reload();
                }, 1500);
            }
        } else {
            showMessage('error', result.message || 'Toplu güncelleme sırasında hata oluştu.');
        }
    } catch (error) {
        console.error('Error batch updating prices:', error);
        showMessage('error', 'Bir hata oluştu: ' + error.message);
    } finally {
        // Butonu tekrar aktif et
        saveBtn.disabled = false;
        saveBtn.innerHTML = '<i class="fas fa-save mr-2"></i>Tümünü Kaydet';
        
        // Loading'i kaldır
        document.querySelectorAll('.product-row').forEach(row => {
            row.classList.remove('opacity-50');
        });
    }
}

// Para birimi artık site bazlı, değiştirilemez

// Mesaj göster
function showMessage(type, message) {
    const messageContainer = document.getElementById('messageContainer');
    const bgColor = type === 'success' ? 'bg-green-50 dark:bg-green-900/30 border-green-200 dark:border-green-700 text-green-800 dark:text-green-300' : 
                    type === 'error' ? 'bg-red-50 dark:bg-red-900/30 border-red-200 dark:border-red-700 text-red-800 dark:text-red-300' : 
                    'bg-yellow-50 dark:bg-yellow-900/30 border-yellow-200 dark:border-yellow-700 text-yellow-800 dark:text-yellow-300';
    const icon = type === 'success' ? 'fa-check-circle' : 
                 type === 'error' ? 'fa-exclamation-circle' : 
                 'fa-info-circle';
    
    messageContainer.innerHTML = `
        <div class="rounded-md border p-4 ${bgColor}">
            <div class="flex">
                <div class="flex-shrink-0">
                    <i class="fas ${icon}"></i>
                </div>
                <div class="ml-3">
                    <p class="text-sm font-medium">${message}</p>
                </div>
                <div class="ml-auto pl-3">
                    <button onclick="this.parentElement.parentElement.parentElement.remove()" class="text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-400">
                        <i class="fas fa-times"></i>
                    </button>
                </div>
            </div>
        </div>
    `;
    
    // 5 saniye sonra otomatik kaldır
    setTimeout(() => {
        if (messageContainer.firstChild) {
            messageContainer.firstChild.remove();
        }
    }, 5000);
}

// Para Birimi Çarpanları Modal Fonksiyonları
function openCurrencyMultipliersModal() {
    const modal = document.getElementById('currencyMultipliersModal');
    if (modal) {
        modal.classList.remove('hidden');
        modal.style.display = 'flex';
        modal.style.justifyContent = 'center';
        modal.style.alignItems = 'flex-start';
        document.body.style.overflow = 'hidden';
    }
}

function closeCurrencyMultipliersModal() {
    const modal = document.getElementById('currencyMultipliersModal');
    if (modal) {
        modal.classList.add('hidden');
        modal.style.display = 'none';
        document.body.style.overflow = '';
    }
}

// Form submit
document.addEventListener('DOMContentLoaded', function() {
    const addMultiplierForm = document.getElementById('addMultiplierForm');
    if (addMultiplierForm) {
        addMultiplierForm.addEventListener('submit', async function(e) {
            e.preventDefault();
            
            const formData = new FormData(this);
            const data = {
                currency: formData.get('currency').toUpperCase().trim(),
                multiplier: parseFloat(formData.get('multiplier')),
                description: formData.get('description') || null,
            };
            
            if (!data.currency || !data.multiplier) {
                showMessage('error', 'Lütfen tüm zorunlu alanları doldurun.');
                return;
            }
            
            if (data.multiplier < 0.0001 || data.multiplier > 10.0000) {
                showMessage('error', 'Çarpan değeri 0.0001 ile 10.0000 arasında olmalıdır.');
                return;
            }
            
            const url = '{{ route("settings.currency-multipliers.store") }}';
            console.log('Sending request to:', url);
            console.log('Request data:', data);
            
            try {
                const response = await fetch(url, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': csrfToken,
                        'Accept': 'application/json',
                        'X-Requested-With': 'XMLHttpRequest'
                    },
                    credentials: 'same-origin',
                    body: JSON.stringify(data)
                });
                
                console.log('Response status:', response.status);
                console.log('Response headers:', Object.fromEntries(response.headers.entries()));
                
                // Response'un JSON olup olmadığını kontrol et
                const contentType = response.headers.get('content-type');
                console.log('Content-Type:', contentType);
                
                if (!contentType || !contentType.includes('application/json')) {
                    const text = await response.text();
                    console.error('Non-JSON response received');
                    console.error('Response text (first 1000 chars):', text.substring(0, 1000));
                    
                    // Eğer 403 veya 401 hatası varsa
                    if (response.status === 403 || response.status === 401) {
                        showMessage('error', 'Bu işlem için yetkiniz yok.');
                    } else if (response.status === 404) {
                        showMessage('error', 'Route bulunamadı. Lütfen sayfayı yenileyin.');
                    } else if (response.status === 419) {
                        showMessage('error', 'CSRF token hatası. Lütfen sayfayı yenileyin.');
                    } else {
                        showMessage('error', `Sunucu hatası (${response.status}). Lütfen sayfayı yenileyin ve tekrar deneyin.`);
                    }
                    return;
                }
                
                const result = await response.json();
                console.log('Response result:', result);
                
                if (response.ok && result.success) {
                    showMessage('success', result.message);
                    // Formu temizle
                    addMultiplierForm.reset();
                    setTimeout(() => {
                        location.reload();
                    }, 1000);
                } else {
                    showMessage('error', result.message || 'Çarpan kaydedilirken hata oluştu.');
                }
            } catch (error) {
                console.error('Fetch error:', error);
                showMessage('error', 'Bir hata oluştu: ' + error.message);
            }
        });
    }
});

// Delete multiplier
async function deleteCurrencyMultiplier(currency) {
    if (!confirm(`"${currency}" para birimi çarpanını silmek istediğinize emin misiniz?`)) {
        return;
    }
    
    try {
        const response = await fetch(`{{ route('settings.currency-multipliers.destroy', '') }}/${currency}`, {
            method: 'DELETE',
            headers: {
                'X-CSRF-TOKEN': csrfToken,
                'Accept': 'application/json',
                'X-Requested-With': 'XMLHttpRequest'
            }
        });
        
        // Response'un JSON olup olmadığını kontrol et
        const contentType = response.headers.get('content-type');
        if (!contentType || !contentType.includes('application/json')) {
            const text = await response.text();
            console.error('Non-JSON response:', text.substring(0, 500));
            showMessage('error', 'Sunucudan beklenmeyen yanıt alındı. Lütfen sayfayı yenileyin ve tekrar deneyin.');
            return;
        }
        
        const result = await response.json();
        
        if (response.ok && result.success) {
            showMessage('success', result.message);
            setTimeout(() => {
                location.reload();
            }, 1000);
        } else {
            showMessage('error', result.message || 'Çarpan silinirken hata oluştu.');
        }
    } catch (error) {
        console.error('Error:', error);
        showMessage('error', 'Bir hata oluştu: ' + error.message);
    }
}
</script>
@endsection