@extends('admin.layouts.app')
@section('page-title', 'Saved product')
@push('styles')
<link rel="stylesheet" href="{{ asset('assets/product-create.css') }}?v={{ filemtime(public_path('assets/product-create.css')) }}">
@endpush
@section('content')
<div class="product-create">
    <div class="product-toolbar"><div><h2>{{ $product->name }}</h2><span class="quiet-badge">{{ ucfirst($product->status) }} &middot; Saved in catalog</span></div><div><a href="{{ route('admin.products.index') }}" class="product-button">Product List</a>

@if(auth()->user()->hasPermission('products.edit'))
            <a href="{{ route('admin.products.edit', $product) }}" class="product-button">Edit product</a>

@endif
@if(auth()->user()->hasPermission('products.delete'))<a class="product-button" href="{{ route('admin.products.delete',$product) }}">Delete product</a>@endif

@if(auth()->user()->hasPermission('products.create'))
            <a href="{{ route('admin.products.create') }}" class="product-button">Add another product</a>

@endif
    </div></div>
    <section class="panel product-section"><div class="product-section-body">
        <dl class="product-result-meta"><div><dt>Product code</dt><dd>{{ $product->code }}</dd></div><div><dt>Category</dt><dd>{{ $product->category->name }}</dd></div><div><dt>Product type</dt><dd>{{ $product->type === 'simple' ? 'Single product' : 'With variants' }}</dd></div><div><dt>Variants</dt><dd>{{ $variants->total() }}</dd></div><div><dt>Stock units</dt><dd>{{ number_format($product->stock_total ?? 0) }}</dd></div></dl>

@if($product->short_description)<p>{{ $product->short_description }}</p>
@endif

@if($product->description)<p style="white-space:pre-wrap">{{ $product->description }}</p>
@endif
        <div class="product-photo-grid">
@foreach($product->images as $image)<div class="product-photo-card"><img src="{{ route('admin.products.image', $image) }}" alt="{{ $product->name }}" width="120" height="150" loading="lazy"><span>{{ $loop->first ? 'Cover image' : 'Image '.$loop->iteration }}</span></div>
@endforeach</div>
        <p class="product-help">Stock is recorded per variant. Add incoming quantities through Add Stock.</p>
    </div></section>
    <section class="panel product-section"><div class="product-section-body"><h2 style="font-size:14px">Saved variants</h2><div class="product-variant-scroll"><table class="product-variant-table"><thead><tr><th>Colour / Size</th><th>SKU</th><th>Price</th><th>Stock</th><th>Status</th><th>Images</th></tr></thead><tbody>

@foreach($variants as $variant)
            <tr><td>{{ $variant->colour !== '' ? $variant->colour : 'Default' }}{{ $variant->size !== '' ? ' / '.$variant->size : '' }}</td><td>{{ $variant->sku }}</td><td>BDT {{ $variant->price }}</td><td>{{ number_format($variant->stock) }}
@if(auth()->user()->hasPermission('products.adjust')) <a class="product-button" href="{{ route('admin.products.corrections.index', ['variant' => $variant->id]) }}">Correct</a>
@endif
@if(auth()->user()->hasPermission('products.stock')) <a class="product-button" href="{{ route('admin.products.stock.create', ['product' => $product->id, 'variant' => $variant->id]) }}">+ Stock</a>
@endif</td><td>{{ $variant->enabled ? 'Active' : 'Inactive' }}</td><td>
@foreach($product->imagesFor($variant) as $image)<img src="{{ route('admin.products.image', $image) }}" alt="" width="28" height="35" loading="lazy" style="object-fit:cover;border-radius:3px">
@endforeach</td></tr>

@endforeach
    </tbody></table></div><div class="product-pagination"><span>{{ $variants->total() }} variants &middot; Page {{ $variants->currentPage() }} / {{ $variants->lastPage() }}</span><div>
@if($variants->previousPageUrl())<a class="product-button" href="{{ $variants->previousPageUrl() }}">Previous</a>
@endif
@if($variants->nextPageUrl())<a class="product-button" href="{{ $variants->nextPageUrl() }}">Next</a>
@endif</div></div></div></section>

@if($retiredStock->isNotEmpty())<section class="panel product-section"><div class="product-section-body"><h2 style="font-size:14px">Retired variants holding physical stock</h2><p class="product-help">Returned stock remains counted. These variants are not available for sale until their options are restored in Edit Product.</p><div class="product-variant-scroll"><table class="product-variant-table"><thead><tr><th>Colour / Size</th><th>SKU</th><th>Stock</th><th>Action</th></tr></thead><tbody>
@foreach($retiredStock as $variant)<tr><td>{{ $variant->colour }} / {{ $variant->size }}</td><td>{{ $variant->sku }}</td><td>{{ $variant->stock }}</td><td>
@if(auth()->user()->hasPermission('products.adjust'))<a class="product-button" href="{{ route('admin.products.corrections.index', ['variant' => $variant->id]) }}">Correct stock</a>
@endif</td></tr>
@endforeach</tbody></table></div></div></section>
@endif
</div>
@endsection