@extends('layouts.app')
@section('title', $product->name . ' - ' . setting('system_name'))

@section('content')
@php
    $qty = fn ($value) => rtrim(rtrim(number_format((float) $value, 2), '0'), '.');
    $user = auth()->user();
    $inStock = $batches->filter(fn ($b) => $b->quantity > 0);
    $usedUp = $batches->filter(fn ($b) => $b->quantity <= 0);
    $expiredQty = $inStock->filter->isExpired()->sum('quantity');
@endphp
<div class="app-wrapper">
    <div class="app-main">
        <main class="app-content p-4">

            <!-- Header -->
            <div class="d-flex align-items-start justify-content-between mb-4 flex-wrap gap-3">
                <div class="d-flex align-items-center gap-3">
                    @if($product->image)
                        <img src="{{ asset('storage/' . $product->image) }}" alt="" class="rounded-3 border" style="width: 64px; height: 64px; object-fit: cover;">
                    @endif
                    <div>
                        <h1 class="h4 fw-bold mb-1">{{ $product->name }}</h1>
                        <div class="small text-muted">
                            SKU <span class="badge bg-light text-dark border">{{ $product->sku }}</span>
                            @if($product->category) · {{ $product->category->name }} @endif
                            @if($product->brand) · {{ $product->brand->name }} @endif
                        </div>
                    </div>
                </div>
                <div class="d-flex gap-2 flex-wrap">
                    <a href="{{ route('products.index') }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-arrow-left me-1"></i> Back to List</a>
                    @if($user->hasPermission('view_stock_report'))
                        <a href="{{ route('reports.products.show', $product) }}" class="btn btn-outline-primary btn-sm"><i class="bi bi-graph-up me-1"></i> Sales &amp; stock history</a>
                    @endif
                    @if($user->hasPermission('create_stock_adjustment'))
                        <a href="{{ route('stock-adjustments.create', ['product_id' => $product->id]) }}" class="btn btn-outline-primary btn-sm"><i class="bi bi-arrow-repeat me-1"></i> Adjust Stock</a>
                    @endif
                    @if($user->hasPermission('edit_product'))
                        <a href="{{ route('products.edit', $product) }}" class="btn btn-primary btn-sm"><i class="bi bi-pencil-square me-1"></i> Edit</a>
                    @endif
                </div>
            </div>

            @if(session('success'))
                <div class="alert alert-success border-0 shadow-sm">{{ session('success') }}</div>
            @endif

            <!-- Key figures -->
            <div class="row g-3 mb-4">
                <div class="col-6 col-lg-3">
                    <div class="card border-0 shadow-sm h-100"><div class="card-body">
                        <div class="small text-muted">In stock</div>
                        <div class="h4 fw-bold mb-0 {{ $product->current_stock <= 0 ? 'text-danger' : ($product->current_stock <= $product->alertLevel() ? 'text-warning' : '') }}">
                            {{ $qty($product->current_stock) }} <span class="fs-6 fw-normal text-muted">{{ $product->unit?->short_name ?? 'pcs' }}</span>
                        </div>
                        @if($expiredQty > 0)
                            <div class="small text-danger fw-semibold">{{ $qty($expiredQty) }} expired, {{ $qty($sellable) }} can be sold</div>
                        @else
                            <div class="small text-muted">Alert at {{ $qty($product->alertLevel()) }}</div>
                        @endif
                    </div></div>
                </div>
                <div class="col-6 col-lg-3">
                    <div class="card border-0 shadow-sm h-100"><div class="card-body">
                        <div class="small text-muted">Selling price</div>
                        <div class="h4 fw-bold mb-0">{{ formatCurrency($product->selling_price) }}</div>
                        @if($user->hasPermission('view_purchase_price'))
                            <div class="small text-muted">Cost {{ formatCurrency($product->purchase_price) }}</div>
                        @endif
                    </div></div>
                </div>
                <div class="col-6 col-lg-3">
                    <div class="card border-0 shadow-sm h-100"><div class="card-body">
                        <div class="small text-muted">Next to sell expires</div>
                        @php
                            $next = $batches->firstWhere('id', $nextBatchId);
                            $days = $next?->expiry_date ? today()->diffInDays($next->expiry_date, false) : null;
                        @endphp
                        <div class="h5 fw-bold mb-0 {{ $product->isExpired() ? 'text-danger' : ($days !== null && $days <= \App\Models\Product::EXPIRING_SOON_DAYS ? 'text-warning' : '') }}">
                            @if($product->isExpired())
                                Expired
                            @elseif($next?->expiry_date)
                                {{ $next->expiry_date->format('d M Y') }}
                            @else
                                -
                            @endif
                        </div>
                        @if($next)<div class="small text-muted">Batch {{ $next->label() }}</div>@endif
                    </div></div>
                </div>
                <div class="col-6 col-lg-3">
                    <div class="card border-0 shadow-sm h-100"><div class="card-body">
                        <div class="small text-muted">Supplier</div>
                        <div class="h6 fw-bold mb-0">{{ $product->supplier?->name ?? '-' }}</div>
                        @if($product->supplier?->phone)<div class="small text-muted">{{ $product->supplier->phone }}</div>@endif
                    </div></div>
                </div>
            </div>

            <!-- Batches -->
            <div class="card border-0 shadow-sm mb-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-2 flex-wrap gap-2">
                        <h2 class="h6 fw-bold mb-0"><i class="bi bi-upc me-1"></i> Batches</h2>
                        <span class="small text-muted">Sold first-expiry-first. Expired batches are not sold.</span>
                    </div>
                    @if($inStock->isEmpty())
                        <p class="text-muted small mb-0">No stock. Batches appear here when stock is received.</p>
                    @else
                        <div class="table-responsive">
                            <table class="table table-sm align-middle mb-0">
                                <thead class="table-light">
                                    <tr><th>Batch No</th><th>Expiry</th><th class="text-end">In stock</th><th class="text-end">Received</th><th class="text-end">Sold</th><th></th></tr>
                                </thead>
                                <tbody>
                                @foreach($inStock as $batch)
                                    @php $days = $batch->expiry_date ? today()->diffInDays($batch->expiry_date, false) : null; @endphp
                                    <tr class="{{ $batch->isExpired() ? 'table-danger' : ($days !== null && $days <= \App\Models\Product::EXPIRING_SOON_DAYS ? 'table-warning' : '') }}">
                                        <td class="fw-semibold">
                                            {{ $batch->label() }}
                                            @if($batch->id === $nextBatchId)<span class="badge bg-success-subtle text-success-emphasis ms-1">sold next</span>@endif
                                        </td>
                                        <td>
                                            @if($batch->expiry_date)
                                                {{ $batch->expiry_date->format('d M Y') }}
                                                @if($batch->isExpired())<span class="badge bg-danger ms-1">Expired</span>
                                                @elseif($days <= \App\Models\Product::EXPIRING_SOON_DAYS)<span class="badge bg-warning text-dark ms-1">{{ (int) $days }} days left</span>@endif
                                            @else
                                                <span class="text-muted">None</span>
                                            @endif
                                        </td>
                                        <td class="text-end fw-bold">{{ $qty($batch->quantity) }}</td>
                                        <td class="text-end">{{ $qty($batch->received_quantity) }}<div class="small text-muted">{{ $batch->received_at?->format('d M Y') }}</div></td>
                                        <td class="text-end">{{ $qty($sold[$batch->id] ?? 0) }}</td>
                                        <td class="text-end">
                                            @if($batch->batch_no && $user->hasPermission('view_stock_report'))
                                                <a href="{{ route('reports.batches', ['batch_no' => $batch->batch_no]) }}" class="btn btn-sm btn-outline-secondary">Trace</a>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        @if($expiredQty > 0)
                            <p class="small text-danger mt-2 mb-0"><i class="bi bi-exclamation-triangle"></i> Take expired batches off the shelf and record a Stock Out adjustment (reason: Expired).</p>
                        @endif
                    @endif

                    @if($usedUp->isNotEmpty())
                        <details class="mt-3">
                            <summary class="small text-primary" style="cursor: pointer;">Used-up batches ({{ $usedUp->count() }})</summary>
                            <div class="table-responsive mt-2">
                                <table class="table table-sm align-middle mb-0 text-muted">
                                    <thead class="table-light">
                                        <tr><th>Batch No</th><th>Expiry</th><th class="text-end">Received</th><th class="text-end">Sold</th><th></th></tr>
                                    </thead>
                                    <tbody>
                                    @foreach($usedUp as $batch)
                                        <tr>
                                            <td>{{ $batch->label() }}</td>
                                            <td>{{ $batch->expiry_date?->format('d M Y') ?? 'None' }}</td>
                                            <td class="text-end">{{ $qty($batch->received_quantity) }}<div class="small">{{ $batch->received_at?->format('d M Y') }}</div></td>
                                            <td class="text-end">{{ $qty($sold[$batch->id] ?? 0) }}</td>
                                            <td class="text-end">
                                                @if($batch->batch_no && $user->hasPermission('view_stock_report'))
                                                    <a href="{{ route('reports.batches', ['batch_no' => $batch->batch_no]) }}" class="btn btn-sm btn-outline-secondary">Trace</a>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </details>
                    @endif
                </div>
            </div>

            @if($product->description)
                <div class="card border-0 shadow-sm">
                    <div class="card-body">
                        <h2 class="h6 fw-bold mb-2"><i class="bi bi-card-text me-1"></i> Description</h2>
                        <p class="mb-0" style="white-space: pre-line;">{{ $product->description }}</p>
                    </div>
                </div>
            @endif
        </main>
    </div>
</div>
@endsection