@extends('layouts.app')
@section('title', $product->exists ? __('Edit Product') : __('New Product'))

@section('content')
<form method="POST" action="{{ $product->exists ? route('products.update', $product) : route('products.store') }}" enctype="multipart/form-data" class="grid grid-cols-1 gap-6 lg:grid-cols-3">
    @csrf
    @if ($product->exists) @method('PUT') @endif

    <div class="space-y-4 lg:col-span-2">
        <div class="card grid grid-cols-1 gap-4 sm:grid-cols-2">
            <div class="sm:col-span-2">
                <label class="label">{{ __('Product name') }} *</label>
                <input type="text" name="name" value="{{ old('name', $product->name) }}" required class="input">
            </div>
            <div>
                <label class="label">{{ __('Generic name') }}</label>
                <input type="text" name="generic_name" value="{{ old('generic_name', $product->generic_name) }}" class="input">
            </div>
            <div>
                <label class="label">{{ __('Category') }}</label>
                <select name="category_id" class="input">
                    <option value="">{{ __('None') }}</option>
                    @foreach ($categories as $category)
                        <option value="{{ $category->id }}" @selected(old('category_id', $product->category_id) == $category->id)>{{ $category->name }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="label">{{ __('Barcode') }}</label>
                <input type="text" name="barcode" value="{{ old('barcode', $product->barcode) }}" class="input font-mono">
            </div>
            <div>
                <label class="label">{{ __('SKU') }}</label>
                <input type="text" name="sku" value="{{ old('sku', $product->sku) }}" class="input">
            </div>
            <div>
                <label class="label">{{ __('Unit') }}</label>
                <input type="text" name="unit" value="{{ old('unit', $product->unit ?? 'unit') }}" class="input">
            </div>
            <div>
                <label class="label">{{ __('Units per box') }}</label>
                <input type="number" min="1" name="units_per_box" value="{{ old('units_per_box', $product->units_per_box ?? 1) }}" class="input">
            </div>
            <div>
                <label class="label">{{ __('Box selling price') }}</label>
                <input type="number" step="0.01" name="selling_price_box" value="{{ old('selling_price_box', $product->selling_price_box) }}" class="input" placeholder="{{ __('Optional') }}">
            </div>
            <div>
                <label class="label">{{ __('Default supplier') }}</label>
                <select name="default_supplier_id" class="input">
                    <option value="">{{ __('None') }}</option>
                    @foreach ($suppliers as $supplier)
                        <option value="{{ $supplier->id }}" @selected(old('default_supplier_id', $product->default_supplier_id) == $supplier->id)>{{ $supplier->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <div class="card grid grid-cols-1 gap-4 sm:grid-cols-3">
            <div>
                <label class="label">{{ __('Purchase price') }} *</label>
                <input type="number" step="0.01" name="purchase_price" value="{{ old('purchase_price', $product->purchase_price ?? 0) }}" required class="input">
            </div>
            <div>
                <label class="label">{{ __('Selling price') }} *</label>
                <input type="number" step="0.01" name="selling_price" value="{{ old('selling_price', $product->selling_price ?? 0) }}" required class="input">
            </div>
            <div>
                <label class="label">{{ __('VAT rate (%)') }}</label>
                <input type="number" step="0.01" name="vat_rate" value="{{ old('vat_rate', $product->vat_rate ?? 0) }}" class="input">
            </div>
            <div>
                <label class="label">{{ __('Minimum stock') }}</label>
                <input type="number" name="min_stock" value="{{ old('min_stock', $product->min_stock ?? 0) }}" class="input">
            </div>
            <div>
                <label class="label">{{ __('Reorder quantity') }}</label>
                <input type="number" name="reorder_quantity" value="{{ old('reorder_quantity', $product->reorder_quantity ?? 0) }}" class="input">
            </div>
            <div class="flex items-end">
                <label class="flex items-center gap-2 text-sm text-slate-600">
                    <input type="checkbox" name="is_active" value="1" @checked(old('is_active', $product->is_active ?? true)) class="rounded border-slate-300 text-brand-600 focus:ring-brand-500">
                    {{ __('Active') }}
                </label>
            </div>
        </div>

        <div class="card">
            <label class="label">{{ __('Description') }}</label>
            <textarea name="description" rows="3" class="input">{{ old('description', $product->description) }}</textarea>
        </div>
    </div>

    <div class="space-y-4">
        <div class="card">
            <label class="label">{{ __('Image') }}</label>
            @if ($product->image)
                <img src="{{ Storage::url($product->image) }}" class="mb-2 h-32 w-full rounded-lg object-cover">
            @endif
            <input type="file" name="image" accept="image/*" class="input">
        </div>
        <div class="card">
            <label class="flex items-center gap-2 text-sm text-slate-600">
                <input type="checkbox" name="requires_prescription" value="1" @checked(old('requires_prescription', $product->requires_prescription)) class="rounded border-slate-300 text-brand-600 focus:ring-brand-500">
                {{ __('Requires prescription') }}
            </label>
        </div>
        <div class="flex gap-2">
            <button class="btn-primary flex-1">{{ $product->exists ? __('Update') : __('Create') }}</button>
            <a href="{{ route('products.index') }}" class="btn-secondary">{{ __('Cancel') }}</a>
        </div>
    </div>
</form>
@endsection