@props(['availableFilters', 'context' => []])

@php
    $currentQuery = request()->query();
    
    // Aktif filtre chip'lerini toplama
    $chips = [];
    
    // Kategori chip (Arama sayfasındaysak)
    if (request()->filled('category') && empty($context['category_slug'])) {
        $cat = \App\Models\Category::where('slug', request('category'))->first();
        if ($cat) {
            $tempQuery = $currentQuery;
            unset($tempQuery['category']);
            unset($tempQuery['page']);
            $chips[] = [
                'label' => 'Kategori: ' . $cat->name,
                'url' => request()->url() . '?' . http_build_query($tempQuery)
            ];
        }
    }
    
    // Marka chip (Marka sayfasında değilsek)
    if (request()->filled('brand') && empty($context['brand_slug'])) {
        $brand = \App\Models\Brand::where('slug', request('brand'))->first();
        if ($brand) {
            $tempQuery = $currentQuery;
            unset($tempQuery['brand']);
            unset($tempQuery['page']);
            $chips[] = [
                'label' => 'Marka: ' . $brand->name,
                'url' => request()->url() . '?' . http_build_query($tempQuery)
            ];
        }
    }
    
    // Fiyat chip'leri
    if (request()->filled('min_price')) {
        $tempQuery = $currentQuery;
        unset($tempQuery['min_price']);
        unset($tempQuery['page']);
        $chips[] = [
            'label' => 'Min: ' . number_format((float)request('min_price'), 0, ',', '.') . ' TL',
            'url' => request()->url() . '?' . http_build_query($tempQuery)
        ];
    }
    if (request()->filled('max_price')) {
        $tempQuery = $currentQuery;
        unset($tempQuery['max_price']);
        unset($tempQuery['page']);
        $chips[] = [
            'label' => 'Max: ' . number_format((float)request('max_price'), 0, ',', '.') . ' TL',
            'url' => request()->url() . '?' . http_build_query($tempQuery)
        ];
    }
    
    // Stok durumu chip
    if (request('stock') === 'in_stock') {
        $tempQuery = $currentQuery;
        unset($tempQuery['stock']);
        unset($tempQuery['page']);
        $chips[] = [
            'label' => 'Sadece Stoktakiler',
            'url' => request()->url() . '?' . http_build_query($tempQuery)
        ];
    } elseif (request('stock') === 'out_of_stock') {
        $tempQuery = $currentQuery;
        unset($tempQuery['stock']);
        unset($tempQuery['page']);
        $chips[] = [
            'label' => 'Tükenen Ürünler',
            'url' => request()->url() . '?' . http_build_query($tempQuery)
        ];
    }
    
    // İndirim chip
    if (request('discounted') == '1') {
        $tempQuery = $currentQuery;
        unset($tempQuery['discounted']);
        unset($tempQuery['page']);
        $chips[] = [
            'label' => 'İndirimli Ürünler',
            'url' => request()->url() . '?' . http_build_query($tempQuery)
        ];
    }
    
    // Puan chip
    if (request()->filled('rating')) {
        $tempQuery = $currentQuery;
        unset($tempQuery['rating']);
        unset($tempQuery['page']);
        $chips[] = [
            'label' => request('rating') . '+ Yıldız',
            'url' => request()->url() . '?' . http_build_query($tempQuery)
        ];
    }
    
    // Varyant chip'leri
    if (request()->filled('options') && is_array(request('options'))) {
        foreach (request('options') as $group => $vals) {
            foreach ($vals as $val) {
                $tempQuery = $currentQuery;
                $idx = array_search($val, $tempQuery['options'][$group]);
                if ($idx !== false) {
                    unset($tempQuery['options'][$group][$idx]);
                    if (empty($tempQuery['options'][$group])) {
                        unset($tempQuery['options'][$group]);
                    }
                }
                if (empty($tempQuery['options'])) {
                    unset($tempQuery['options']);
                }
                unset($tempQuery['page']);
                
                $chips[] = [
                    'label' => $group . ': ' . $val,
                    'url' => request()->url() . '?' . http_build_query($tempQuery)
                ];
            }
        }
    }
    
    // option_ parametreleri
    foreach ($currentQuery as $key => $val) {
        if (str_starts_with($key, 'option_')) {
            $groupName = substr($key, 7);
            $vals = is_array($val) ? $val : [$val];
            foreach ($vals as $v) {
                $tempQuery = $currentQuery;
                if (is_array($tempQuery[$key])) {
                    $idx = array_search($v, $tempQuery[$key]);
                    if ($idx !== false) {
                        unset($tempQuery[$key][$idx]);
                    }
                    if (empty($tempQuery[$key])) {
                        unset($tempQuery[$key]);
                    }
                } else {
                    unset($tempQuery[$key]);
                }
                unset($tempQuery['page']);
                
                $chips[] = [
                    'label' => $groupName . ': ' . $v,
                    'url' => request()->url() . '?' . http_build_query($tempQuery)
                ];
            }
        }
    }

    // Teknik Özellik (Attribute) chip'leri
    $availableAttributes = $availableFilters['attributes'] ?? collect();
    foreach ($currentQuery as $key => $val) {
        if (str_starts_with($key, 'attr_')) {
            $parts = explode('_', $key);
            if (count($parts) < 2) continue;
            
            $attrId = (int)$parts[1];
            $suffix = $parts[2] ?? null;
            
            // Özelliği bulalım
            $attr = $availableAttributes->firstWhere('id', $attrId);
            if (!$attr) {
                // Fallback olarak veritabanından çekelim
                $attr = \App\Models\ProductAttribute::active()->where('is_filterable', true)->find($attrId);
                if (!$attr) continue;
            }
            
            if ($suffix === 'min') {
                if ($val !== null && $val !== '') {
                    $tempQuery = $currentQuery;
                    unset($tempQuery[$key]);
                    unset($tempQuery['page']);
                    $chips[] = [
                        'label' => $attr->name . ' Min: ' . $val . ($attr->unit ? ' ' . $attr->unit : ''),
                        'url' => request()->url() . '?' . http_build_query($tempQuery)
                    ];
                }
            } elseif ($suffix === 'max') {
                if ($val !== null && $val !== '') {
                    $tempQuery = $currentQuery;
                    unset($tempQuery[$key]);
                    unset($tempQuery['page']);
                    $chips[] = [
                        'label' => $attr->name . ' Max: ' . $val . ($attr->unit ? ' ' . $attr->unit : ''),
                        'url' => request()->url() . '?' . http_build_query($tempQuery)
                    ];
                }
            } else {
                $vals = is_array($val) ? $val : [$val];
                foreach ($vals as $v) {
                    if ($v === null || $v === '') continue;
                    
                    $tempQuery = $currentQuery;
                    if (is_array($tempQuery[$key])) {
                        $idx = array_search($v, $tempQuery[$key]);
                        if ($idx !== false) {
                            unset($tempQuery[$key][$idx]);
                        }
                        if (empty($tempQuery[$key])) {
                            unset($tempQuery[$key]);
                        }
                    } else {
                        unset($tempQuery[$key]);
                    }
                    unset($tempQuery['page']);
                    
                    $labelVal = $v;
                    if ($attr->type === 'boolean') {
                        $labelVal = filter_var($v, FILTER_VALIDATE_BOOLEAN) ? 'Evet' : 'Hayır';
                    } elseif ($attr->unit) {
                        $labelVal = $v . ' ' . $attr->unit;
                    }
                    
                    $chips[] = [
                        'label' => $attr->name . ': ' . $labelVal,
                        'url' => request()->url() . '?' . http_build_query($tempQuery)
                    ];
                }
            }
        }
    }
