@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>

        {{-- Referans Sahibi (Partner Kullanıcı E-posta Seçimi ve Arama) --}}
        @php
            $initialPartnerId = old('partner_user_id', $referralCode->partner_user_id ?? '');
            $initialPartner = $selectedPartnerUser ?? ($referralCode->partnerUser ?? null);
        @endphp
        <div class="mb-3" id="partnerUserPickerWrapper">
            <label for="partnerUserSearchInput" class="form-label">
                Referans Sahibi E-posta Adresi (Partner Kullanıcı) <span class="text-danger">*</span>
            </label>
            <input type="hidden" name="partner_user_id" id="partner_user_id" value="{{ $initialPartnerId }}" required>

            {{-- Seçili Kullanıcı Kartı --}}
            <div id="selectedPartnerCard" class="alert alert-success d-flex justify-content-between align-items-center py-2 px-3 mb-2 {{ $initialPartner ? '' : 'd-none' }}">
                <div>
                    <i class="bi bi-person-check-fill me-1"></i>
                    <strong id="selectedPartnerEmail">{{ $initialPartner->email ?? '' }}</strong>
                    <span class="text-muted ms-2" id="selectedPartnerName">
                        ({{ trim(($initialPartner->name ?? '') . ' ' . ($initialPartner->last_name ?? '')) ?: 'İsimsiz' }} — Kullanıcı ID: #<span id="selectedPartnerIdBadge">{{ $initialPartner->id ?? '' }}</span>)
                    </span>
                </div>
                <button type="button" class="btn btn-sm btn-outline-danger" id="clearPartnerUserBtn">
                    <i class="bi bi-x-lg"></i> Değiştir
                </button>
            </div>

            {{-- Arama ve Seçim Kutusu --}}
            <div id="partnerSearchContainer" class="position-relative {{ $initialPartner ? 'd-none' : '' }}">
                <div class="input-group">
                    <span class="input-group-text bg-white"><i class="bi bi-search text-muted"></i></span>
                    <input type="text"
                           id="partnerUserSearchInput"
                           class="form-control @error('partner_user_id') is-invalid @enderror"
                           placeholder="Kayıtlı e-posta adresi, ad soyad veya ID ara ve seç..."
                           autocomplete="off">
                </div>
                <div id="partnerUserDropdown"
                     class="list-group position-absolute w-100 shadow-sm mt-1"
                     style="max-height: 260px; overflow-y: auto; z-index: 1050; display: none; border: 1px solid #dee2e6; border-radius: 0.375rem; background: #fff;">
                    @foreach (($recentUsers ?? collect()) as $u)
                        @php
                            $uFullName = trim(($u->name ?? '') . ' ' . ($u->last_name ?? '')) ?: 'İsimsiz Kullanıcı';
                        @endphp
                        <button type="button"
                                class="list-group-item list-group-item-action d-flex justify-content-between align-items-center partner-user-option"
                                data-user-id="{{ $u->id }}"
                                data-user-email="{{ $u->email }}"
                                data-user-name="{{ $uFullName }}">
                            <div>
                                <div class="fw-semibold text-primary">{{ $u->email }}</div>
                                <small class="text-muted">{{ $uFullName }}</small>
                            </div>
                            <span class="badge bg-secondary">ID: #{{ $u->id }}</span>
                        </button>
                    @endforeach
                </div>
            </div>

            <div id="partnerUserClientError" class="text-danger small mt-1 d-none">
                <i class="bi bi-exclamation-circle"></i> Referans kodu oluşturabilmek için sistemde kayıtlı bir e-posta adresi seçmelisiniz!
            </div>
            @error('partner_user_id')
                <div class="text-danger small mt-1"><i class="bi bi-exclamation-circle"></i> {{ $message }}</div>
            @enderror
            <small class="form-text text-muted d-block mt-1">
                Seçtiğiniz e-posta adresinin kullanıcı ID'si bu referans kodu ile ilişkilendirilir. Bu kullanıcı <strong>/partner</strong> paneline kendi e-posta ve şifresiyle giriş yapabilir.
            </small>

            <hr class="my-3">

            <div class="row g-3 align-items-center">
                <div class="col-md-5">
                    <label for="commission_rate" class="form-label fw-semibold mb-1">
                        <i class="bi bi-percent text-success me-1"></i>
                        Partner Geri Ödeme / Hakediş Oranı (%) <span class="text-danger">*</span>
                    </label>
                    <div class="input-group">
                        <span class="input-group-text bg-success text-white fw-bold">%</span>
                        <input type="number"
                               step="0.01"
                               min="0"
                               max="100"
                               id="commission_rate"
                               name="commission_rate"
                               class="form-control fw-bold @error('commission_rate') is-invalid @enderror"
                               value="{{ old('commission_rate', isset($referralCode) ? number_format((float) ($referralCode->commission_rate ?? 0), 2, '.', '') : '30.00') }}"
                               placeholder="Örn: 30"
                               required>
                    </div>
                    @error('commission_rate')
                        <div class="text-danger small mt-1"><i class="bi bi-exclamation-circle"></i> {{ $message }}</div>
                    @enderror
                </div>
                <div class="col-md-7">
                    <div class="p-2 rounded bg-white border border-success border-opacity-25 small">
                        <div class="fw-semibold text-success mb-1">
                            <i class="bi bi-calculator me-1"></i> Daimi Hakediş Hesaplama Kuralı:
                        </div>
                        <div class="text-muted">
                            Bu referans kodu ile kayıt olan kullanıcıların <strong>daimi şekilde yaptığı tüm alışverişlerin</strong>
                            <strong>%20 KDV haricindeki</strong> toplam rakamı üzerinden buraya girdiğiniz yüzde kadar hakediş Partner'in <strong>Hakediş</strong> sayfasına yansır.
                        </div>
                        <div class="mt-1 text-dark" id="commissionPreviewText">
                            Örnek: <strong>1.000,00 ₺</strong> satış &rarr; %20 KDV Hariç: <strong>800,00 ₺</strong> &rarr; Partner Hakedişi: <strong class="text-success">240,00 ₺</strong>
                        </div>
                    </div>
                </div>
            </div>
        </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>

<script>
    (function () {
        const hiddenInput = document.getElementById('partner_user_id');
        const searchInput = document.getElementById('partnerUserSearchInput');
        const dropdown = document.getElementById('partnerUserDropdown');
        const selectedCard = document.getElementById('selectedPartnerCard');
        const searchContainer = document.getElementById('partnerSearchContainer');
        const selectedEmailEl = document.getElementById('selectedPartnerEmail');
        const selectedNameEl = document.getElementById('selectedPartnerName');
        const clearBtn = document.getElementById('clearPartnerUserBtn');
        const clientError = document.getElementById('partnerUserClientError');
        const searchUrl = "{{ route('admin.referral-codes.search-users') }}";

        let debounceTimer = null;

        function selectPartner(id, email, name) {
            hiddenInput.value = id;
            selectedEmailEl.textContent = email;
            selectedNameEl.textContent = '(' + (name || 'İsimsiz') + ' — Kullanıcı ID: #' + id + ')';
            selectedCard.classList.remove('d-none');
            searchContainer.classList.add('d-none');
            dropdown.style.display = 'none';
            clientError.classList.add('d-none');
            searchInput.classList.remove('is-invalid');
        }

        function bindOptionButtons() {
            dropdown.querySelectorAll('.partner-user-option').forEach(function (btn) {
                btn.addEventListener('click', function () {
                    selectPartner(
                        this.getAttribute('data-user-id'),
                        this.getAttribute('data-user-email'),
                        this.getAttribute('data-user-name')
                    );
                });
            });
        }

        bindOptionButtons();

        if (clearBtn) {
            clearBtn.addEventListener('click', function () {
                hiddenInput.value = '';
                selectedCard.classList.add('d-none');
                searchContainer.classList.remove('d-none');
                searchInput.value = '';
                searchInput.focus();
                dropdown.style.display = 'block';
            });
        }

        if (searchInput) {
            searchInput.addEventListener('focus', function () {
                dropdown.style.display = 'block';
            });

            searchInput.addEventListener('input', function () {
                const q = this.value.trim();
                dropdown.style.display = 'block';

                clearTimeout(debounceTimer);
                debounceTimer = setTimeout(function () {
                    fetch(searchUrl + '?q=' + encodeURIComponent(q), {
                        headers: { 'Accept': 'application/json' }
                    })
                    .then(function (r) { return r.json(); })
                    .then(function (data) {
                        const users = data.users || [];
                        if (users.length === 0) {
                            dropdown.innerHTML = '<div class="list-group-item text-muted small py-2">Eşleşen kayıtlı e-posta bulunamadı.</div>';
                            return;
                        }
                        dropdown.innerHTML = users.map(function (u) {
                            const safeEmail = (u.email || '').replace(/"/g, '&quot;');
                            const safeName = (u.full_name || '').replace(/"/g, '&quot;');
                            return '<button type="button" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center partner-user-option" ' +
                                'data-user-id="' + u.id + '" data-user-email="' + safeEmail + '" data-user-name="' + safeName + '">' +
                                '<div><div class="fw-semibold text-primary">' + safeEmail + '</div><small class="text-muted">' + safeName + '</small></div>' +
                                '<span class="badge bg-secondary">ID: #' + u.id + '</span></button>';
                        }).join('');
                        bindOptionButtons();
                    })
                    .catch(function () {});
                }, 220);
            });
        }

        document.addEventListener('click', function (e) {
            const wrapper = document.getElementById('partnerUserPickerWrapper');
            if (wrapper && !wrapper.contains(e.target)) {
                dropdown.style.display = 'none';
            }
        });

        // Form gönderilirken referans e-posta adresi seçilmemişse engelle
        const form = hiddenInput ? hiddenInput.closest('form') : null;
        if (form) {
            form.addEventListener('submit', function (e) {
                if (!hiddenInput.value || String(hiddenInput.value).trim() === '') {
                    e.preventDefault();
                    clientError.classList.remove('d-none');
                    searchContainer.classList.remove('d-none');
                    if (searchInput) {
                        searchInput.classList.add('is-invalid');
                        searchInput.focus();
                    }
                    dropdown.style.display = 'block';
                }
            });
        }
        // Geri ödeme oranı canlı hesaplama önizlemesi
        const commissionInput = document.getElementById('commission_rate');
        const previewEl = document.getElementById('commissionPreviewText');
        function updateCommissionPreview() {
            if (!commissionInput || !previewEl) return;
            const rate = Math.max(0, Math.min(100, parseFloat(commissionInput.value) || 0));
            const netAfterVat = 899.00;
            const vatAmount = 179.80;
            const gross = 1078.80; // 899 + %20 KDV (179,80) = 1.078,80 TL
            const earning = (netAfterVat * rate) / 100.0;
            previewEl.innerHTML = 'Örnek: <strong>1.078,80 ₺</strong> (KDV Dahil) &minus; <strong>179,80 ₺</strong> (%20 KDV) = <strong>899,00 ₺</strong> (KDV Hariç) &rarr; Partner Hakedişi (%' + rate.toLocaleString('tr-TR', { maximumFractionDigits: 2 }) + '): <strong class="text-success">' + earning.toLocaleString('tr-TR', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + ' ₺</strong>';
        }
        if (commissionInput) {
            commissionInput.addEventListener('input', updateCommissionPreview);
            updateCommissionPreview();
        }
    })();
</script>