@extends('layouts.app')
@section('title', 'Stock Movement History')
@section('page_title', 'Stock Movements')
@section('content')
<div class="page-header"><div><h2 class="page-title">Stock Movement History</h2><div class="page-subtitle">Every stock change records its product, quantity, source, user and time.</div></div><div class="heading-actions">@if(in_array(auth()->user()->role,['owner','manager'],true))<x-export-choice route-name="stock.movements.export.print" :current="request()->except(['page','scope'])" />@endif<a class="btn btn-secondary" href="{{ route('stock.index') }}">Back to Stock</a></div></div>
<div class="card filter-card mobile-collapsible-filter"><button class="mobile-filter-toggle" type="button" data-mobile-filter-toggle aria-controls="stockMovementsFilterForm" aria-expanded="false"><span><strong>Filters</strong><small>Search and movement type</small></span><b aria-hidden="true">+</b></button><form class="filter-grid stock-movement-filter" id="stockMovementsFilterForm" method="GET" data-live-filter data-live-filter-key="stock-movements"><input name="search" value="{{ $search }}" placeholder="Product, supplier/source or note..." data-live-search autocomplete="off"><select name="type" data-live-select><option value="all">All Movement Types</option>@foreach($types as $key=>$label)<option value="{{ $key }}" @selected($type===$key)>{{ $label }}</option>@endforeach</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"><thead><tr><th>Date</th><th>Product</th><th>Type</th><th>Movement Quantity</th><th>Base Stock Change</th>@unless(auth()->user()->isCashier())<th>Unit Cost</th><th>Total Cost</th>@endunless<th>Source / Supplier</th><th>Added By</th><th>Note</th></tr></thead><tbody>
    @forelse($movements as $movement)<tr><td>{{ $movement->occurredAtLabel() }}</td><td><strong>{{ $movement->product?->name ?? 'Removed product' }}</strong><div class="muted-small">{{ $movement->product?->category?->displayName() ?? '—' }}</div></td><td>{{ $movement->typeLabel() }}</td><td>{{ $movement->unitQuantityLabel() }}</td><td>{{ $movement->quantity_pieces > 0 ? '+' : '' }}{{ number_format($movement->quantity_pieces) }}</td>@unless(auth()->user()->isCashier())<td>{{ $movement->unit_cost_price !== null ? 'TZS '.tzs_amount($movement->unit_cost_price) : '—' }}</td><td>{{ $movement->total_cost !== null ? 'TZS '.tzs_amount($movement->total_cost) : '—' }}</td>@endunless<td>{{ $movement->source_name ?: '—' }}</td><td>{{ $movement->user?->displayName() ?? 'System' }}</td><td>{{ $movement->note ?: '—' }}</td></tr>
    @empty<tr><td colspan="{{ auth()->user()->isCashier() ? 8 : 10 }}" class="empty-cell">No stock movements match the selected filters.</td></tr>@endforelse
    </tbody></table></div>
    <div class="mobile-record-list movement-timeline">
        @forelse($movements as $movement)
            <article class="mobile-record-card mobile-data-card">
                <div class="mobile-data-visual {{ $movement->quantity_pieces < 0 ? 'mobile-data-visual--negative' : 'mobile-data-visual--positive' }}">{{ $movement->quantity_pieces < 0 ? '−' : '+' }}</div>
                <div class="mobile-record-head mobile-data-head">
                    <div><h3>{{ $movement->product?->name ?? 'Removed product' }}</h3><small>{{ $movement->occurredAtLabel() }}</small></div>
                    <span class="status-pill {{ $movement->quantity_pieces < 0 ? 'status-out-of-stock' : 'status-active' }}">{{ $movement->quantity_pieces > 0 ? '+' : '' }}{{ number_format($movement->quantity_pieces) }}</span>
                </div>
                <div class="mobile-data-body">
                    <div class="mobile-data-keyline"><strong>{{ $movement->typeLabel() }}</strong><em>{{ $movement->unitQuantityLabel() }}</em></div>
                    <div class="mobile-data-support">
                        @unless(auth()->user()->isCashier())
                            @if($movement->unit_cost_price !== null)
                                <span>Cost: TZS {{ tzs_amount($movement->unit_cost_price) }} · Total: TZS {{ tzs_amount($movement->total_cost ?? 0) }}</span>
                            @endif
                        @endunless
                        <span>{{ $movement->source_name ?: 'No source' }}</span>
                        <span>By {{ $movement->user?->displayName() ?? 'System' }}</span>
                        @if($movement->note)<span class="mobile-data-truncate">{{ $movement->note }}</span>@endif
                    </div>
                </div>
            </article>
        @empty
            <div class="empty-state-professional"><div class="empty-icon">±</div><h3>No stock movements</h3><p>Movements will appear here after stock is received, corrected, sold or returned.</p></div>
        @endforelse
    </div>
    <div class="table-footer"><span>Showing {{ $movements->firstItem() ?? 0 }} to {{ $movements->lastItem() ?? 0 }} of {{ $movements->total() }} movements</span>{{ $movements->links() }}</div>
</div>
<script src="{{ asset('js/live-filter.js') }}?v=10037" defer></script>
@endsection