@extends('layouts.app')
@section('title','Shared Product Library')
@section('content')
<div class="pagetop"><div><div class="eyebrow">ERP / PRODUCT FOUNDATION</div><h1>Shared Product Library</h1><p class="desc">One product identity across companies. Activation and prices belong to the selected company.</p></div></div>
@if(session('success'))<div role="status" class="panel library-notice">{{ session('success') }}</div>@endif
@if($errors->any())<div role="alert" class="panel library-notice">{{ $errors->first() }}</div>@endif
<div class="panel library-notice">Existing company products have not been merged automatically. Shared barcodes are allowed, but always require explicit selection when ambiguous. All prices below include VAT 5%.</div>
@if($canCreate)
<details class="panel library-section" @if($errors->any()) open @endif><summary>Add a shared product</summary>
<form method="POST" action="{{ route('erp.shared-products.store') }}" class="library-fields">@csrf
<label>SKU<input name="sku" value="{{ old('sku') }}" maxlength="100" required></label>
<label>Product name<input name="name" value="{{ old('name') }}" maxlength="240" required></label>
<label>Brand<input name="brand" value="{{ old('brand') }}" maxlength="120"></label>
<label>Model<input name="model" value="{{ old('model') }}" maxlength="120"></label>
<label>Color<input name="color" value="{{ old('color') }}" maxlength="80"></label>
<label>Status<select name="status"><option value="active">Active</option><option value="discontinued" @selected(old('status')==='discontinued')>Discontinued</option></select></label>
<label>Barcodes (one per line)<textarea name="barcode_text" rows="3">{{ old('barcode_text') }}</textarea></label>
<label>Description<textarea name="description" rows="3" maxlength="10000">{{ old('description') }}</textarea></label>
<label>Specifications<textarea name="specification" rows="3" maxlength="20000">{{ old('specification') }}</textarea></label>
<div><button class="btn primary">Create and enable for this company</button></div>
</form></details>
@endif
<div class="panel library-section">
<form method="GET" class="library-search"><label class="sr-only" for="library-search">Search shared products</label><input id="library-search" type="search" name="q" value="{{ request('q') }}" placeholder="SKU, name or exact barcode"><button class="btn">Search</button><a class="btn" href="{{ route('erp.shared-products') }}">Clear</a></form>
<div class="library-table"><table class="data"><thead><tr><th>Product identity</th><th>Barcodes</th><th>Current company</th><th>Company prices (AED, VAT included)</th></tr></thead><tbody>
@forelse($products as $p)
<tr><td>@if($p->company_product_id)<a href="{{ route('erp.shared-products.edit',$p->company_product_id) }}"><strong>{{ $p->sku }}</strong></a>@else<strong>{{ $p->sku }}</strong>@endif<div>{{ $p->name }}</div><small>{{ $p->brand }} {{ $p->model }} {{ $p->color }}</small><div><small>{{ $p->status }}</small></div></td>
<td>@forelse($barcodes->get($p->id,collect()) as $barcode)<div>{{ $barcode->barcode }} @if(in_array($barcode->barcode,$duplicateCodes,true))<span class="library-warning">Shared barcode</span>@endif</div>@empty<span>Not provided</span>@endforelse</td>
<td>@if($p->company_product_id)<span>{{ $p->company_active?'Enabled':'Inactive' }}</span>@elseif($canCreate)<form method="POST" action="{{ route('erp.shared-products.enable',$p->id) }}">@csrf<button class="btn">Enable for company</button></form>@else<span>Not enabled</span>@endif</td>
<td>@if($p->company_product_id)
@php($currentPrices=$prices->get($p->company_product_id,collect())->unique('price_type'))
@forelse($currentPrices as $price)<div>{{ ucfirst($price->price_type) }}: <strong>{{ \App\Support\ProductRegistry::formatUnitPrice((string)$price->gross_amount) }}</strong> <small>from {{ $price->effective_date }}</small></div>@empty<p>No prices recorded.</p>@endforelse
@if($canEdit)<details class="library-price"><summary>Set company price</summary><form method="POST" action="{{ route('erp.shared-products.price',$p->company_product_id) }}" class="library-price-fields">@csrf
<label>Price type<select name="price_type"><option value="retail">Retail / RRP</option><option value="wholesale">Wholesale</option><option value="van">Van sales</option><option value="clearance">Clearance</option></select></label>
<label>Amount including VAT 5%<input name="gross_amount" type="number" min="0" max="999999999999.9999" step="0.0001" required></label>
<label>Effective date<input name="effective_date" type="date" value="{{ now()->toDateString() }}" required></label><input type="hidden" name="currency" value="AED"><button class="btn">Save price</button>
</form></details>@endif
@else<span>Enable this product to record company prices.</span>@endif</td></tr>
@empty<tr><td colspan="4">No shared products found. Existing company products are unchanged.</td></tr>@endforelse
</tbody></table></div>{{ $products->links() }}</div>
<style>
.library-notice{padding:16px;margin:16px 0;line-height:1.6}.library-section{padding:20px;margin:16px 0}.library-section summary,.library-price summary{cursor:pointer;font-weight:600}.library-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.library-fields label,.library-price-fields label{display:grid;gap:6px;font-size:13px}.library-fields input,.library-fields textarea,.library-fields select,.library-search input,.library-price-fields input,.library-price-fields select{width:100%;min-width:0;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--paper);color:var(--text)}.library-search{display:flex;gap:8px;margin-bottom:16px}.library-search input{flex:1}.library-table{overflow:auto}.library-table table{min-width:700px}.library-table td{vertical-align:top}.library-warning{display:inline-block;padding:2px 6px;border-radius:5px;background:#fff3cd;color:#664d03;font-size:11px}.library-price{margin-top:12px}.library-price-fields{display:grid;gap:10px;margin-top:12px;min-width:190px}.library-fields .btn{white-space:normal}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.library-fields{grid-template-columns:1fr 1fr}}@media(max-width:550px){.library-fields{grid-template-columns:1fr}.library-search{flex-wrap:wrap}.library-search input{flex-basis:100%}.library-section{padding:14px}}
</style>
@endsection