@php
    /** @var int|string $index */
    /** @var \App\Models\ReferralCodeBonusRule|null $rule */
    $rc = $rule->trigger_config ?? [];
    $rw = $rule->reward_config ?? [];
    $selectedTrigger = $rule->trigger_type ?? 'subscription_purchase';
    $selectedReward = $rule->reward_type ?? 'credits';
    $selectedPlanKeys = $rc['plan_keys'] ?? [];
    $selectedPackageIds = $rc['package_ids'] ?? [];
@endphp
<div class="card bg-light mb-3 bonus-rule-row" data-rule-row>
    <div class="card-body">
        <input type="hidden" name="bonus_rules[{{ $index }}][id]" value="{{ $rule->id ?? '' }}">
        <div class="row g-3 align-items-end">
            <div class="col-md-4">
                <label class="form-label">Kural Adı (opsiyonel)</label>
                <input type="text" class="form-control" name="bonus_rules[{{ $index }}][name]"
                       value="{{ $rule->name ?? '' }}" placeholder="Ej: Bono de Suscripción Mensual">
            </div>
            <div class="col-md-4">
                <label class="form-label">Tetikleyici (ne zaman verilsin?)</label>
                <select class="form-select" name="bonus_rules[{{ $index }}][trigger_type]" data-bonus-trigger-select>
                    <option value="subscription_purchase" {{ $selectedTrigger === 'subscription_purchase' ? 'selected' : '' }}>
                        Al comprar suscripción
                    </option>
                    <option value="package_purchase" {{ $selectedTrigger === 'package_purchase' ? 'selected' : '' }}>
                        Paket satın alınca
                    </option>
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label">Kota (kullanıcı başına)</label>
                <input type="number" class="form-control" min="1"
                       name="bonus_rules[{{ $index }}][max_triggers_per_user]"
                       value="{{ $rule->max_triggers_per_user ?? '' }}" placeholder="Boş = sınırsız">
            </div>
            <div class="col-md-1">
                <button type="button" class="btn btn-outline-danger btn-sm w-100" data-remove-bonus-rule title="Eliminar regla">
                    <i class="bi bi-trash"></i>
                </button>
            </div>
        </div>

        {{-- Tetikleyici koşulu: abonelik planları --}}
        <div class="mt-3 bonus-trigger-block" data-bonus-trigger-block="subscription_purchase"
             style="{{ $selectedTrigger === 'subscription_purchase' ? '' : 'display:none;' }}">
            <label class="form-label">Hangi planlar tetiklesin? (hiçbiri seçilmezse tümü)</label>
            <div class="d-flex flex-wrap gap-3">
                @foreach ($subscriptionPlans ?? [] as $planKey => $planLabel)
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="bonus_plan_{{ $index }}_{{ $planKey }}"
                               name="bonus_rules[{{ $index }}][plan_keys][]" value="{{ $planKey }}"
                               {{ in_array($planKey, $selectedPlanKeys, true) ? 'checked' : '' }}>
                        <label class="form-check-label" for="bonus_plan_{{ $index }}_{{ $planKey }}">{{ $planLabel }}</label>
                    </div>
                @endforeach
            </div>
        </div>

        {{-- Tetikleyici koşulu: paketler --}}
        <div class="mt-3 bonus-trigger-block" data-bonus-trigger-block="package_purchase"
             style="{{ $selectedTrigger === 'package_purchase' ? '' : 'display:none;' }}">
            <label class="form-label">Hangi paketler tetiklesin? (hiçbiri seçilmezse tümü)</label>
            <div class="d-flex flex-wrap gap-3">
                @foreach ($packages as $package)
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="bonus_pkg_{{ $index }}_{{ $package->id }}"
                               name="bonus_rules[{{ $index }}][package_ids][]" value="{{ $package->id }}"
                               {{ in_array($package->id, $selectedPackageIds, true) ? 'checked' : '' }}>
                        <label class="form-check-label" for="bonus_pkg_{{ $index }}_{{ $package->id }}">{{ $package->name }}</label>
                    </div>
                @endforeach
            </div>
        </div>

        <hr>

        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label">Bonus Ödül Türü</label>
                <select class="form-select" name="bonus_rules[{{ $index }}][reward_type]" data-bonus-reward-select>
                    <option value="subscription" {{ $selectedReward === 'subscription' ? 'selected' : '' }}>Otorgar Tiempo de Suscripción</option>
                    <option value="package" {{ $selectedReward === 'package' ? 'selected' : '' }}>Hazır Paket Ver</option>
                    <option value="credits" {{ $selectedReward === 'credits' ? 'selected' : '' }}>Kredi Ver (Token / Rapor / Harita / Yorum)</option>
                </select>
            </div>
            <div class="col-md-6 d-flex align-items-center">
                <div class="form-check mt-4">
                    <input type="checkbox" class="form-check-input" id="bonus_active_{{ $index }}"
                           name="bonus_rules[{{ $index }}][is_active]" value="1"
                           {{ ($rule->is_active ?? true) ? 'checked' : '' }}>
                    <label class="form-check-label" for="bonus_active_{{ $index }}">Kural aktif</label>
                </div>
            </div>
        </div>

        <div class="mt-3 bonus-reward-block" data-bonus-reward-block="subscription"
             style="{{ $selectedReward === 'subscription' ? '' : 'display:none;' }}">
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label">Süre (Gün)</label>
                    <input type="number" class="form-control" min="1" max="3650"
                           name="bonus_rules[{{ $index }}][days]" value="{{ $rw['days'] ?? 30 }}">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Ek Paket (opsiyonel)</label>
                    <select class="form-select" name="bonus_rules[{{ $index }}][bonus_package_id]">
                        <option value="">Yok</option>
                        @foreach ($packages as $package)
                            <option value="{{ $package->id }}"
                                {{ (string) ($rw['bonus_package_id'] ?? '') === (string) $package->id ? 'selected' : '' }}>
                                {{ $package->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-12">
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="bonus_tokenless_{{ $index }}"
                               name="bonus_rules[{{ $index }}][tokenless]" value="1"
                               {{ !empty($rw['tokenless']) ? 'checked' : '' }}>
                        <label class="form-check-label" for="bonus_tokenless_{{ $index }}">Suscripción sin tokens</label>
                    </div>
                </div>
            </div>
        </div>

        <div class="mt-3 bonus-reward-block" data-bonus-reward-block="package"
             style="{{ $selectedReward === 'package' ? '' : 'display:none;' }}">
            <label class="form-label">Paket</label>
            <select class="form-select" name="bonus_rules[{{ $index }}][package_id]">
                <option value="">Seçiniz...</option>
                @foreach ($packages as $package)
                    <option value="{{ $package->id }}"
                        {{ (string) ($rw['package_id'] ?? '') === (string) $package->id ? 'selected' : '' }}>
                        {{ $package->name }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="mt-3 bonus-reward-block" data-bonus-reward-block="credits"
             style="{{ $selectedReward === 'credits' ? '' : 'display:none;' }}">
            <div class="row g-3">
                <div class="col-md-3">
                    <label class="form-label">Token</label>
                    <input type="number" class="form-control" min="0"
                           name="bonus_rules[{{ $index }}][chat_words]" value="{{ $rw['chat_words'] ?? 0 }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Rapor Hakkı</label>
                    <input type="number" class="form-control" min="0"
                           name="bonus_rules[{{ $index }}][report_credits]" value="{{ $rw['report_credits'] ?? 0 }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Harita Geçiş Hakkı</label>
                    <input type="number" class="form-control" min="0"
                           name="bonus_rules[{{ $index }}][map_credits]" value="{{ $rw['map_credits'] ?? 0 }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label">AI Yorum Hakkı</label>
                    <input type="number" class="form-control" min="0"
                           name="bonus_rules[{{ $index }}][comment_credits]" value="{{ $rw['comment_credits'] ?? 0 }}">
                </div>
            </div>
        </div>
    </div>
</div>