@extends('layouts.app')
@section('title','Inventory')
@section('page_title','Inventory')
@section('content')
@php $isCashier = auth()->user()->isCashier(); @endphp
<div class="page-heading">
    <div class="mobile-page-title"><h2>Stock Overview</h2></div>
    <div class="heading-actions stock-page-actions">
        @if($canAddStock)<a class="btn" href="{{ route('stock.create') }}">+ Receive Stock</a>@endif
        @if($canAdjustStock)<a class="btn btn-secondary" href="{{ route('stock.adjust') }}">Correct Stock</a>@endif
        @if(in_array(auth()->user()->role,['owner','manager'],true))<x-export-choice route-name="stock.export.print" :current="request()->except(['page','scope'])" />@endif
        <details class="download-menu stock-more-menu"><summary class="btn btn-secondary">More</summary><div>
            <a href="{{ route('stock.movements') }}">Movement History</a>
            @if(in_array(auth()->user()->role,['owner','manager'],true))
                @if(auth()->user()->role === 'owner')<a href="{{ route('stock.import.index') }}">Import Stock</a>@endif
            @endif
        </div></details>
    </div>
</div>

@if(session('status'))<div class="status-box">{{ session('status') }}</div>@endif
@if($errors->any())<div class="error-box">{{ $errors->first() }}</div>@endif

<div class="dashboard-top {{ $isCashier ? 'three' : 'four' }}">
    <x-stat-card label="Total Stock Items" :value="number_format($summary['total_items'])" tone="blue" icon="stock" />
    @unless($isCashier)<x-stat-card label="Total Stock Value" :value="'TZS '.tzs_amount($summary['total_value'])" tone="green" icon="product" />@endunless
    <x-stat-card label="Low Stock Items" :value="number_format($summary['low_stock'])" tone="orange" icon="warning" />
    <x-stat-card label="Out of Stock Items" :value="number_format($summary['out_of_stock'])" tone="red" icon="product" />
</div>

<div class="card filter-card mobile-collapsible-filter">
    <button class="mobile-filter-toggle" type="button" data-mobile-filter-toggle aria-controls="stockFilterForm" aria-expanded="false"><span><strong>Filters</strong><small>Search and stock status</small></span><b aria-hidden="true">+</b></button>
    <form class="filter-grid stock-filter" id="stockFilterForm" method="GET" data-live-filter data-live-filter-key="stock">
        <input name="search" value="{{ $search }}" placeholder="Start typing a product name..." data-live-search autocomplete="off">
        <select name="filter" data-live-select><option value="all" @selected($filter==='all')>All Stock</option><option value="in" @selected($filter==='in')>In Stock</option><option value="low" @selected($filter==='low')>Low Stock</option><option value="out" @selected($filter==='out')>Out of Stock</option></select>
        <div class="filter-actions"><noscript><button class="btn" type="submit">Apply</button></noscript><button class="btn-tertiary" type="button" data-filter-clear>Clear</button></div>
    </form>
</div>

