@extends('admin.layout')
@section('title', 'Mağaza Ürünleri')
@section('content')
<div class="page-head">
    <div>
        <h1>Mağaza Ürünleri</h1>
        <div class="muted">Bakiyeden satılan ürünler.</div>
    </div>
    <div style="display:flex;gap:8px;flex-wrap:wrap">
        <a class="btn secondary" href="{{ route('admin.shop.categories') }}">Kategoriler</a>
        <a class="btn secondary" href="{{ route('admin.shop.orders') }}">Siparişler</a>
        <a class="btn" href="{{ route('admin.shop.products.create') }}">+ Yeni Ürün</a>
    </div>
</div>

<div class="card">
    <form method="get" action="{{ route('admin.shop.products') }}" class="search-form">
        <select name="category_id">
            <option value="">Tüm kategoriler</option>
            @foreach($categories as $cat)
                <option value="{{ $cat->id }}" @selected((string)$categoryId === (string)$cat->id)>{{ $cat->name }}</option>
            @endforeach
        </select>
        <button class="btn secondary" type="submit">Filtrele</button>
        @if($categoryId) <a class="btn ghost" href="{{ route('admin.shop.products') }}">Temizle</a> @endif
    </form>
</div>

<div class="card table-wrap">
    <table>
        <thead><tr><th>Ürün</th><th>Kategori</th><th>Fiyat</th><th>Bedenler</th><th>Durum</th><th></th></tr></thead>
        <tbody>
        @forelse($products as $product)
            <tr>
                <td>
                    <div style="display:flex;gap:10px;align-items:center">
                        @if($product->image_path)
                            <img src="{{ $product->imageUrl() }}" alt="" style="width:44px;height:44px;border-radius:10px;object-fit:cover">
                        @endif
                        <div>
                            <strong>{{ $product->title }}</strong>
                            <div class="muted">{{ \Illuminate\Support\Str::limit($product->description ?: '', 60) }}</div>
                        </div>
                    </div>
                </td>
                <td>{{ $product->category?->name ?? '—' }}</td>
                <td>{{ number_format((float)$product->price, 2, ',', '.') }} ₺</td>
                <td>{{ $product->sizes->pluck('size')->implode(', ') ?: '—' }}</td>
                <td><span class="badge {{ $product->is_active ? 'success' : '' }}">{{ $product->is_active ? 'Aktif' : 'Pasif' }}</span></td>
                <td>
                    <div class="row-actions">
                        <a class="btn small secondary" href="{{ route('admin.shop.products.edit', $product) }}">Düzenle</a>
                        <form method="post" action="{{ route('admin.shop.products.destroy', $product) }}" style="display:inline" onsubmit="return confirm('Ürün silinsin mi?')">
                            @csrf
                            @method('DELETE')
                            <button class="btn small danger" type="submit">Sil</button>
                        </form>
                    </div>
                </td>
            </tr>
        @empty
            <tr><td colspan="6" class="empty">Ürün yok.</td></tr>
        @endforelse
        </tbody>
    </table>
</div>
<div class="pagination">{{ $products->links() }}</div>
@endsection