@extends('layouts.app')

@section('content')
<div class="container mx-auto py-8">
    <h1 class="text-2xl font-bold mb-6">إضافة منتج جديد</h1>
    <form action="{{ route('products.store') }}" method="POST" class="max-w-lg mx-auto bg-white p-6 rounded shadow">
        @csrf
        <input type="hidden" name="store_id" value="{{ $storeId }}">
        <div class="mb-4">
            <label class="block mb-1 font-bold">اسم المنتج</label>
            <input type="text" name="name" class="w-full border px-3 py-2 rounded" value="{{ old('name') }}" required>
            @error('name')<div class="text-red-500 text-sm mt-1">{{ $message }}</div>@enderror
        </div>
        <div class="mb-4">
            <label class="block mb-1 font-bold">الوصف</label>
            <textarea name="description" class="w-full border px-3 py-2 rounded">{{ old('description') }}</textarea>
            @error('description')<div class="text-red-500 text-sm mt-1">{{ $message }}</div>@enderror
        </div>
        <div class="mb-4">
            <label class="block mb-1 font-bold">السعر</label>
            <input type="number" step="0.01" name="price" class="w-full border px-3 py-2 rounded" value="{{ old('price') }}" required>
            @error('price')<div class="text-red-500 text-sm mt-1">{{ $message }}</div>@enderror
        </div>
        <div class="mb-4">
            <label class="block mb-1 font-bold">رابط الصورة (اختياري)</label>
            <input type="text" name="image" class="w-full border px-3 py-2 rounded" value="{{ old('image') }}">
            @error('image')<div class="text-red-500 text-sm mt-1">{{ $message }}</div>@enderror
        </div>
        <div class="mb-4">
            <label class="block mb-1 font-bold">المخزون</label>
            <input type="number" name="stock" class="w-full border px-3 py-2 rounded" value="{{ old('stock', 0) }}" required>
            @error('stock')<div class="text-red-500 text-sm mt-1">{{ $message }}</div>@enderror
        </div>
        <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded">حفظ المنتج</button>
        <a href="{{ route('products.index', ['store_id' => $storeId]) }}" class="ml-4 text-gray-600">إلغاء</a>
    </form>
</div>
@endsection