@endphp

<div class="sf-filter-sidebar-content">
    {{-- Aktif Filtre Chip'leri --}}
    @if(count($chips) > 0)
        <div class="sf-filter-section border-0 pb-0">
            <h3 class="sf-filter-title">Aktif Filtreler</h3>
            <div class="sf-active-filters">
                @foreach($chips as $chip)
                    <a href="{{ $chip['url'] }}" class="sf-active-filter-chip" title="Filtreyi Kaldır">
                        {{ $chip['label'] }}
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
                        </svg>
                    </a>
                @endforeach
                <a href="{{ request()->url() . (request()->filled('q') ? '?q=' . urlencode(request('q')) : '') }}" class="sf-filter-clear-all">
                    Tümünü Temizle
                </a>
            </div>
        </div>
    @endif

    <form action="{{ request()->url() }}" method="GET" class="sf-filter-form">
        {{-- Arama parametresini koru --}}
        @if(request()->filled('q'))
            <input type="hidden" name="q" value="{{ request('q') }}">
        @endif
        
        {{-- Sıralama parametresini koru --}}
        <input type="hidden" name="sort" value="{{ request('sort', 'newest') }}">

        {{-- Kategori Filtresi --}}
        @if($availableFilters['categories']->isNotEmpty())
            <div class="sf-filter-section">
                <h3 class="sf-filter-title">
                    {{ empty($context['category_slug']) ? 'Kategoriler' : 'Alt Kategoriler' }}
                </h3>
                <div class="sf-filter-control-list">
                    @foreach($availableFilters['categories'] as $cat)
                        @if(empty($context['category_slug']))
                            <label class="sf-filter-control sf-filter-control--checkbox">
                                <input type="radio" name="category" value="{{ $cat->slug }}" 
                                       {{ request('category') === $cat->slug ? 'checked' : '' }}
                                       onchange="this.form.submit()">
                                <span class="sf-filter-control-label">{{ $cat->name }}</span>
                            </label>
                        @else
                            <a href="{{ route('storefront.category.show', $cat->slug) }}" class="sf-filter-link">
                                {{ $cat->name }}
                            </a>
                        @endif
                    @endforeach
                </div>
            </div>
        @endif

        {{-- Marka Filtresi --}}
        @if($availableFilters['brands']->isNotEmpty())
            <div class="sf-filter-section">
                <h3 class="sf-filter-title">Markalar</h3>
                <div class="sf-filter-control-list">
                    @foreach($availableFilters['brands'] as $brand)
                        <label class="sf-filter-control sf-filter-control--checkbox">
                            <input type="checkbox" name="brand" value="{{ $brand->slug }}" 
                                   {{ request('brand') === $brand->slug ? 'checked' : '' }}
                                   onchange="this.form.submit()">
                            <span class="sf-filter-control-label">{{ $brand->name }}</span>
                        </label>
                    @endforeach
                </div>
            </div>
        @endif

        {{-- Fiyat Aralığı Filtresi --}}
        @if($availableFilters['price_bounds']['max'] > $availableFilters['price_bounds']['min'])
            <div class="sf-filter-section">
                <h3 class="sf-filter-title">Fiyat Aralığı</h3>
                <div class="sf-filter-price-inputs">
                    <input type="number" 
                           name="min_price" 
                           placeholder="{{ $availableFilters['price_bounds']['min'] }}" 
                           min="0" 
                           value="{{ request('min_price') }}"
                           class="form-control sf-filter-price-input" 
                           aria-label="Minimum Fiyat">
                    <span class="sf-filter-price-separator">-</span>
                    <input type="number" 
                           name="max_price" 
                           placeholder="{{ $availableFilters['price_bounds']['max'] }}" 
                           min="0" 
                           value="{{ request('max_price') }}"
                           class="form-control sf-filter-price-input" 
                           aria-label="Maksimum Fiyat">
                    <button type="submit" class="btn btn-primary btn-sm sf-filter-price-submit" aria-label="Fiyat Filtresini Uygula">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5" width="14" height="14">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
                        </svg>
                    </button>
                </div>
            </div>
        @endif

        {{-- Stok Durumu --}}
        <div class="sf-filter-section">
            <h3 class="sf-filter-title">Stok Durumu</h3>
            <div class="sf-filter-control-list">
                <label class="sf-filter-control">
                    <input type="radio" name="stock" value="" {{ !request('stock') ? 'checked' : '' }} onchange="this.form.submit()">
                    <span class="sf-filter-control-label">Tüm Ürünler</span>
                </label>
                <label class="sf-filter-control">
                    <input type="radio" name="stock" value="in_stock" {{ request('stock') === 'in_stock' ? 'checked' : '' }} onchange="this.form.submit()">
                    <span class="sf-filter-control-label">Sadece Stoktakiler</span>
                </label>
            </div>
        </div>

        {{-- İndirimli Ürünler --}}
        <div class="sf-filter-section">
            <h3 class="sf-filter-title">Fırsatlar</h3>
            <div class="sf-filter-control-list">
                <label class="sf-filter-control sf-filter-control--checkbox">
                    <input type="checkbox" name="discounted" value="1" {{ request('discounted') == '1' ? 'checked' : '' }} onchange="this.form.submit()">
                    <span class="sf-filter-control-label font-medium text-success">İndirimli Ürünler</span>
                </label>
            </div>
        </div>

        {{-- Değerlendirme Puanı --}}
        @if($availableFilters['has_reviews'])
            <div class="sf-filter-section">
                <h3 class="sf-filter-title">Müşteri Puanı</h3>
                <div class="sf-filter-control-list">
                    @foreach([4, 3, 2, 1] as $stars)
                        <label class="sf-filter-control">
                            <input type="radio" name="rating" value="{{ $stars }}" {{ request('rating') == $stars ? 'checked' : '' }} onchange="this.form.submit()">
                            <span class="sf-filter-control-label d-flex align-items-center gap-1">
                                <span class="d-flex text-warning">
                                    @for($i = 1; $i <= 5; $i++)
                                        @if($i <= $stars)
                                            ★
                                        @else
                                            ☆
                                        @endif
                                    @endfor
                                </span>
                                <span class="text-xs text-muted">ve üzeri</span>
                            </span>
                        </label>
                    @endforeach
                </div>
            </div>
        @endif

        {{-- Varyant Seçenekleri --}}
        @if(!empty($availableFilters['options']))
            @foreach($availableFilters['options'] as $groupName => $values)
                <div class="sf-filter-section">
                    <h3 class="sf-filter-title">{{ $groupName }}</h3>
                    <div class="sf-filter-control-list">
                        @foreach($values as $val)
                            @php
                                $isChecked = false;
                                if (request()->filled("options.{$groupName}") && is_array(request("options.{$groupName}"))) {
                                    $isChecked = in_array($val, request("options.{$groupName}"));
                                } elseif (request()->filled("option_" . $groupName)) {
                                    $optionVal = request("option_" . $groupName);
                                    $isChecked = is_array($optionVal) ? in_array($val, $optionVal) : ($optionVal === $val);
                                }
                            @endphp
                            <label class="sf-filter-control sf-filter-control--checkbox">
                                <input type="checkbox" 
                                       name="options[{{ $groupName }}][]" 
                                       value="{{ $val }}" 
                                       {{ $isChecked ? 'checked' : '' }}
                                       onchange="this.form.submit()">
                                <span class="sf-filter-control-label">{{ $val }}</span>
                            </label>
                        @endforeach
                    </div>
                </div>
            @endforeach
        @endif

        {{-- Teknik Özellik (Attribute) Filtreleri --}}
        @if(!empty($availableFilters['attributes']))
            @foreach($availableFilters['attributes'] as $attr)
                @if(!empty($attr->values_options))
                    <div class="sf-filter-section sf-attribute-filter-group sf-attribute-filter" data-attribute-id="{{ $attr->id }}">
                        <h3 class="sf-filter-title">{{ $attr->name }}</h3>
                        
                        @if($attr->type === 'number')
                            {{-- Number tipi range inputs --}}
                            <div class="sf-attribute-filter-range d-flex align-items-center gap-2">
                                <input type="number" 
                                       name="attr_{{ $attr->id }}_min" 
                                       placeholder="Min" 
                                       value="{{ request('attr_' . $attr->id . '_min') }}"
                                       class="form-control sf-filter-price-input" 
                                       aria-label="Minimum {{ $attr->name }}">
                                <span class="sf-filter-price-separator">-</span>
                                <input type="number" 
                                       name="attr_{{ $attr->id }}_max" 
                                       placeholder="Max" 
                                       value="{{ request('attr_' . $attr->id . '_max') }}"
                                       class="form-control sf-filter-price-input" 
                                       aria-label="Maksimum {{ $attr->name }}">
                                <button type="submit" class="btn btn-primary btn-sm sf-filter-price-submit" aria-label="Filtreyi Uygula">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5" width="14" height="14">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
                                    </svg>
                                </button>
                            </div>
                        @elseif($attr->type === 'boolean')
                            {{-- Boolean Evet / Hayır seçenekleri --}}
                            <div class="sf-filter-control-list">
                                @php
                                    $paramName = "attr_" . $attr->id;
                                    $isCheckedEvet = false;
                                    $isCheckedHayir = false;
                                    if (request()->filled($paramName)) {
                                        $reqVal = request($paramName);
                                        $reqValArray = is_array($reqVal) ? $reqVal : [$reqVal];
                                        $isCheckedEvet = in_array('1', $reqValArray) || in_array('true', $reqValArray);
                                        $isCheckedHayir = in_array('0', $reqValArray) || in_array('false', $reqValArray);
                                    }
                                @endphp
                                <label class="sf-filter-control sf-filter-control--checkbox sf-attribute-filter-option">
                                    <input type="checkbox" 
                                           name="attr_{{ $attr->id }}[]" 
                                           value="1" 
                                           {{ $isCheckedEvet ? 'checked' : '' }}
                                           onchange="this.form.submit()">
                                    <span class="sf-filter-control-label">Evet</span>
                                </label>
                                <label class="sf-filter-control sf-filter-control--checkbox sf-attribute-filter-option">
                                    <input type="checkbox" 
                                           name="attr_{{ $attr->id }}[]" 
                                           value="0" 
                                           {{ $isCheckedHayir ? 'checked' : '' }}
                                           onchange="this.form.submit()">
                                    <span class="sf-filter-control-label">Hayır</span>
                                </label>
                            </div>
                        @else
                            {{-- Text ve Select için checkbox listesi --}}
                            <div class="sf-filter-control-list">
                                @foreach($attr->values_options as $val)
                                    @php
                                        $paramName = "attr_" . $attr->id;
                                        $isChecked = false;
                                        if (request()->filled($paramName)) {
                                            $reqVal = request($paramName);
                                            $isChecked = is_array($reqVal) ? in_array($val, $reqVal) : ($reqVal == $val);
                                        }
                                    @endphp
                                    <label class="sf-filter-control sf-filter-control--checkbox sf-attribute-filter-option">
                                        <input type="checkbox" 
                                               name="attr_{{ $attr->id }}[]" 
                                               value="{{ $val }}" 
                                               {{ $isChecked ? 'checked' : '' }}
                                               onchange="this.form.submit()">
                                        <span class="sf-filter-control-label">{{ $attr->unit ? $val . ' ' . $attr->unit : $val }}</span>
                                    </label>
                                @endforeach
                            </div>
                        @endif
                    </div>
                @endif
            @endforeach
        @endif

        {{-- Filtreleri Temizleme --}}
        <div class="sf-filter-actions">
            <button type="submit" class="btn btn-primary w-full">Filtreleri Uygula</button>
            <a href="{{ request()->url() . (request()->filled('q') ? '?q=' . urlencode(request('q')) : '') }}" class="btn btn-secondary w-full text-center">
                Temizle
            </a>
        </div>
    </form>
</div>