@extends('admin.layout')
@php($editing = $product->exists)
@section('title', $editing ? 'Ürün Düzenle' : 'Yeni Ürün')
@section('content')
<div class="page-head">
    <div>
        <h1>{{ $editing ? 'Ürün Düzenle' : 'Yeni Ürün' }}</h1>
        <div class="muted">Görsel, fiyat ve bedenler.</div>
    </div>
    <a class="btn ghost" href="{{ route('admin.shop.products') }}">← Listeye Dön</a>
</div>

<div class="card form-card">
    <form method="post" action="{{ $editing ? route('admin.shop.products.update', $product) : route('admin.shop.products.store') }}" enctype="multipart/form-data">
        @csrf
        @if($editing) @method('PUT') @endif

        <label>Kategori</label>
        <select name="category_id" required>
            <option value="">Seçin</option>
            @foreach($categories as $cat)
                <option value="{{ $cat->id }}" @selected((string)old('category_id', $product->category_id) === (string)$cat->id)>{{ $cat->name }}</option>
            @endforeach
        </select>

        <label>Başlık</label>
        <input name="title" required value="{{ old('title', $product->title) }}" placeholder="Nova Zone Tişört">

        <label>Açıklama</label>
        <textarea name="description" rows="4" placeholder="Ürün açıklaması">{{ old('description', $product->description) }}</textarea>

        <label>Fiyat (₺)</label>
        <input type="number" name="price" step="0.01" min="0" required value="{{ old('price', $product->price) }}">

        <label>Bedenler (virgülle)</label>
        <input name="sizes_text" required value="{{ old('sizes_text', $sizesText) }}" placeholder="XS, S, M, L, XL, XXL">

        <label>Sıra</label>
        <input type="number" name="sort_order" min="0" value="{{ old('sort_order', $product->sort_order ?? 0) }}">

        <label>Görsel</label>
        <input type="file" name="image" accept="image/*">
        @if($product->image_path)
            <div class="muted" style="margin-top:8px">
                <img src="{{ $product->imageUrl() }}" alt="" style="max-width:220px;border-radius:12px">
            </div>
        @endif

        <label style="display:flex;align-items:center;gap:8px;margin-top:14px">
            <input type="checkbox" name="is_active" value="1" @checked(old('is_active', $product->is_active ?? true))>
            Aktif
        </label>

        <div class="form-actions">
            <button class="btn" type="submit">{{ $editing ? 'Kaydet' : 'Oluştur' }}</button>
            <a class="btn ghost" href="{{ route('admin.shop.products') }}">Vazgeç</a>
        </div>
    </form>
</div>
@endsection