@extends('layouts.app')

@section('title', 'Movimentações de Estoque')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Movimentações de Estoque</h1>
        <p class="page-subtitle">Histórico completo de entradas e saídas</p>
    </div>
    <a href="{{ route('stock.index') }}" class="btn btn-ghost">← Saldo Atual</a>
</div>

<div class="card">
    <div class="card-body" style="padding:1rem;">
        <form method="GET" style="display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;">
            <select name="product_id" class="form-control" style="width:220px;">
                <option value="">Todos os produtos</option>
                @foreach($products as $p)
                    <option value="{{ $p->id }}" @selected(request('product_id') == $p->id)>{{ $p->name }}</option>
                @endforeach
            </select>
            <select name="type" class="form-control" style="width:150px;">
                <option value="">Todos os tipos</option>
                <option value="in" @selected(request('type')==='in')>Entrada</option>
                <option value="out" @selected(request('type')==='out')>Saída</option>
                <option value="adjustment" @selected(request('type')==='adjustment')>Ajuste</option>
                <option value="inventory" @selected(request('type')==='inventory')>Inventário</option>
                <option value="return" @selected(request('type')==='return')>Devolução</option>
            </select>
            <input type="date" name="date_from" value="{{ request('date_from') }}" class="form-control" style="width:150px;">
            <input type="date" name="date_to" value="{{ request('date_to') }}" class="form-control" style="width:150px;">
            <button type="submit" class="btn btn-secondary">Filtrar</button>
        </form>
    </div>
</div>

<div class="card" style="margin-top:1rem;">
    <div class="card-body" style="padding:0;">
        <table class="data-table">
            <thead>
                <tr>
                    <th>Data</th>
                    <th>Produto</th>
                    <th>Tipo</th>
                    <th style="text-align:right;">Qtd</th>
                    <th style="text-align:right;">Antes</th>
                    <th style="text-align:right;">Depois</th>
                    <th>Operador</th>
                    <th>Referência</th>
                </tr>
            </thead>
            <tbody>
                @forelse($movements as $m)
                @php
                    $typeLabels = ['in'=>'Entrada','out'=>'Saída','adjustment'=>'Ajuste','inventory'=>'Inventário','return'=>'Devolução','transfer_in'=>'Transf. Entrada','transfer_out'=>'Transf. Saída'];
                    $typeColors = ['in'=>'badge-success','out'=>'badge-danger','adjustment'=>'badge-warning','inventory'=>'badge-gray','return'=>'badge-info'];
                @endphp
                <tr>
                    <td>{{ $m->created_at->format('d/m/Y H:i') }}</td>
                    <td>{{ $m->product?->name ?? '—' }}</td>
                    <td><span class="badge {{ $typeColors[$m->type] ?? 'badge-gray' }}">{{ $typeLabels[$m->type] ?? $m->type }}</span></td>
                    <td style="text-align:right;">{{ number_format($m->quantity, 2, ',', '.') }}</td>
                    <td style="text-align:right;">{{ number_format($m->balance_before, 2, ',', '.') }}</td>
                    <td style="text-align:right;font-weight:600;">{{ number_format($m->balance_after, 2, ',', '.') }}</td>
                    <td>{{ $m->user?->name ?? '—' }}</td>
                    <td>{{ $m->observations ?? '—' }}</td>
                </tr>
                @empty
                <tr><td colspan="8" style="text-align:center;padding:2rem;color:var(--text-muted);">Nenhuma movimentação encontrada.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<div style="margin-top:1rem;">{{ $movements->withQueryString()->links() }}</div>
@endsection