@extends('admin.layout')
@section('title', 'প্রোডাক্ট এডিট')
@section('content')

<div class="topbar"><h1>প্রোডাক্ট এডিট করুন</h1></div>

<div class="card" style="max-width:650px;">
    <form method="POST" action="{{ route('admin.products.update', $product->id) }}" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <label>টাইটেল *</label>
        <input type="text" name="title" value="{{ old('title', $product->title) }}" required>

        <label>বিবরণ</label>
        <textarea name="description" rows="4">{{ old('description', $product->description) }}</textarea>

        <label>দাম (টাকা) *</label>
        <input type="number" name="price" value="{{ old('price', $product->price) }}" required>

        @if(!empty($product->images))
            <label>বর্তমান ছবি (রাখতে না চাইলে চেক করুন)</label>
            <div style="display:flex; flex-wrap:wrap; gap:12px; margin-bottom:10px;">
                @foreach($product->images as $img)
                    <div style="text-align:center;">
                        <img src="{{ $img }}" style="width:80px;height:80px;object-fit:cover;border-radius:4px;display:block;margin-bottom:4px;">
                        <label style="display:flex;align-items:center;gap:4px;font-weight:400;font-size:12px;">
                            <input type="checkbox" name="remove_images[]" value="{{ $img }}" style="width:auto;"> সরিয়ে দিন
                        </label>
                    </div>
                @endforeach
            </div>
        @endif

        <label>নতুন ছবি যোগ করুন</label>
        <input type="file" name="images[]" multiple accept="image/*">

        <label style="display:flex;align-items:center;gap:8px;">
            <input type="checkbox" name="is_active" value="1" {{ $product->is_active ? 'checked' : '' }} style="width:auto;"> প্রোডাক্ট পেজ সক্রিয় থাকবে
        </label>

        <div style="margin-top:20px;">
            <button type="submit" class="btn btn-pink">আপডেট করুন</button>
            <a href="{{ route('admin.products.index') }}" class="btn btn-gray">বাতিল</a>
        </div>
    </form>
</div>

@endsection