@csrf

<div class="row g-4">
    <div class="col-12">
        <div class="card shadow-sm">
            <div class="card-header bg-primary bg-opacity-10">
                <h6 class="card-title mb-0"><i class="ri-box-3-line me-2"></i>Basic Information</h6>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-4">
                        <label class="form-label">Product Name <span class="text-danger">*</span></label>
                        <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $product->name ?? '') }}" required placeholder="Enter product name">
                        @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Product Code <span class="text-danger">*</span></label>
                        <input type="text" name="code" class="form-control @error('code') is-invalid @enderror" value="{{ old('code', $product->code ?? '') }}" required placeholder="Auto-generated or custom">
                        @error('code') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Product Category <span class="text-danger">*</span></label>
                        <select name="category_id" class="form-select select2 @error('category_id') is-invalid @enderror" required>
                            <option value="">Select Category</option>
                            @foreach($categories as $cat)
                                <option value="{{ $cat->id }}" {{ old('category_id', $product->category_id ?? '') == $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
                            @endforeach
                        </select>
                        @error('category_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">HS Code</label>
                        <select name="hs_code_id" class="form-select select2 @error('hs_code_id') is-invalid @enderror">
                            <option value="">Select HS Code</option>
                            @foreach($hsCodes as $hs)
                                <option value="{{ $hs->id }}" {{ old('hs_code_id', $product->hs_code_id ?? '') == $hs->id ? 'selected' : '' }}>{{ $hs->code }} - {{ $hs->description }}</option>
                            @endforeach
                        </select>
                        @error('hs_code_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Unit of Measure <span class="text-danger">*</span></label>
                        <select name="uom_id" class="form-select select2 @error('uom_id') is-invalid @enderror" required>
                            <option value="">Select UOM</option>
                            @foreach($uoms as $uom)
                                <option value="{{ $uom->id }}" {{ old('uom_id', $product->uom_id ?? '') == $uom->id ? 'selected' : '' }}>{{ $uom->name }} ({{ $uom->short_name }})</option>
                            @endforeach
                        </select>
                        @error('uom_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Status</label>
                        <select name="status" class="form-select @error('status') is-invalid @enderror">
                            <option value="active" {{ old('status', $product->status ?? 'active') == 'active' ? 'selected' : '' }}>Active</option>
                            <option value="inactive" {{ old('status', $product->status ?? '') == 'inactive' ? 'selected' : '' }}>Inactive</option>
                        </select>
                        @error('status') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Description</label>
                        <textarea name="description" class="form-control @error('description') is-invalid @enderror" rows="3" placeholder="Product description">{{ old('description', $product->description ?? '') }}</textarea>
                        @error('description') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Specifications</label>
                        <textarea name="specifications" class="form-control @error('specifications') is-invalid @enderror" rows="3" placeholder="Technical specifications">{{ old('specifications', $product->specifications ?? '') }}</textarea>
                        @error('specifications') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-12">
        @include('masters.products.partials._pricing')
    </div>
</div>

<div class="d-flex justify-content-end gap-2 mt-4">
    <a href="{{ route('masters.products.index') }}" class="btn btn-outline-secondary">Cancel</a>
    <button type="submit" class="btn btn-primary">
        <i class="ri-save-line me-1"></i> {{ isset($product) ? 'Update Product' : 'Create Product' }}
    </button>
</div>