@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.store') }}" enctype="multipart/form-data" method="POST">
            @csrf

            <div class="mb-4">
                <label class="block mb-1">نام</label>
                <input type="text" name="name" value="{{ old('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') }}</textarea>
            </div>

            <div class="mb-4">
                <label class="block mb-1">قیمت</label>
                <input type="number" step="0.01" name="price" value="{{ old('price', 0) }}" 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">
                    @foreach ( $categories as $category )
                    <option value="{{$category->id}}">
                        {{ $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
            </div>

            <div class="flex gap-2">
                <button class="px-4 py-2 bg-green-600 text-white rounded">ذخیره</button>
                <a href="{{ route('products.index') }}" class="px-4 py-2 border rounded">انصراف</a>
            </div>
        </form>
    </div>
@endsection