<div class="card table-card" data-live-results>
    <div class="table-scroll desktop-record-table"><table class="data-table inventory-table inventory-overview-table">
        <thead><tr><th>Product</th><th>Category</th><th>Unit Conversion</th><th>Wholesale Stock</th><th>Single Stock</th><th>Sold</th><th>Status</th><th>Actions</th></tr></thead>
        <tbody>
        @forelse($products as $product)
            @php
                $wholesaleQty=$product->wholesaleAvailable();
                $singleQty=$product->looseSingleAvailable();
                $soldWholesale=max(0,(int)($product->sold_wholesale_units ?? 0)-(int)($product->returned_wholesale_units ?? 0));
                $soldSingle=max(0,(int)($product->sold_single_units ?? 0)-(int)($product->returned_single_units ?? 0));
                $soldSingleLabel=number_format($soldSingle).' '.$product->unitName('single',$soldSingle);
                $soldWholesaleLabel=number_format($soldWholesale).' '.$product->unitName('wholesale',$soldWholesale);
            @endphp
            <tr>
                <td class="inventory-product-cell"><strong>{{ $product->name }}</strong></td>
                <td>{{ $product->category?->displayName() ?? 'General Products' }}</td>
                <td class="inventory-conversion-cell">{{ $product->conversionLabel() }}</td>
                <td class="inventory-quantity-cell">@if($product->canSellWholesale()){{ number_format($wholesaleQty) }} {{ $product->unitName('wholesale',$wholesaleQty) }}@else—@endif</td>
                <td class="inventory-quantity-cell">@if($product->canSellSingle()){{ number_format($singleQty) }} {{ $product->unitName('single',$singleQty) }}@else—@endif</td>
                <td class="inventory-sold-cell">
                    <div class="inventory-sold-stack">
                        <span>{{ $soldSingleLabel }}</span>
                        @if($product->canSellWholesale())<span>{{ $soldWholesaleLabel }}</span>@endif
                    </div>
                </td>
                <td class="inventory-status-cell"><span class="status-pill status-{{ str_replace('_','-',$product->stockStatus()) }}">{{ $product->stockStatusLabel() }}</span></td>
                <td class="inventory-actions-cell"><div class="icon-actions inventory-actions">
                    @if($canAddStock)<a class="mini-link" href="{{ route('stock.create',['product_id'=>$product->id]) }}" title="Receive stock" aria-label="Receive stock for {{ $product->name }}">Receive</a>@endif
                    @if($canAdjustStock)<a class="icon-link action-correct" href="{{ route('stock.adjust',['product_id'=>$product->id]) }}" title="Correct stock" aria-label="Correct stock for {{ $product->name }}">±</a>@endif
                </div></td>
            </tr>
        @empty<tr><td colspan="8" class="empty-cell">No inventory records found.</td></tr>@endforelse
        </tbody>
    </table></div>
    <div class="mobile-record-list">
        @forelse($products as $product)
            @php
                $wholesaleQty=$product->wholesaleAvailable();
                $singleQty=$product->looseSingleAvailable();
                $soldWholesale=max(0,(int)($product->sold_wholesale_units ?? 0)-(int)($product->returned_wholesale_units ?? 0));
                $soldSingle=max(0,(int)($product->sold_single_units ?? 0)-(int)($product->returned_single_units ?? 0));
            @endphp
            <article class="mobile-record-card mobile-data-card">
                <div class="mobile-data-visual thumb" data-image-fallback="{{ strtoupper(substr($product->name,0,1)) }}">@if($product->thumbnailUrl())<img src="{{ $product->thumbnailUrl() }}" alt="" loading="lazy" decoding="async">@else{{ strtoupper(substr($product->name,0,1)) }}@endif</div>
                <div class="mobile-record-head mobile-data-head"><div><h3>{{ $product->name }}</h3><small>{{ $product->category?->displayName() ?? 'General Products' }}</small></div><span class="status-pill status-{{ str_replace('_','-',$product->stockStatus()) }}">{{ $product->stockStatusLabel() }}</span></div>
                <div class="mobile-data-body">
                    <div class="mobile-data-keyline"><strong>{{ $product->stockDisplay() }}</strong></div>
                    <div class="mobile-stock-support"><span><small>Mode</small>{{ $product->sellingModeLabel() }}</span><span><small>Conversion</small>{{ $product->conversionLabel() }}</span></div>
                </div>
                <div class="mobile-data-actions">
                    @if($canAddStock)<a class="btn btn-small mobile-primary-action" href="{{ route('stock.create',['product_id'=>$product->id]) }}">Receive</a>@elseif($canAdjustStock)<a class="btn btn-small mobile-primary-action" href="{{ route('stock.adjust',['product_id'=>$product->id]) }}">Correct</a>@endif
                    @if($canAdjustStock || $canAddStock)<details class="mobile-more-menu"><summary title="More stock actions" aria-label="More actions for {{ $product->name }}">•••</summary><div>@if($canAdjustStock)<a href="{{ route('stock.adjust',['product_id'=>$product->id]) }}">Correct Stock</a>@endif @if($canAddStock)<a href="{{ route('stock.create',['product_id'=>$product->id]) }}">Receive Stock</a>@endif</div></details>@endif
                </div>
            </article>
        @empty<div class="empty-state-professional"><div class="empty-icon">I</div><h3>No inventory records</h3><p>Clear the filters or add a product to begin tracking stock.</p></div>@endforelse
    </div>
    <div class="table-footer"><span>Showing {{ $products->firstItem() ?? 0 }} to {{ $products->lastItem() ?? 0 }} of {{ $products->total() }}</span>{{ $products->links() }}</div>
</div>
<script src="{{ asset('js/live-filter.js') }}?v=10037" defer></script>
@endsection