@extends('admin.layouts.app')
@section('title', 'Add Product')
@section('content')
<div class="card" style="max-width:760px;">
    <form method="POST" action="{{ route('admin.products.store') }}" enctype="multipart/form-data">
        @csrf
        <div class="grid-2">
            <div class="field"><label>Product Name</label><input type="text" name="name" value="{{ old('name') }}" required></div>
            <div class="field"><label>Category</label>
                <select name="category_id" required>
                    <option value="">Select Category</option>
                    @foreach($categories as $c)<option value="{{ $c->id }}" {{ old('category_id')==$c->id?'selected':'' }}>{{ $c->name }}</option>@endforeach
                </select>
            </div>
        </div>
        <div class="field"><label>Description</label><textarea name="description" rows="3">{{ old('description') }}</textarea></div>
        <div class="field"><label>Ingredients</label><textarea name="ingredients" rows="2">{{ old('ingredients') }}</textarea></div>
        <div class="grid-3">
            <div class="field"><label>Regular Price</label><input type="number" step="0.01" name="regular_price" value="{{ old('regular_price') }}" required></div>
            <div class="field"><label>Discount Price</label><input type="number" step="0.01" name="discount_price" value="{{ old('discount_price') }}"></div>
            <div class="field"><label>Cost Price</label><input type="number" step="0.01" name="cost_price" value="{{ old('cost_price') }}"></div>
        </div>
        <div class="grid-3">
            <div class="field"><label>SKU</label><input type="text" name="sku" value="{{ old('sku', 'SKU-'.strtoupper(\Illuminate\Support\Str::random(6))) }}" required></div>
            <div class="field"><label>Stock Quantity</label><input type="number" name="stock_quantity" value="{{ old('stock_quantity', 0) }}" required></div>
            <div class="field"><label>Low Stock Threshold</label><input type="number" name="low_stock_threshold" value="{{ old('low_stock_threshold', 5) }}" required></div>
        </div>
        <div class="field"><label>Main Image</label><input type="file" name="image" accept="image/*"></div>
        <div class="field"><label>Gallery (multiple images)</label><input type="file" name="gallery[]" accept="image/*" multiple></div>
        <div class="grid-3">
            <label><input type="checkbox" name="is_available" value="1" checked style="width:auto;"> Available</label>
            <label><input type="checkbox" name="is_featured" value="1" style="width:auto;"> Featured</label>
            <label><input type="checkbox" name="is_active" value="1" checked style="width:auto;"> Active</label>
        </div>
        <br>
        <button class="btn btn-primary" type="submit">Save Product</button>
    </form>
</div>
@endsection