@extends('layouts.app')

@section('title', 'ویرایش محصول')

@section('content')
    <div class="bg-white p-6 rounded shadow">
        <h3 class="mb-4 text-lg font-medium">ویرایش محصول</h3>

        <form action="{{ route('products.update', $product) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')

            <div class="mb-4">
                <label class="block mb-1">نام</label>
                <input type="text" name="name" value="{{ old('name', $product->name) }}" class="w-full border rounded px-3 py-2" required>
                @error('name')<p class="text-sm text-red-600">{{ $message }}</p>@enderror
            </div>

            <div class="mb-4">
                <label class="block mb-1">توضیحات</label>
                <textarea name="description" class="w-full border rounded px-3 py-2">{{ old('description', $product->description) }}</textarea>
            </div>

            <div class="mb-4">
                <label class="block mb-1">قیمت</label>
                <input type="number" step="0.01" name="price" value="{{ old('price', $product->price) }}" class="w-full border rounded px-3 py-2" required>
                @error('price')<p class="text-sm text-red-600">{{ $message }}</p>@enderror
            </div>

            <div class="mb-4">
                <label class="block mb-1">دسته بندی</label>
                <select name="category_id" id="category_id" class="w-full border rounded px-3 py-2">
                    @foreach ( $categories as $category )
                        <option value="{{$category->id}}" {{ $category->id === $product->category->id ? 'selected' : ''}}>
                            {{ $category->name }}
                        </option>
                    @endforeach
                </select>
                @error('category_id')<p class="text-sm text-red-600">{{ $message }}</p>@enderror
            </div>
            <div class="mb-4">
                <label class="block mb-1">اولویت</label>
                <input type="number" step="0.01" name="priority" value="{{ old('priority', 0) }}" class="w-full border rounded px-3 py-2" required>
                @error('priority')<p class="text-sm text-red-600">{{ $message }}</p>@enderror
            </div>

            {{-- فیلد آپلود عکس --}}
            <div class="mb-4">
                <label class="block mb-1">تصویر محصول</label>
                <input type="file" name="image" accept="image/*" class="w-full border rounded px-3 py-2">
                @error('image')<p class="text-sm text-red-600">{{ $message }}</p>@enderror

                @if ($product->image)
                    <div class="mt-2">
                        <p class="text-sm text-gray-600">تصویر فعلی:</p>
                        <img src="{{ asset('storage/' . $product->image) }}" alt="Product Image" class="h-24 rounded border">
                    </div>
                @endif
            </div>

            <div class="flex gap-2">
                <button class="px-4 py-2 bg-blue-600 text-white rounded">بروزرسانی</button>
                <a href="{{ route('products.index') }}" class="px-4 py-2 border rounded">بازگشت</a>
            </div>
        </form>
    </div>
@endsection