@extends('layouts.app')
@section('title', 'Product — '.$product->name)
@section('actions')
    <a href="{{ route('pos.index') }}" class="btn btn-warning"><i class="bi bi-cart3"></i> POS</a>
    <a href="{{ route('products.edit', $product) }}" class="btn btn-outline-secondary"><i class="bi bi-pencil"></i> Edit</a>
    <form method="POST" action="{{ route('products.destroy', $product) }}" class="d-inline" onsubmit="return confirm('Delete product and its sale history?')">
        @csrf @method('DELETE')
        <button class="btn btn-outline-danger"><i class="bi bi-trash"></i> Delete</button>
    </form>
@endsection

@section('content')
<div class="row g-3 mb-3">
    <div class="col-12 col-lg-4">
        <div class="card p-3">
            @if($product->image_path)
                <img src="{{ Storage::url($product->image_path) }}" class="img-fluid rounded mb-2" alt="{{ $product->name }}" style="max-height:180px;object-fit:contain;">
            @endif
            <h5 class="mb-1">{{ $product->name }}</h5>
            <dl class="row mb-0 small">
                <dt class="col-5">Category</dt><dd class="col-7">{{ $product->category->name ?? '—' }}</dd>
                <dt class="col-5">Sale Price</dt><dd class="col-7">{{ number_format($product->sale_price, 2) }}</dd>
                <dt class="col-5">Stock</dt><dd class="col-7">{{ $product->quantity_stock }}
                    @if($product->isOutOfStock())<span class="badge bg-danger">Out</span>@elseif($product->isLowStock())<span class="badge bg-warning text-dark">Low</span>@endif</dd>
                <dt class="col-5">Status</dt><dd class="col-7">@if($product->isActive())<span class="badge bg-success">Active</span>@else<span class="badge bg-secondary">Inactive</span>@endif</dd>
            </dl>
        </div>
    </div>
    <div class="col-12 col-lg-8">
        <div class="card p-3">
            <h6 class="border-bottom pb-2">Sale History</h6>
            <div class="table-responsive">
                <table class="table table-sm mb-0 align-middle">
                    <thead><tr><th>Date</th><th>Invoice</th><th>Qty</th><th>Unit Price</th><th>Line Total</th></tr></thead>
                    <tbody>
                    @forelse($product->saleItems->sortByDesc('id') as $item)
                        <tr>
                            <td>{{ optional($item->sale)->sale_date?->format('d M Y') ?? '—' }}</td>
                            <td>@if($item->sale)<a href="{{ route('product-sales.show', $item->sale) }}">{{ $item->sale->invoice_number }}</a>@else — @endif</td>
                            <td>{{ $item->quantity }}</td>
                            <td>{{ number_format($item->unit_price, 2) }}</td>
                            <td>{{ number_format($item->line_total, 2) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="text-muted">No sales yet.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection