@php
    $config = $referralCode->reward_config ?? [];
    $selectedType = old('reward_type', $referralCode->reward_type ?? 'subscription');
@endphp

<div class="row">
    <div class="col-md-8">
        <div class="mb-3">
            <label for="name" class="form-label">Ad <span class="text-danger">*</span></label>
            <input type="text" class="form-control @error('name') is-invalid @enderror"
                   id="name" name="name" value="{{ old('name', $referralCode->name ?? '') }}" required
                   placeholder="Örn: Instagram Kampanyası">
            @error('name')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="code" class="form-label">Referans Kodu <span class="text-danger">*</span></label>
            <input type="text" class="form-control @error('code') is-invalid @enderror"
                   id="code" name="code" value="{{ old('code', $referralCode->code ?? '') }}" required
                   placeholder="Örn: HOSGELDIN30" style="text-transform: uppercase;">
            <small class="form-text text-muted">Kullanıcı kayıt formunda bu kodu girecek. Otomatik büyük harfe çevrilir.</small>
            @error('code')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="description" class="form-label">Açıklama (opsiyonel)</label>
            <textarea class="form-control @error('description') is-invalid @enderror" id="description"
                name="description" rows="2">{{ old('description', $referralCode->description ?? '') }}</textarea>
            @error('description')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="reward_type" class="form-label">Ödül Türü <span class="text-danger">*</span></label>
            <select class="form-select @error('reward_type') is-invalid @enderror" id="reward_type" name="reward_type">
                <option value="subscription" {{ $selectedType === 'subscription' ? 'selected' : '' }}>
                    Abonelik Süresi Ver (1 günden 1 yıla kadar, tokenli/tokensiz)
                </option>
                <option value="package" {{ $selectedType === 'package' ? 'selected' : '' }}>
                    Hazır Paket Ver
                </option>
                <option value="credits" {{ $selectedType === 'credits' ? 'selected' : '' }}>
                    Kredi Ver (Token / Rapor / Harita / Yorum Hakkı)
                </option>
            </select>
            @error('reward_type')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        {{-- Abonelik --}}
        <div class="reward-block" data-reward-block="subscription">
            <div class="card bg-light mb-3">
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label for="days" class="form-label">Süre (Gün) <span class="text-danger">*</span></label>
                            <input type="number" class="form-control @error('days') is-invalid @enderror"
                                id="days" name="days" min="1" max="3650"
                                value="{{ old('days', $config['days'] ?? 30) }}">
                            <small class="form-text text-muted">Örn: 1 = 1 günlük, 30 = 1 aylık, 365 = 1 yıllık üyelik.</small>
                            @error('days')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <label for="bonus_package_id" class="form-label">Ek Paket (opsiyonel)</label>
                            <select class="form-select @error('bonus_package_id') is-invalid @enderror"
                                id="bonus_package_id" name="bonus_package_id">
                                <option value="">Yok</option>
                                @foreach ($packages as $package)
                                    <option value="{{ $package->id }}"
                                        {{ (string) old('bonus_package_id', $config['bonus_package_id'] ?? '') === (string) $package->id ? 'selected' : '' }}>
                                        {{ $package->name }} ({{ number_format($package->word_limit) }} Token)
                                    </option>
                                @endforeach
                            </select>
                            <small class="form-text text-muted">Tokensiz değilse, abonelikle birlikte bu paketin hakları da tanımlanır.</small>
                            @error('bonus_package_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-12">
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="tokenless" name="tokenless"
                                    value="1" {{ old('tokenless', $config['tokenless'] ?? false) ? 'checked' : '' }}>
                                <label class="form-check-label" for="tokenless">
                                    Tokensiz abonelik (harita/rapor erişimi açılır, Token/paket hakkı verilmez)
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Paket --}}
        <div class="reward-block" data-reward-block="package">
            <div class="card bg-light mb-3">
                <div class="card-body">
                    <label for="package_id" class="form-label">Paket <span class="text-danger">*</span></label>
                    <select class="form-select @error('package_id') is-invalid @enderror" id="package_id"
                        name="package_id">
                        <option value="">Seçiniz...</option>
                        @foreach ($packages as $package)
                            <option value="{{ $package->id }}"
                                {{ (string) old('package_id', $config['package_id'] ?? '') === (string) $package->id ? 'selected' : '' }}>
                                {{ $package->name }} ({{ number_format($package->word_limit) }} Token,
                                {{ number_format($package->comment_count) }} Yorum)
                            </option>
                        @endforeach
                    </select>
                    <small class="form-text text-muted">Kullanıcıya sadece bu paketin hakları tanımlanır, abonelik verilmez.</small>
                    @error('package_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </div>

        {{-- Kredi --}}
        <div class="reward-block" data-reward-block="credits">
            <div class="card bg-light mb-3">
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label for="chat_words" class="form-label">Token (Chat Kelime Hakkı)</label>
                            <input type="number" class="form-control" id="chat_words" name="chat_words" min="0"
                                value="{{ old('chat_words', $config['chat_words'] ?? 0) }}">
                        </div>
                        <div class="col-md-6">
                            <label for="report_credits" class="form-label">Rapor Hakkı</label>
                            <input type="number" class="form-control" id="report_credits" name="report_credits"
                                min="0" value="{{ old('report_credits', $config['report_credits'] ?? 0) }}">
                        </div>
                        <div class="col-md-6">
                            <label for="map_credits" class="form-label">Harita Geçiş Hakkı</label>
                            <input type="number" class="form-control" id="map_credits" name="map_credits" min="0"
                                value="{{ old('map_credits', $config['map_credits'] ?? 0) }}">
                        </div>
                        <div class="col-md-6">
                            <label for="comment_credits" class="form-label">AI Yorum Hakkı</label>
                            <input type="number" class="form-control" id="comment_credits" name="comment_credits"
                                min="0" value="{{ old('comment_credits', $config['comment_credits'] ?? 0) }}">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6 mb-3">
                <label for="valid_from" class="form-label">Geçerlilik Başlangıç</label>
                <input type="date" class="form-control @error('valid_from') is-invalid @enderror"
                       id="valid_from" name="valid_from"
                       value="{{ old('valid_from', $referralCode?->valid_from?->format('Y-m-d') ?? '') }}">
                @error('valid_from')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-md-6 mb-3">
                <label for="valid_until" class="form-label">Geçerlilik Bitiş</label>
                <input type="date" class="form-control @error('valid_until') is-invalid @enderror"
                       id="valid_until" name="valid_until"
                       value="{{ old('valid_until', $referralCode?->valid_until?->format('Y-m-d') ?? '') }}">
                @error('valid_until')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
        </div>

        <div class="mb-3">
            <label for="max_uses" class="form-label">Maksimum Kullanım</label>
            <input type="number" class="form-control @error('max_uses') is-invalid @enderror"
                   id="max_uses" name="max_uses" min="0" step="1"
                   value="{{ old('max_uses', $referralCode->max_uses ?? '') }}"
                   placeholder="Boş bırak = sınırsız">
            @error('max_uses')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>
    </div>

    <div class="col-md-4">
        <div class="mb-3">
            <label for="is_active" class="form-label">Durum</label>
            <select class="form-select @error('is_active') is-invalid @enderror" id="is_active" name="is_active">
                <option value="1" {{ old('is_active', $referralCode->is_active ?? true) == '1' ? 'selected' : '' }}>Aktif</option>
                <option value="0" {{ old('is_active', $referralCode->is_active ?? true) == '0' ? 'selected' : '' }}>Pasif</option>
            </select>
            @error('is_active')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        @if ($referralCode)
            <div class="card bg-light">
                <div class="card-body">
                    <h6 class="card-title">İstatistikler</h6>
                    <p class="mb-1"><strong>Kullanım:</strong> {{ $referralCode->use_count }} kez</p>
                    <p class="mb-0"><small class="text-muted">Oluşturulma: {{ $referralCode->created_at->format('d.m.Y H:i') }}</small></p>
                </div>
            </div>
        @endif
    </div>
</div>

<div class="content-card mt-4">
    <div class="d-flex justify-content-between align-items-center mb-2">
        <div>
            <h5 class="mb-1">Koşullu Bonus Kuralları <span class="badge bg-secondary">Opsiyonel</span></h5>
            <p class="text-muted mb-0">
                Yukarıdaki ödül, kod ile kayıt olunca anında verilir. Burada tanımlayacağınız kurallar ise
                kullanıcı <strong>sonradan gerçek bir satın alma yaptığında</strong> (örn. 1 aylık abonelik alırsa)
                <strong>ek</strong> bir bonus verir. Kural eklemezseniz davranış değişmez.
            </p>
        </div>
    </div>

    <div id="bonusRulesContainer">
        @foreach (($referralCode->bonusRules ?? collect()) as $i => $rule)
            @include('admin.referral-codes._bonus_rule_row', [
                'index' => $i,
                'rule' => $rule,
                'packages' => $packages,
                'subscriptionPlans' => $subscriptionPlans ?? [],
            ])
        @endforeach
    </div>

    <button type="button" class="btn btn-outline-primary btn-sm" id="addBonusRuleBtn">
        <i class="bi bi-plus-circle"></i> Bonus Kuralı Ekle
    </button>

    <template id="bonusRuleTemplate">@include('admin.referral-codes._bonus_rule_row', [
            'index' => '__INDEX__',
            'rule' => null,
            'packages' => $packages,
            'subscriptionPlans' => $subscriptionPlans ?? [],
        ])</template>
</div>

<script>
    (function () {
        const container = document.getElementById('bonusRulesContainer');
        const addBtn = document.getElementById('addBonusRuleBtn');
        const template = document.getElementById('bonusRuleTemplate');
        let nextBonusIndex = {{ ($referralCode->bonusRules ?? collect())->count() }};

        function bindBonusRow(row) {
            const triggerSelect = row.querySelector('[data-bonus-trigger-select]');
            const rewardSelect = row.querySelector('[data-bonus-reward-select]');
            const removeBtn = row.querySelector('[data-remove-bonus-rule]');

            function syncTrigger() {
                row.querySelectorAll('.bonus-trigger-block').forEach(function (block) {
                    block.style.display = block.dataset.bonusTriggerBlock === triggerSelect.value ? '' : 'none';
                });
            }

            function syncReward() {
                row.querySelectorAll('.bonus-reward-block').forEach(function (block) {
                    block.style.display = block.dataset.bonusRewardBlock === rewardSelect.value ? '' : 'none';
                });
            }

            triggerSelect.addEventListener('change', syncTrigger);
            rewardSelect.addEventListener('change', syncReward);
            removeBtn.addEventListener('click', function () {
                row.remove();
            });

            syncTrigger();
            syncReward();
        }

        container.querySelectorAll('[data-rule-row]').forEach(bindBonusRow);

        addBtn.addEventListener('click', function () {
            const html = template.innerHTML.split('__INDEX__').join(String(nextBonusIndex++));
            const wrapper = document.createElement('div');
            wrapper.innerHTML = html.trim();
            const row = wrapper.firstElementChild;
            container.appendChild(row);
            bindBonusRow(row);
        });
    })();
</script>

<script>
    (function () {
        const select = document.getElementById('reward_type');
        const blocks = document.querySelectorAll('.reward-block');

        function syncBlocks() {
            const type = select.value;
            blocks.forEach(function (block) {
                block.style.display = block.dataset.rewardBlock === type ? '' : 'none';
            });
        }

        select.addEventListener('change', syncBlocks);
        syncBlocks();
    })();
</script>