@extends('layouts.app')
@section('title','Edit Product')
@section('content')
<div class="pagetop"><div><div class="eyebrow">ERP / PRODUCT MASTER</div><h1>{{ $product->name }}</h1><p class="desc">SKU: {{ $product->sku }}</p></div><a class="btn" href="{{ route('erp.products') }}">← Products</a></div>
@if(session('success'))<div class="panel" style="padding:15px;margin-bottom:16px">{{ session('success') }}</div>@endif
@if(isset($errors) && $errors->any())<div class="panel" style="padding:15px;margin-bottom:16px;color:#b42318">{{ $errors->first() }}</div>@endif
<div style="display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:18px" class="product-edit-grid"><div class="panel" style="padding:24px"><h2>Product details</h2><form method="POST" action="{{ route('erp.products.update',$product->id) }}">@csrf @method('PUT')<div class="erp-edit-fields">@foreach(['sku'=>'SKU','name'=>'Product name','barcode'=>'Barcode','brand'=>'Brand','model'=>'Model','color'=>'Color'] as $field=>$label)<label>{{ $label }}<input name="{{ $field }}" value="{{ old($field,$product->$field) }}" {{ in_array($field,['sku','name'])?'required':'' }} {{ $canEdit?'':'disabled' }}></label>@endforeach<label>Category<select name="category_id" {{ $canEdit?'':'disabled' }}><option value="">Uncategorized</option>@foreach($categories as $c)<option value="{{ $c->id }}" {{ old('category_id',$product->category_id)==$c->id?'selected':'' }}>{{ $c->parent_id?'↳ ':'' }}{{ $c->name }}</option>@endforeach</select></label><label>Price (AED)<input name="price" type="number" step="0.01" min="0" value="{{ old('price',$product->price) }}" required {{ $canEdit?'':'disabled' }}></label><label>Status<select name="is_active" {{ $canEdit?'':'disabled' }}><option value="1" {{ $product->is_active?'selected':'' }}>Active</option><option value="0" {{ !$product->is_active?'selected':'' }}>Inactive</option></select></label><label style="grid-column:1/-1">Description<textarea name="description" rows="5" {{ $canEdit?'':'disabled' }}>{{ old('description',$product->description) }}</textarea></label></div>@if($canEdit)<button class="btn primary" style="margin-top:15px">Save changes</button>@endif</form></div><div class="panel" style="padding:24px"><h2>Product image</h2>@if($product->image_url)<img src="{{ $product->image_url }}" alt="{{ $product->name }}" style="width:100%;max-height:260px;object-fit:contain;margin-bottom:18px">@else<p>No image uploaded yet.</p>@endif @if($canEdit)<form method="POST" action="{{ route('erp.products.image',$product->id) }}" enctype="multipart/form-data">@csrf<input type="file" name="image" accept="image/jpeg,image/png,image/webp" required style="max-width:100%;margin:10px 0"><p style="font-size:12px">JPG, PNG or WebP · Maximum 5 MB. Uploading replaces the main image.</p><button class="btn primary">Upload image</button></form>@endif</div></div>
<div class="panel" style="padding:24px;margin-top:18px"><h2>Product gallery</h2><p class="desc">Up to 12 images per product. JPG, PNG, WebP · 5 MB per image.</p><div style="display:flex;flex-wrap:wrap;gap:14px;margin:18px 0">@forelse($images as $image)<div style="width:150px;border:1px solid var(--border);border-radius:12px;padding:10px"><img src="{{ \Illuminate\Support\Facades\Storage::disk('public')->url($image->path) }}" alt="Product gallery image" style="width:130px;height:120px;object-fit:contain">@if($canEdit)<form method="POST" action="{{ route('erp.products.gallery.delete',[$product->id,$image->id]) }}" onsubmit="return confirm('Remove this gallery image?')">@csrf @method('DELETE')<button class="btn" style="width:100%">Remove</button></form>@endif</div>@empty<p>No gallery images yet.</p>@endforelse</div>@if($canEdit)<form method="POST" action="{{ route('erp.products.gallery.store',$product->id) }}" enctype="multipart/form-data">@csrf<input type="file" name="images[]" accept="image/jpeg,image/png,image/webp" multiple required><button class="btn primary">Add gallery images</button></form>@endif</div>
<style>.erp-edit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.erp-edit-fields label{display:grid;gap:6px;font-size:13px;font-weight:600}.erp-edit-fields input,.erp-edit-fields select,.erp-edit-fields textarea{width:100%;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--paper);color:var(--text)}@media(max-width:800px){.product-edit-grid{grid-template-columns:1fr!important}}@media(max-width:520px){.erp-edit-fields{grid-template-columns:1fr}}</style>
@endsection