@extends('admin.layout')

@section('title', 'Laporan Pengendalian Persediaan')

@section('content')
    <div class="card">
        <div style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px">
            <h1 style="margin:0">Laporan Pengendalian Persediaan</h1>
            <button class="btn ghost" onclick="window.print()">🖨 Cetak Laporan</button>
        </div>

        <div class="summary-grid">
            <div class="summary-card">
                <div class="summary-value">{{ $summary['total_products'] }}</div>
                <div class="summary-label">Total Produk</div>
            </div>
            <div class="summary-card summary-ok">
                <div class="summary-value">{{ $summary['normal'] }}</div>
                <div class="summary-label">Stok Normal</div>
            </div>
            <div class="summary-card summary-low">
                <div class="summary-value">{{ $summary['low_stock'] }}</div>
                <div class="summary-label">Stok Rendah</div>
            </div>
            <div class="summary-card summary-over">
                <div class="summary-value">{{ $summary['over_stock'] }}</div>
                <div class="summary-label">Stok Berlebih</div>
            </div>
        </div>

        <table>
            <thead>
                <tr>
                    <th>Produk</th>
                    <th>Kategori</th>
                    <th>Stok Saat Ini</th>
                    <th>Min (ROP)</th>
                    <th>Max</th>
                    <th>Reorder Qty</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @foreach($products as $row)
                    <tr>
                        <td>{{ $row['product']->name }}</td>
                        <td>{{ $row['product']->category->name ?? '-' }}</td>
                        <td>{{ $row['total_stock'] }}</td>
                        <td>{{ $row['reorder_point'] }}</td>
                        <td>{{ $row['max_stock'] }}</td>
                        <td>{{ $row['reorder_quantity'] }}</td>
                        <td>
                            @if($row['status'] === 'low')
                                <span class="badge badge-low">{{ $row['status_label'] }}</span>
                            @elseif($row['status'] === 'over')
                                <span class="badge badge-over">{{ $row['status_label'] }}</span>
                            @else
                                <span class="badge badge-ok">{{ $row['status_label'] }}</span>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        <div style="margin-top:20px;padding:12px;background:#f9fafb;border-radius:8px;font-size:13px;color:#6b7280">
            <strong>Keterangan Min-Max:</strong><br>
            <strong>Reorder Point (ROP)</strong> = Stok minimum — titik pemesanan ulang saat stok turun ke bawah nilai ini.<br>
            <strong>Reorder Quantity (ROQ)</strong> = Max Stok − Stok Saat Ini — jumlah yang disarankan untuk dipesan.
        </div>
    </div>
@endsection