@extends('admin.layout')
@section('title', 'Gestión de Paquetes')
@section('page-title', 'Paket Yönetimi')

@section('content')
<div class="content-card">
    <div class="d-flex justify-content-between align-items-start align-items-sm-center flex-wrap gap-2 mb-4">
        <div>
            <h3 class="mb-0">Paketler</h3>
            <p class="text-muted mb-0">Yapay zeka yorum ve chat paketlerini buradan yönetebilirsiniz. Fiyatlar dinamik olarak değiştirilebilir.</p>
        </div>
        <div class="d-flex flex-wrap gap-2">
            <button type="button" class="btn btn-outline-warning" data-bs-toggle="modal" data-bs-target="#bulkDiscountModal">
                <i class="bi bi-percent"></i> Toplu İndirim Yap
            </button>
            <a href="{{ route('admin.packages.create') }}" class="btn btn-primary">
                <i class="bi bi-plus-circle"></i> Paket Ekle
            </a>
        </div>
    </div>

    <ul class="nav nav-tabs mb-4" id="packagesAdminTabs" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="tab-packages" data-bs-toggle="tab" data-bs-target="#pane-packages" type="button" role="tab">Paketler</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="tab-token-rapor" data-bs-toggle="tab" data-bs-target="#pane-token-rapor" type="button" role="tab">Token</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="tab-abonelik" data-bs-toggle="tab" data-bs-target="#pane-abonelik" type="button" role="tab">Suscripción</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="tab-abonelik-tokensiz" data-bs-toggle="tab" data-bs-target="#pane-abonelik-tokensiz" type="button" role="tab">Suscripción sin Tokens</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="tab-yorum-token" data-bs-toggle="tab" data-bs-target="#pane-yorum-token" type="button" role="tab">Yorum Token Fiyatları</button>
        </li>
    </ul>

    <div class="tab-content" id="packagesAdminTabContent">
        {{-- Sekme 1: Paket listesi --}}
        <div class="tab-pane fade show active" id="pane-packages" role="tabpanel">
            @if($packages->count() > 0)
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Paket</th>
                                <th>Kelime</th>
                                <th>Birim fiyat (₺/kelime)</th>
                                <th>Ek Fiyat (₺)</th>
                                <th>Normal Fiyat</th>
                                <th>İndirimli Fiyat</th>
                                <th>Durum</th>
                                <th>İşlemler</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($packages as $package)
                                <tr>
                                    <td><strong>{{ $package->name }}</strong></td>
                                    <td>{{ number_format($package->word_limit) }} kelime</td>
                                    <td>{{ number_format($package->word_unit_price ?? 0, 4, ',', '.') }} ₺</td>
                                    <td>{{ number_format($package->extra_price ?? 0, 0, ',', '.') }} ₺</td>
                                    <td>{{ number_format($package->price_normal, 0, ',', '.') }} ₺</td>
                                    <td class="text-success fw-bold">{{ number_format($package->price_discounted, 0, ',', '.') }} ₺</td>
                                    <td>
                                        @if($package->is_active)
                                            <span class="badge bg-success">Aktif</span>
                                        @else
                                            <span class="badge bg-secondary">Pasif</span>
                                        @endif
                                    </td>
                                    <td>
                                        <div class="btn-group btn-group-sm">
                                            <a href="{{ route('admin.packages.edit', $package) }}" class="btn btn-outline-primary" title="Editar">
                                                <i class="bi bi-pencil"></i>
                                            </a>
                                            <form action="{{ route('admin.packages.destroy', $package) }}" method="POST" class="d-inline"
                                                onsubmit="return confirm('Bu paketi silmek istediğinizden emin misiniz?');">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-outline-danger" title="Eliminar">
                                                    <i class="bi bi-trash"></i>
                                                </button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <div class="text-center py-5">
                    <i class="bi bi-box-seam" style="font-size: 4rem; color: #ccc;"></i>
                    <p class="text-muted mt-3">Henüz paket bulunmamaktadır.</p>
                    <a href="{{ route('admin.packages.create') }}" class="btn btn-primary">
                        <i class="bi bi-plus-circle"></i> İlk Paketi Oluştur
                    </a>
                </div>
            @endif
        </div>

        {{-- Sekme 2: Token ayarları --}}
        <div class="tab-pane fade" id="pane-token-rapor" role="tabpanel">
    {{-- Token ayarları --}}
    <div class="card mb-4">
        <div class="card-header bg-light d-flex justify-content-between align-items-center">
            <h6 class="mb-0"><i class="bi bi-currency-exchange me-2"></i>Token Ayarları</h6>
            <button type="button" class="btn btn-sm btn-outline-primary" data-bs-toggle="collapse" data-bs-target="#unitPricesForm">
                <i class="bi bi-pencil"></i> Düzenle
            </button>
        </div>
        <div class="collapse" id="unitPricesForm">
            <div class="card-body">
                <form action="{{ route('admin.packages.settings.update') }}" method="POST" class="row g-3">
                    @csrf
                    <div class="col-md-4">
                        <label class="form-label">Kelime başı fiyat (TL)</label>
                        <input type="number" name="chat_word_unit_price" class="form-control" min="0" step="0.001"
                            value="{{ \App\Models\Setting::get('chat_word_unit_price', 0.02) }}">
                    </div>
                    <div class="col-12 mt-3">
                        <h6 class="mb-2">Yorum Başına Tüketilen Token</h6>
                        <p class="small text-muted">Bir yorum alındığında kullanıcının bakiyesinden düşülecek kelime sayısı.</p>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Natal yorum (kelime)</label>
                        <input type="number" name="comment_natal_chat_words_cost" class="form-control" min="0" step="1"
                            value="{{ \App\Models\Setting::get('comment_natal_chat_words_cost', 10000) }}">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">İlişki yorumu (kelime)</label>
                        <input type="number" name="comment_relationship_chat_words_cost" class="form-control" min="0" step="1"
                            value="{{ \App\Models\Setting::get('comment_relationship_chat_words_cost', 15000) }}">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Yıllık yorum (kelime)</label>
                        <input type="number" name="comment_annual_chat_words_cost" class="form-control" min="0" step="1"
                            value="{{ \App\Models\Setting::get('comment_annual_chat_words_cost', 20000) }}">
                    </div>
                    <div class="col-12 mt-3">
                        <h6 class="mb-2">Sabit Ücretli Özellikler (Token)</h6>
                        <p class="small text-muted">Rektifikasyon ve Seçim Astrolojisi sabit Token adedi ile; Horary ise güncel Token birim fiyatına göre TL karşılığı Token ile ücretlendirilir.</p>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Rektifikasyon (Token)</label>
                        <input type="number" name="rectification_chat_words_cost" class="form-control" min="0" step="1"
                            value="{{ \App\Models\Setting::get('rectification_chat_words_cost', 14000) }}">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Seçim Astrolojisi (Token)</label>
                        <input type="number" name="electional_chat_words_cost" class="form-control" min="0" step="1"
                            value="{{ \App\Models\Setting::get('electional_chat_words_cost', 14000) }}">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Horary fiyatı (TL)</label>
                        <input type="number" name="horary_price_tl" class="form-control" min="0" step="0.01"
                            value="{{ \App\Models\Setting::get('horary_price_tl', 110) }}">
                        <small class="text-muted">≈ {{ number_format((int) round(\App\Models\Setting::get('horary_price_tl', 110) / max(0.0001, \App\Models\Setting::get('chat_word_unit_price', 0.02))), 0, ',', '.') }} Token (güncel birim fiyata göre)</small>
                    </div>
                    <div class="col-12 d-flex gap-2">
                        <button type="submit" class="btn btn-success">
                            <i class="bi bi-check"></i> Kaydet
                        </button>
                        <button type="submit" name="recalc_from_word_price" value="1" class="btn btn-outline-primary">
                            <i class="bi bi-calculator"></i> Paketleri kelime fiyatına göre güncelle
                        </button>
                    </div>
                </form>
            </div>
        </div>
        <div class="card-body">
            <div class="row text-center">
                <div class="col-md-3">
                    <small class="text-muted">Kelime başı fiyat</small>
                    <p class="mb-0 fw-bold">{{ number_format(\App\Models\Setting::get('chat_word_unit_price', 0.02), 4, ',', '.') }} ₺</p>
                </div>
                <div class="col-md-3">
                    <small class="text-muted">Natal yorum →</small>
                    <p class="mb-0 fw-bold">{{ number_format(\App\Models\Setting::get('comment_natal_chat_words_cost', 10000), 0, ',', '.') }} kelime</p>
                </div>
                <div class="col-md-3">
                    <small class="text-muted">İlişki / Yıllık yorum</small>
                    <p class="mb-0 fw-bold">{{ number_format(\App\Models\Setting::get('comment_relationship_chat_words_cost', 15000), 0, ',', '.') }} / {{ number_format(\App\Models\Setting::get('comment_annual_chat_words_cost', 20000), 0, ',', '.') }} kelime</p>
                </div>
                <div class="col-md-3">
                    <small class="text-muted">Rektifikasyon / Seçim Astrolojisi</small>
                    <p class="mb-0 fw-bold">{{ number_format(\App\Models\Setting::get('rectification_chat_words_cost', 14000), 0, ',', '.') }} / {{ number_format(\App\Models\Setting::get('electional_chat_words_cost', 14000), 0, ',', '.') }} Token</p>
                </div>
                <div class="col-md-3">
                    <small class="text-muted">Horary</small>
                    <p class="mb-0 fw-bold">{{ number_format(\App\Models\Setting::get('horary_price_tl', 110), 0, ',', '.') }} ₺ ≈ {{ number_format((int) round(\App\Models\Setting::get('horary_price_tl', 110) / max(0.0001, \App\Models\Setting::get('chat_word_unit_price', 0.02))), 0, ',', '.') }} Token</p>
                </div>
            </div>
        </div>
    </div>
        </div>

        {{-- Sekme 3: Abonelik Planları --}}
        <div class="tab-pane fade" id="pane-abonelik" role="tabpanel">
    <div class="card mb-4">
        <div class="card-header bg-light d-flex justify-content-between align-items-center">
            <h6 class="mb-0"><i class="bi bi-crown me-2"></i>Planes de Suscripción (Duración, Paquete y Precios)</h6>
            <button type="button" class="btn btn-sm btn-outline-primary" data-bs-toggle="collapse" data-bs-target="#subscriptionPlansForm">
                <i class="bi bi-pencil"></i> Düzenle
            </button>
        </div>
        <div class="collapse" id="subscriptionPlansForm">
            <div class="card-body">
                <form action="{{ route('admin.packages.settings.update') }}" method="POST" class="row g-3">
                    @csrf

                    @php
                        $plans = app(\App\Services\SubscriptionService::class)->getSubscriptionPlans();
                        $monthly = $plans['monthly'];
                        $six = $plans['six_months'];
                        $yearly = $plans['yearly'];
                    @endphp

                    {{-- Aylık --}}
                    <div class="col-12">
                        <h6 class="mb-2">Suscripción Mensual</h6>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Atanacak Paket</label>
                        <select name="subscription_monthly_package_id" class="form-select">
                            <option value="">Seçili paket yok</option>
                            @foreach ($packages as $package)
                                <option value="{{ $package->id }}" @selected($monthly['package_id'] === $package->id)>
                                    {{ $package->name }} ({{ number_format($package->word_limit) }} kelime)
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Normal Fiyat (TL)</label>
                        <input type="number" name="subscription_price_monthly_normal" class="form-control" min="0" step="1"
                            value="{{ $monthly['price_normal'] }}">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">İndirimli Fiyat (TL)</label>
                        <input type="number" name="subscription_price_monthly_discounted" class="form-control" min="0" step="1"
                            value="{{ $monthly['price_discounted'] }}">
                    </div>

                    {{-- 6 Aylık --}}
                    <div class="col-12 mt-3">
                        <h6 class="mb-2">Suscripción 6 Meses</h6>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Atanacak Paket</label>
                        <select name="subscription_six_months_package_id" class="form-select">
                            <option value="">Seçili paket yok</option>
                            @foreach ($packages as $package)
                                <option value="{{ $package->id }}" @selected($six['package_id'] === $package->id)>
                                    {{ $package->name }} ({{ number_format($package->word_limit) }} kelime)
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Normal Fiyat (TL)</label>
                        <input type="number" name="subscription_price_6_months_normal" class="form-control" min="0" step="1"
                            value="{{ $six['price_normal'] }}">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">İndirimli Fiyat (TL)</label>
                        <input type="number" name="subscription_price_6_months_discounted" class="form-control" min="0" step="1"
                            value="{{ $six['price_discounted'] }}">
                    </div>

                    {{-- 12 Aylık --}}
                    <div class="col-12 mt-3">
                        <h6 class="mb-2">Suscripción 12 Meses</h6>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Atanacak Paket</label>
                        <select name="subscription_yearly_package_id" class="form-select">
                            <option value="">Seçili paket yok</option>
                            @foreach ($packages as $package)
                                <option value="{{ $package->id }}" @selected($yearly['package_id'] === $package->id)>
                                    {{ $package->name }} ({{ number_format($package->word_limit) }} kelime)
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Normal Fiyat (TL)</label>
                        <input type="number" name="subscription_price_12_months_normal" class="form-control" min="0" step="1"
                            value="{{ $yearly['price_normal'] }}">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">İndirimli Fiyat (TL)</label>
                        <input type="number" name="subscription_price_12_months_discounted" class="form-control" min="0" step="1"
                            value="{{ $yearly['price_discounted'] }}">
                    </div>

                    <div class="col-12 mt-3">
                        <button type="submit" class="btn btn-success">
                            <i class="bi bi-check"></i> Guardar Planes de Suscripción
                        </button>
                    </div>
                </form>
            </div>
        </div>
        <div class="card-body">
            <div class="row text-center">
                <div class="col-md-4">
                    <small class="text-muted">Suscripción Mensual (Con Descuento)</small>
                    <p class="mb-0 fw-bold">
                        {{ number_format($monthly['price_discounted'], 0, ',', '.') }} ₺
                    </p>
                    @if($monthly['package_id'])
                        <p class="mb-0 small text-muted">
                            Paket: {{ optional($packages->firstWhere('id', $monthly['package_id']))->name ?? '—' }}
                        </p>
                    @endif
                </div>
                <div class="col-md-4">
                    <small class="text-muted">Suscripción 6 Meses (Con Descuento)</small>
                    <p class="mb-0 fw-bold">
                        {{ number_format($six['price_discounted'], 0, ',', '.') }} ₺
                    </p>
                    @if($six['package_id'])
                        <p class="mb-0 small text-muted">
                            Paket: {{ optional($packages->firstWhere('id', $six['package_id']))->name ?? '—' }}
                        </p>
                    @endif
                </div>
                <div class="col-md-4">
                    <small class="text-muted">Suscripción 12 Meses (Con Descuento)</small>
                    <p class="mb-0 fw-bold">
                        {{ number_format($yearly['price_discounted'], 0, ',', '.') }} ₺
                    </p>
                    @if($yearly['package_id'])
                        <p class="mb-0 small text-muted">
                            Paket: {{ optional($packages->firstWhere('id', $yearly['package_id']))->name ?? '—' }}
                        </p>
                    @endif
                </div>
            </div>
        </div>
    </div>
        </div>

        {{-- Sekme: Tokensiz Abonelik Planları --}}
        <div class="tab-pane fade" id="pane-abonelik-tokensiz" role="tabpanel">
    <div class="card mb-4">
        <div class="card-header bg-light d-flex justify-content-between align-items-center">
            <h6 class="mb-0"><i class="bi bi-crown me-2"></i>Planes de Suscripción sin Tokens (Duración y Precios)</h6>
            <button type="button" class="btn btn-sm btn-outline-primary" data-bs-toggle="collapse" data-bs-target="#subscriptionPlansTokenlessForm">
                <i class="bi bi-pencil"></i> Düzenle
            </button>
        </div>
        <p class="text-muted px-3 pt-3 mb-0 small">
            Los usuarios que adquieren estos planes tienen acceso a todas las cartas e informes ilimitados como suscriptores normales,
            ama hiç Token hakkı almazlar. Yorum Al, Horary, Rektifikasyon, Seçim Astrolojisi ve AI Chat için
            ayrıca Token satın almaları gerekir.
        </p>
        <div class="collapse" id="subscriptionPlansTokenlessForm">
            <div class="card-body">
                <form action="{{ route('admin.packages.settings.update') }}" method="POST" class="row g-3">
                    @csrf

                    @php
                        $monthlyTokenless = $plans['monthly_tokenless'];
                        $sixTokenless = $plans['six_months_tokenless'];
                        $yearlyTokenless = $plans['yearly_tokenless'];
                    @endphp

                    {{-- Aylık --}}
                    <div class="col-12">
                        <h6 class="mb-2">Suscripción Mensual (Sin Tokens)</h6>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Normal Fiyat (TL)</label>
                        <input type="number" name="subscription_price_monthly_tokenless_normal" class="form-control" min="0" step="1"
                            value="{{ $monthlyTokenless['price_normal'] }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">İndirimli Fiyat (TL)</label>
                        <input type="number" name="subscription_price_monthly_tokenless_discounted" class="form-control" min="0" step="1"
                            value="{{ $monthlyTokenless['price_discounted'] }}">
                    </div>

                    {{-- 6 Aylık --}}
                    <div class="col-12 mt-3">
                        <h6 class="mb-2">Suscripción 6 Meses (Sin Tokens)</h6>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Normal Fiyat (TL)</label>
                        <input type="number" name="subscription_price_6_months_tokenless_normal" class="form-control" min="0" step="1"
                            value="{{ $sixTokenless['price_normal'] }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">İndirimli Fiyat (TL)</label>
                        <input type="number" name="subscription_price_6_months_tokenless_discounted" class="form-control" min="0" step="1"
                            value="{{ $sixTokenless['price_discounted'] }}">
                    </div>

                    {{-- 12 Aylık --}}
                    <div class="col-12 mt-3">
                        <h6 class="mb-2">Suscripción 12 Meses (Sin Tokens)</h6>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Normal Fiyat (TL)</label>
                        <input type="number" name="subscription_price_12_months_tokenless_normal" class="form-control" min="0" step="1"
                            value="{{ $yearlyTokenless['price_normal'] }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">İndirimli Fiyat (TL)</label>
                        <input type="number" name="subscription_price_12_months_tokenless_discounted" class="form-control" min="0" step="1"
                            value="{{ $yearlyTokenless['price_discounted'] }}">
                    </div>

                    <div class="col-12 mt-3">
                        <button type="submit" class="btn btn-success">
                            <i class="bi bi-check"></i> Guardar Planes de Suscripción sin Tokens
                        </button>
                    </div>
                </form>
            </div>
        </div>
        <div class="card-body">
            <div class="row text-center">
                <div class="col-md-4">
                    <small class="text-muted">Suscripción Mensual (Sin Tokens, Con Descuento)</small>
                    <p class="mb-0 fw-bold">
                        {{ number_format($monthlyTokenless['price_discounted'], 0, ',', '.') }} ₺
                    </p>
                </div>
                <div class="col-md-4">
                    <small class="text-muted">Suscripción 6 Meses (Sin Tokens, Con Descuento)</small>
                    <p class="mb-0 fw-bold">
                        {{ number_format($sixTokenless['price_discounted'], 0, ',', '.') }} ₺
                    </p>
                </div>
                <div class="col-md-4">
                    <small class="text-muted">Suscripción 12 Meses (Sin Tokens, Con Descuento)</small>
                    <p class="mb-0 fw-bold">
                        {{ number_format($yearlyTokenless['price_discounted'], 0, ',', '.') }} ₺
                    </p>
                </div>
            </div>
        </div>
    </div>
        </div>

        {{-- Sekme 4: Yorum Token Fiyatları (Natal / İlişki / Yıllık) --}}
        <div class="tab-pane fade" id="pane-yorum-token" role="tabpanel">
            @php
                $unitPrice = (float) \App\Models\Setting::get('chat_word_unit_price', 0.02);
                $natalWords = (int) \App\Models\Setting::get('comment_natal_chat_words_cost', 10000);
                $relWords = (int) \App\Models\Setting::get('comment_relationship_chat_words_cost', 15000);
                $annualWords = (int) \App\Models\Setting::get('comment_annual_chat_words_cost', 20000);
                $natalExtra = (float) \App\Models\Setting::get('comment_natal_extra_price', 0);
                $relExtra = (float) \App\Models\Setting::get('comment_relationship_extra_price', 0);
                $annualExtra = (float) \App\Models\Setting::get('comment_annual_extra_price', 0);
            @endphp
            <div class="card mb-4">
                <div class="card-header bg-light">
                    <h6 class="mb-0"><i class="bi bi-chat-quote me-2"></i>Yorum Token Fiyatları (Natal / İlişki / Yıllık)</h6>
                </div>
                <div class="card-body">
                    <p class="text-muted small mb-4">
                        Tekil yorum satış fiyatı = (kelime birim fiyat × kelime sayısı) + ek ücret. Örn. 0,01 × 10000 = 100 ₺, ek ücret 150 ₺ → toplam 250 ₺.
                    </p>
                    <form action="{{ route('admin.packages.settings.update') }}" method="POST" id="yorumTokenForm">
                        @csrf
                        <div class="mb-4">
                            <label class="form-label fw-bold">Kelime birim fiyatı (TL)</label>
                            <input type="number" name="chat_word_unit_price" class="form-control" step="0.0001" style="max-width: 200px;"
                                value="{{ $unitPrice }}" placeholder="0,01">
                            <small class="text-muted">Tüm yorum türlerinde kullanılır. (Örn: 0,01)</small>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead class="table-light">
                                    <tr>
                                        <th>Yorum türü</th>
                                        <th>Kelime sayısı</th>
                                        <th>Ek ücret (TL)</th>
                                        <th>Toplam satış fiyatı (TL)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><strong>Natal yorum</strong></td>
                                        <td>
                                            <input type="number" name="comment_natal_chat_words_cost" class="form-control form-control-sm" min="0" step="1"
                                                value="{{ $natalWords }}" id="yorum_natal_words">
                                        </td>
                                        <td>
                                            <input type="number" name="comment_natal_extra_price" class="form-control form-control-sm" step="0.01"
                                                value="{{ $natalExtra }}" id="yorum_natal_extra" placeholder="0">
                                        </td>
                                        <td class="align-middle"><span id="yorum_natal_total">—</span> ₺</td>
                                    </tr>
                                    <tr>
                                        <td><strong>İlişki yorumu</strong></td>
                                        <td>
                                            <input type="number" name="comment_relationship_chat_words_cost" class="form-control form-control-sm" min="0" step="1"
                                                value="{{ $relWords }}" id="yorum_rel_words">
                                        </td>
                                        <td>
                                            <input type="number" name="comment_relationship_extra_price" class="form-control form-control-sm" step="0.01"
                                                value="{{ $relExtra }}" id="yorum_rel_extra" placeholder="0">
                                        </td>
                                        <td class="align-middle"><span id="yorum_rel_total">—</span> ₺</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Yıllık yorum</strong></td>
                                        <td>
                                            <input type="number" name="comment_annual_chat_words_cost" class="form-control form-control-sm" min="0" step="1"
                                                value="{{ $annualWords }}" id="yorum_annual_words">
                                        </td>
                                        <td>
                                            <input type="number" name="comment_annual_extra_price" class="form-control form-control-sm" step="0.01"
                                                value="{{ $annualExtra }}" id="yorum_annual_extra" placeholder="0">
                                        </td>
                                        <td class="align-middle"><span id="yorum_annual_total">—</span> ₺</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <button type="submit" class="btn btn-success">
                            <i class="bi bi-check"></i> Yorum Token Fiyatlarını Kaydet
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="bulkDiscountModal" tabindex="-1" aria-labelledby="bulkDiscountModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="bulkDiscountModalLabel">
                    <i class="bi bi-percent"></i> Toplu İndirim Uygula
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Kapat"></button>
            </div>
            <form action="{{ route('admin.packages.bulk-discount') }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="bulkDiscountName" class="form-label">Kampanya Adı (Opsiyonel)</label>
                        <input id="bulkDiscountName" type="text" name="name" class="form-control" maxlength="255" placeholder="Örn: Yaz Kampanyası">
                    </div>
                    <div class="mb-3">
                        <label for="bulkDiscountPercent" class="form-label">İndirim Yüzdesi (%)</label>
                        <input
                            id="bulkDiscountPercent"
                            type="number"
                            name="discount_percent"
                            class="form-control"
                            min="0.01"
                            max="100"
                            step="0.01"
                            placeholder="Örn: 10"
                            required>
                        <small class="text-muted">Seçtiğiniz sekmelerdeki fiyat alanlarına aynı oran uygulanır.</small>
                    </div>

                    <div class="mb-2 fw-semibold">İndirim Uygulanacak Sekmeler</div>
                    <div class="form-check mb-2">
                        <input class="form-check-input bulk-tab-check" type="checkbox" name="tabs[]" value="packages" id="bulkTabPackages" checked>
                        <label class="form-check-label" for="bulkTabPackages">Paketler</label>
                    </div>
                    <div class="form-check mb-2">
                        <input class="form-check-input bulk-tab-check" type="checkbox" name="tabs[]" value="token" id="bulkTabToken" checked>
                        <label class="form-check-label" for="bulkTabToken">Token</label>
                    </div>
                    <div class="form-check mb-2">
                        <input class="form-check-input bulk-tab-check" type="checkbox" name="tabs[]" value="subscription" id="bulkTabSubscription" checked>
                        <label class="form-check-label" for="bulkTabSubscription">Suscripción</label>
                    </div>
                    <div class="form-check mb-2">
                        <input class="form-check-input bulk-tab-check" type="checkbox" name="tabs[]" value="subscription_tokenless" id="bulkTabSubscriptionTokenless">
                        <label class="form-check-label" for="bulkTabSubscriptionTokenless">Suscripción sin Tokens</label>
                    </div>
                    <div class="form-check mb-2">
                        <input class="form-check-input bulk-tab-check" type="checkbox" name="tabs[]" value="comment_token" id="bulkTabCommentToken" checked>
                        <label class="form-check-label" for="bulkTabCommentToken">Yorum Token Fiyatları</label>
                    </div>
                    <div class="alert alert-light border small mt-3 mb-0">
                        Not: Paketler sekmesinde indirim, paketlerin indirimli satış fiyatına uygulanır.
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Vazgeç</button>
                    <button type="submit" class="btn btn-warning text-dark">
                        <i class="bi bi-check2-circle"></i> Toplu İndirimi Uygula
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="card mt-4">
    <div class="card-header bg-light d-flex justify-content-between align-items-center">
        <h6 class="mb-0"><i class="bi bi-tags me-2"></i>Toplu İndirim Kampanyaları</h6>
        <small class="text-muted">Kampanyaları düzenleyebilir, aktif/pasif yapabilir veya yeniden uygulayabilirsiniz.</small>
    </div>
    <div class="card-body">
        @php
            $tabLabelMap = [
                'packages' => 'Paketler',
                'token' => 'Token',
                'subscription' => 'Suscripción',
                'comment_token' => 'Yorum Token Fiyatları',
            ];
        @endphp

        @if(($bulkDiscounts ?? collect())->count() > 0)
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead>
                        <tr>
                            <th>Kampanya</th>
                            <th>İndirim</th>
                            <th>Sekmeler</th>
                            <th>Durum</th>
                            <th>Son Uygulama</th>
                            <th>İşlemler</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach(($bulkDiscounts ?? collect()) as $discount)
                            @php
                                $tabs = array_values((array) ($discount['tabs'] ?? []));
                                $isActive = !empty($discount['is_active']);
                            @endphp
                            <tr>
                                <td>
                                    <strong>{{ $discount['name'] ?? 'Toplu İndirim' }}</strong>
                                    <div class="small text-muted">{{ $discount['created_at'] ?? '-' }}</div>
                                </td>
                                <td class="fw-semibold text-warning">%{{ rtrim(rtrim(number_format((float) ($discount['discount_percent'] ?? 0), 2, '.', ''), '0'), '.') }}</td>
                                <td>
                                    <div class="d-flex flex-wrap gap-1">
                                        @foreach($tabs as $tabKey)
                                            <span class="badge bg-light text-dark border">{{ $tabLabelMap[$tabKey] ?? $tabKey }}</span>
                                        @endforeach
                                    </div>
                                </td>
                                <td>
                                    @if($isActive)
                                        <span class="badge bg-success">Aktif</span>
                                    @else
                                        <span class="badge bg-secondary">Pasif</span>
                                    @endif
                                </td>
                                <td>{{ $discount['last_applied_at'] ?? '-' }}</td>
                                <td>
                                    <div class="d-flex flex-wrap gap-1">
                                        <form action="{{ route('admin.packages.bulk-discount.apply') }}" method="POST" class="d-inline">
                                            @csrf
                                            <input type="hidden" name="discount_id" value="{{ $discount['id'] ?? '' }}">
                                            <button type="submit" class="btn btn-sm btn-outline-success" @disabled(!$isActive) title="Yeniden uygula">
                                                <i class="bi bi-lightning-charge"></i>
                                            </button>
                                        </form>

                                        <button
                                            type="button"
                                            class="btn btn-sm btn-outline-primary bulk-discount-edit-btn"
                                            data-id="{{ $discount['id'] ?? '' }}"
                                            data-name="{{ $discount['name'] ?? '' }}"
                                            data-percent="{{ (float) ($discount['discount_percent'] ?? 0) }}"
                                            data-tabs='@json($tabs)'
                                            data-active="{{ $isActive ? '1' : '0' }}"
                                            title="Editar">
                                            <i class="bi bi-pencil"></i>
                                        </button>

                                        <form action="{{ route('admin.packages.bulk-discount.toggle') }}" method="POST" class="d-inline">
                                            @csrf
                                            <input type="hidden" name="discount_id" value="{{ $discount['id'] ?? '' }}">
                                            <button type="submit" class="btn btn-sm btn-outline-secondary" title="Activo/Inactivo">
                                                <i class="bi bi-power"></i>
                                            </button>
                                        </form>

                                        <form action="{{ route('admin.packages.bulk-discount.delete') }}" method="POST" class="d-inline" onsubmit="return confirm('Bu kampanyayı silmek istediğinize emin misiniz?');">
                                            @csrf
                                            <input type="hidden" name="discount_id" value="{{ $discount['id'] ?? '' }}">
                                            <button type="submit" class="btn btn-sm btn-outline-danger" title="Eliminar">
                                                <i class="bi bi-trash"></i>
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div class="text-muted small">Henüz kayıtlı toplu indirim kampanyası bulunmuyor.</div>
        @endif
    </div>
