@extends('layouts.app')
@section('title', 'Product')
@section('content')
<h1 class="text-2xl font-semibold mb-4">{{ $product->exists ? 'Edit' : 'New' }} Product</h1>
<form method="POST" enctype="multipart/form-data"
      action="{{ $product->exists ? route('products.update', $product) : route('products.store') }}"
      class="bg-white rounded-xl shadow-sm p-6 max-w-2xl space-y-4">
    @csrf @if($product->exists) @method('PUT') @endif
    <div class="grid grid-cols-2 gap-4">
        <div><label class="block text-sm mb-1">Code *</label><input name="code" required value="{{ old('code', $product->code) }}" class="w-full border rounded px-3 py-2 font-mono"></div>
        <div><label class="block text-sm mb-1">Model</label><input name="model" value="{{ old('model', $product->model) }}" class="w-full border rounded px-3 py-2"></div>
    </div>
    <div><label class="block text-sm mb-1">Name *</label><input name="name" required value="{{ old('name', $product->name) }}" class="w-full border rounded px-3 py-2"></div>
    <div><label class="block text-sm mb-1">Description</label><textarea name="description" rows="3" class="w-full border rounded px-3 py-2">{{ old('description', $product->description) }}</textarea></div>
    <div><label class="block text-sm mb-1">Specifications</label><textarea name="specifications" rows="2" class="w-full border rounded px-3 py-2">{{ old('specifications', $product->specifications) }}</textarea></div>
    <div class="grid grid-cols-3 gap-4">
        <div><label class="block text-sm mb-1">Unit Type *</label><input name="unit_type" required value="{{ old('unit_type', $product->unit_type ?? 'PCS') }}" class="w-full border rounded px-3 py-2" placeholder="PCS, m², RM, L"></div>
        <div><label class="block text-sm mb-1">Quantity Mode *</label>
            <select name="quantity_mode" class="w-full border rounded px-3 py-2">
                @foreach(['pcs'=>'Pieces (PCS)','area'=>'Area (L×W)','linear'=>'Linear (RM)','volume'=>'Volume (L×W×H)'] as $v=>$l)
                    <option value="{{ $v }}" {{ old('quantity_mode', $product->quantity_mode)===$v?'selected':'' }}>{{ $l }}</option>
                @endforeach
            </select>
        </div>
        <div><label class="block text-sm mb-1">Unit Price *</label><input name="unit_price" type="number" step="0.01" min="0" required value="{{ old('unit_price', $product->unit_price ?? 0) }}" class="w-full border rounded px-3 py-2"></div>
    </div>
    <div>
        <label class="block text-sm mb-1">Image</label>
        @if($product->image_path)<img src="{{ asset('storage/'.$product->image_path) }}" class="h-20 mb-2 rounded">@endif
        <input type="file" name="image" accept="image/*">
    </div>
    <button class="bg-slate-900 text-white px-4 py-2 rounded">Save</button>
</form>
@endsection