@extends('layouts.app')

@section('content')
<style>
    .inventory-wrap { max-width: 1500px; }
    .inventory-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:14px; }
    .page-title { color:#111827; font-size:26px; font-weight:900; }
    .page-subtitle { color:#64748b; font-size:13px; font-weight:700; margin-top:4px; }
    .quick-actions { display:flex; flex-wrap:wrap; gap:8px; }
    .btn { border:0; border-radius:8px; cursor:pointer; display:inline-flex; justify-content:center; align-items:center; font-weight:900; padding:10px 13px; text-decoration:none; white-space:nowrap; }
    .btn-blue { background:#1E4FA8; color:#fff; }
    .btn-orange { background:#E84C0D; color:#fff; }
    .btn-green { background:#15803d; color:#fff; }
    .btn-light { background:#f1f5f9; color:#111827; }
    .summary-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:12px; margin-bottom:14px; }
    .summary-card { background:#fff; border-radius:10px; box-shadow:0 8px 22px rgba(15,23,42,.06); padding:15px; }
    .summary-label { color:#64748b; font-size:12px; font-weight:900; text-transform:uppercase; }
    .summary-value { color:#1E4FA8; font-size:22px; font-weight:900; margin-top:6px; }
    .summary-value.orange { color:#E84C0D; }
    .panel { background:#fff; border-radius:10px; box-shadow:0 8px 22px rgba(15,23,42,.06); padding:16px; margin-bottom:14px; }
    .filter-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr auto auto; gap:10px; align-items:end; }
    .field { display:flex; flex-direction:column; gap:6px; }
    .field label { color:#334155; font-size:12px; font-weight:900; }
    .field input, .field select { border:1px solid #d8e1ec; border-radius:8px; padding:10px; font-size:14px; width:100%; box-sizing:border-box; }
    .table-wrap { overflow:auto; }
    table { border-collapse:collapse; min-width:1450px; width:100%; }
    th { background:#1E4FA8; color:#fff; font-size:12px; padding:10px 8px; text-align:left; white-space:nowrap; }
    td { border-bottom:1px solid #e5e7eb; padding:9px 8px; font-size:13px; vertical-align:middle; }
    td.num, th.num { text-align:right; }
    tbody tr:hover { background:#f8fafc; }
    tfoot td { background:#f1f5f9; color:#111827; font-weight:900; }
    .product-name { font-weight:900; color:#111827; }
    .branch-chip { background:#eef2ff; border-radius:999px; color:#1E4FA8; display:inline-block; font-size:11px; font-weight:900; padding:4px 8px; }
    .profit { color:#15803d; font-weight:900; }
    @media(max-width: 1000px) {
        .inventory-head { flex-direction:column; }
        .filter-grid { grid-template-columns:1fr; }
    }
</style>

<div class="page-wrap inventory-wrap">
    <div class="inventory-head">
        <div>
            <div class="page-title">Inventory</div>
            <div class="page-subtitle">Stock value by product with buying value, selling value, movement and potential profit.</div>
        </div>
        <div class="quick-actions">
            <a class="btn btn-blue" href="{{ url('/internal-stock-issues') }}">Internal Stock Issues</a>
            <a class="btn btn-orange" href="{{ url('/damaged-products') }}">Damaged Products</a>
            <a class="btn btn-red low-stock-btn" href="{{ url('/inventory/low-stock') }}" style="background:#E84C0D !important;border-color:#E84C0D !important;color:#fff !important;">Low Stock Report</a>
            <a class="btn btn-green" href="{{ url('/stock-transfers') }}">Stock Transfers</a>
            <a class="btn btn-green" href="{{ url('/inventory/stock-taking') }}">Stock Taking</a>
            <a class="btn btn-blue" href="{{ url('/inventory/opening-closing-stock') }}">Opening / Closing Stock</a>
            <a class="btn btn-light" href="{{ url('/inventory/stock-value') }}">Stock Value Report</a>
        </div>
    </div>

    <div class="summary-grid">
        <div class="summary-card">
            <div class="summary-label">Products</div>
            <div class="summary-value">{{ number_format($totals->products) }}</div>
        </div>
        <div class="summary-card">
            <div class="summary-label">Available Stock</div>
            <div class="summary-value green">{{ number_format($totals->available_stock, 2) }}</div>
        </div>
        <div class="summary-card">
            <div class="summary-label">Value by Buying Price</div>
            <div class="summary-value">{{ \App\Models\SystemSetting::formatMoney($totals->buying_value) }}</div>
        </div>
        <div class="summary-card">
            <div class="summary-label">Value by Selling Price</div>
            <div class="summary-value">{{ \App\Models\SystemSetting::formatMoney($totals->selling_value) }}</div>
        </div>
        <div class="summary-card">
            <div class="summary-label">Potential Profit</div>
            <div class="summary-value orange">{{ \App\Models\SystemSetting::formatMoney($totals->potential_profit) }}</div>
        </div>
    </div>

    <div class="panel">
        <form method="GET" action="{{ url('/inventory') }}" class="filter-grid auto-filter-form">
            <div class="field">
                <label>Search</label>
                <input type="text" name="search" value="{{ $filters['search'] }}" placeholder="Barcode or product name">
            </div>
            <div class="field">
                <label>Branch</label>
                <select name="branch_id">
                    <option value="">All allowed branches</option>
                    <option value="unassigned" {{ $filters['branch_id'] === 'unassigned' ? 'selected' : '' }}>Unassigned</option>
                    @foreach($branches as $branch)
                        <option value="{{ $branch->id }}" {{ $filters['branch_id'] == $branch->id ? 'selected' : '' }}>{{ $branch->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="field">
                <label>Category</label>
                <select name="category_id">
                    <option value="">All categories</option>
                    @foreach($categories as $category)
                        <option value="{{ $category->id }}" {{ $filters['category_id'] == $category->id ? 'selected' : '' }}>{{ $category->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="field">
                <label>Stock Status</label>
                <select name="stock_status">
                    <option value="">All stock</option>
                    <option value="low" {{ $filters['stock_status'] === 'low' ? 'selected' : '' }}>Low stock</option>
                    <option value="out" {{ $filters['stock_status'] === 'out' ? 'selected' : '' }}>Out of stock</option>
                </select>
            </div>
            <button class="btn btn-blue">Filter</button>
            <a class="btn btn-light" href="{{ url('/inventory') }}">Reset</a>
        </form>
    </div>

    <div class="panel">
        <div class="table-wrap">
            <table>
                <thead>
                    <tr>
                        <th>Barcode</th>
                        <th>Product Name</th>
                        <th>Category</th>
                        <th>Branch</th>
                        <th class="num">Unit Selling Price</th>
                        <th class="num">Available Stock</th>
                        <th class="num">Current Stock Value By Buying Price</th>
                        <th class="num">Current Stock Value By Selling Price</th>
                        <th class="num">Potential Profit</th>
                        <th class="num">Total Units Sold</th>
                        <th class="num">Total Units Transferred</th>
                        <th class="num">Total Units Adjusted</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($products as $product)
                        @php($buyingValue = (float) $product->stock_quantity * (float) $product->buying_price)
                        @php($sellingValue = (float) $product->stock_quantity * (float) $product->retail_price)
                        @php($potentialProfit = (float) $product->stock_quantity * max((float) $product->retail_price - (float) $product->buying_price, 0))
                        <tr>
                            <td>{{ $product->barcode ?: '-' }}</td>
                            <td class="product-name">{{ $product->name }}</td>
                            <td>{{ $product->category?->name ?: '-' }}</td>
                            <td><span class="branch-chip">{{ $product->branch?->name ?: 'Unassigned' }}</span></td>
                            <td class="num">{{ \App\Models\SystemSetting::formatMoney($product->retail_price) }}</td>
                            <td class="num">{{ number_format($product->stock_quantity, 2) }}</td>
                            <td class="num">{{ \App\Models\SystemSetting::formatMoney($buyingValue) }}</td>
                            <td class="num">{{ \App\Models\SystemSetting::formatMoney($sellingValue) }}</td>
                            <td class="num profit">{{ \App\Models\SystemSetting::formatMoney($potentialProfit) }}</td>
                            <td class="num">{{ number_format($product->total_units_sold, 2) }}</td>
                            <td class="num">{{ number_format($product->total_units_transferred, 2) }}</td>
                            <td class="num">{{ number_format($product->total_units_adjusted, 2) }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="12" style="text-align:center;color:#64748b;font-weight:800;">No inventory products found.</td>
                        </tr>
                    @endforelse
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="5">Totals</td>
                        <td class="num">{{ number_format($totals->available_stock, 2) }}</td>
                        <td class="num">{{ \App\Models\SystemSetting::formatMoney($totals->buying_value) }}</td>
                        <td class="num">{{ \App\Models\SystemSetting::formatMoney($totals->selling_value) }}</td>
                        <td class="num">{{ \App\Models\SystemSetting::formatMoney($totals->potential_profit) }}</td>
                        <td class="num">{{ number_format($totals->sold, 2) }}</td>
                        <td class="num">{{ number_format($totals->transferred, 2) }}</td>
                        <td class="num">{{ number_format($totals->adjusted, 2) }}</td>
                    </tr>
                </tfoot>
            </table>
        </div>
        <div style="margin-top:12px;">{{ $products->links('vendor.pagination.jevapos') }}</div>
    </div>
</div>
@endsection