</div>

<div class="modal fade" id="editBulkDiscountModal" tabindex="-1" aria-labelledby="editBulkDiscountModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="editBulkDiscountModalLabel">
                    <i class="bi bi-pencil-square"></i> Toplu İndirim Kampanyası Düzenle
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Kapat"></button>
            </div>
            <form action="{{ route('admin.packages.bulk-discount.update') }}" method="POST" id="editBulkDiscountForm">
                @csrf
                <input type="hidden" name="discount_id" id="editBulkDiscountId">
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="editBulkDiscountName" class="form-label">Kampanya Adı</label>
                        <input id="editBulkDiscountName" type="text" name="name" class="form-control" maxlength="255">
                    </div>
                    <div class="mb-3">
                        <label for="editBulkDiscountPercent" class="form-label">İndirim Yüzdesi (%)</label>
                        <input id="editBulkDiscountPercent" type="number" name="discount_percent" class="form-control" min="0.01" max="100" step="0.01" required>
                    </div>

                    <div class="mb-2 fw-semibold">İndirim Uygulanacak Sekmeler</div>
                    <div class="form-check mb-2">
                        <input class="form-check-input edit-bulk-tab-check" type="checkbox" name="tabs[]" value="packages" id="editBulkTabPackages">
                        <label class="form-check-label" for="editBulkTabPackages">Paketler</label>
                    </div>
                    <div class="form-check mb-2">
                        <input class="form-check-input edit-bulk-tab-check" type="checkbox" name="tabs[]" value="token" id="editBulkTabToken">
                        <label class="form-check-label" for="editBulkTabToken">Token</label>
                    </div>
                    <div class="form-check mb-2">
                        <input class="form-check-input edit-bulk-tab-check" type="checkbox" name="tabs[]" value="subscription" id="editBulkTabSubscription">
                        <label class="form-check-label" for="editBulkTabSubscription">Suscripción</label>
                    </div>
                    <div class="form-check mb-2">
                        <input class="form-check-input edit-bulk-tab-check" type="checkbox" name="tabs[]" value="subscription_tokenless" id="editBulkTabSubscriptionTokenless">
                        <label class="form-check-label" for="editBulkTabSubscriptionTokenless">Suscripción sin Tokens</label>
                    </div>
                    <div class="form-check mb-3">
                        <input class="form-check-input edit-bulk-tab-check" type="checkbox" name="tabs[]" value="comment_token" id="editBulkTabCommentToken">
                        <label class="form-check-label" for="editBulkTabCommentToken">Yorum Token Fiyatları</label>
                    </div>

                    <div class="form-check mb-2">
                        <input class="form-check-input" type="checkbox" name="is_active" value="1" id="editBulkIsActive">
                        <label class="form-check-label" for="editBulkIsActive">Kampanya aktif</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="apply_now" value="1" id="editBulkApplyNow">
                        <label class="form-check-label" for="editBulkApplyNow">Kaydederken hemen uygula</label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Vazgeç</button>
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-check2-circle"></i> Kampanyayı Kaydet
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
    var bulkChecks = Array.from(document.querySelectorAll('.bulk-tab-check'));
    var bulkForm = document.querySelector('#bulkDiscountModal form');
    if (bulkForm) {
        bulkForm.addEventListener('submit', function(e) {
            var checkedCount = bulkChecks.filter(function(el) { return el.checked; }).length;
            if (checkedCount < 1) {
                e.preventDefault();
                alert('Lütfen en az bir sekme seçin.');
            }
        });
    }

    var editModalEl = document.getElementById('editBulkDiscountModal');
    var editForm = document.getElementById('editBulkDiscountForm');
    var editButtons = Array.from(document.querySelectorAll('.bulk-discount-edit-btn'));
    var editBulkChecks = Array.from(document.querySelectorAll('.edit-bulk-tab-check'));
    var editIdInput = document.getElementById('editBulkDiscountId');
    var editNameInput = document.getElementById('editBulkDiscountName');
    var editPercentInput = document.getElementById('editBulkDiscountPercent');
    var editActiveInput = document.getElementById('editBulkIsActive');
    var editApplyNowInput = document.getElementById('editBulkApplyNow');

    editButtons.forEach(function(btn) {
        btn.addEventListener('click', function() {
            var id = this.getAttribute('data-id') || '';
            var name = this.getAttribute('data-name') || '';
            var percent = this.getAttribute('data-percent') || '';
            var active = this.getAttribute('data-active') === '1';
            var tabs = [];

            try {
                tabs = JSON.parse(this.getAttribute('data-tabs') || '[]');
            } catch (e) {
                tabs = [];
            }

            if (editIdInput) editIdInput.value = id;
            if (editNameInput) editNameInput.value = name;
            if (editPercentInput) editPercentInput.value = percent;
            if (editActiveInput) editActiveInput.checked = active;
            if (editApplyNowInput) editApplyNowInput.checked = false;

            editBulkChecks.forEach(function(check) {
                check.checked = tabs.indexOf(check.value) !== -1;
            });

            if (tabs.length < 1 && editBulkChecks[0]) {
                editBulkChecks[0].checked = true;
            }

            if (editModalEl && window.bootstrap && window.bootstrap.Modal) {
                window.bootstrap.Modal.getOrCreateInstance(editModalEl).show();
            }
        });
    });

    if (editForm) {
        editForm.addEventListener('submit', function(e) {
            var checkedCount = editBulkChecks.filter(function(el) { return el.checked; }).length;
            if (checkedCount < 1) {
                e.preventDefault();
                alert('Lütfen en az bir sekme seçin.');
            }
        });
    }

    var unit = document.querySelector('#pane-yorum-token input[name="chat_word_unit_price"]');
    function num(id) { var el = document.getElementById(id); return el ? (parseFloat(el.value) || 0) : 0; }
    function updateYorumTotals() {
        var u = unit ? (parseFloat(unit.value) || 0) : 0;
        var natalTotal = (num('yorum_natal_words') * u) + num('yorum_natal_extra');
        var relTotal = (num('yorum_rel_words') * u) + num('yorum_rel_extra');
        var annualTotal = (num('yorum_annual_words') * u) + num('yorum_annual_extra');
        var s = function(x) { return typeof x === 'number' && !isNaN(x) ? x.toFixed(2).replace('.', ',') : '—'; };
        var tn = document.getElementById('yorum_natal_total'); if (tn) tn.textContent = s(natalTotal);
        var tr = document.getElementById('yorum_rel_total'); if (tr) tr.textContent = s(relTotal);
        var ta = document.getElementById('yorum_annual_total'); if (ta) ta.textContent = s(annualTotal);
    }
    if (unit) unit.addEventListener('input', updateYorumTotals);
    ['yorum_natal_words','yorum_natal_extra','yorum_rel_words','yorum_rel_extra','yorum_annual_words','yorum_annual_extra'].forEach(function(id) {
        var el = document.getElementById(id); if (el) el.addEventListener('input', updateYorumTotals);
    });
    updateYorumTotals();
});
</script>
@endsection