@extends('layouts.app')

@section('titulo', 'Estoque')
@section('subtitulo', 'Movimentações, lotes e ajustes')

@section('acoes')
    <a href="{{ route('estoque.lotes') }}" class="btn btn-outline-secondary btn-sm">Lotes</a>
    @can('estoque.criar')
        <a href="{{ route('estoque.transferencia.form') }}" class="btn btn-outline-secondary btn-sm">Transferência</a>
        <a href="{{ route('estoque.ajuste.form') }}" class="btn btn-primary btn-sm">+ Ajuste de Inventário</a>
    @endcan
@endsection

@section('conteudo')
@if ($produtosCriticos->isNotEmpty())
<div class="card mb-3 border-danger">
    <div class="card-header text-danger">Estoque Crítico ({{ $produtosCriticos->count() }})</div>
    <div class="card-body p-0">
        <table class="table table-sm mb-0">
            <thead><tr><th>Produto</th><th class="text-end">Atual</th><th class="text-end">Mínimo</th></tr></thead>
            <tbody>
                @foreach ($produtosCriticos as $produto)
                    <tr>
                        <td><a href="{{ route('produtos.show', $produto) }}">{{ $produto->descricao }}</a></td>
                        <td class="text-end text-danger text-money">{{ number_format($produto->estoque_atual, 3, ',', '.') }} {{ $produto->unidade->sigla }}</td>
                        <td class="text-end text-muted-sm">{{ number_format($produto->estoque_minimo, 3, ',', '.') }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endif

<div class="card mb-3">
    <div class="card-body">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-4">
                <label class="form-label small fw-semibold">Produto</label>
                <select name="produto_id" class="form-select form-select-sm">
                    <option value="">Todos</option>
                    @foreach ($produtos as $produto)
                        <option value="{{ $produto->id }}" {{ request('produto_id') == $produto->id ? 'selected' : '' }}>{{ $produto->descricao }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label small fw-semibold">Tipo</label>
                <select name="tipo" class="form-select form-select-sm">
                    <option value="">Todos</option>
                    <optgroup label="Entradas">
                        <option value="entrada_compra" {{ request('tipo') === 'entrada_compra' ? 'selected' : '' }}>Compra</option>
                        <option value="entrada_producao" {{ request('tipo') === 'entrada_producao' ? 'selected' : '' }}>Produção</option>
                        <option value="entrada_ajuste" {{ request('tipo') === 'entrada_ajuste' ? 'selected' : '' }}>Ajuste</option>
                        <option value="entrada_transferencia" {{ request('tipo') === 'entrada_transferencia' ? 'selected' : '' }}>Transferência</option>
                    </optgroup>
                    <optgroup label="Saídas">
                        <option value="saida_venda" {{ request('tipo') === 'saida_venda' ? 'selected' : '' }}>Venda</option>
                        <option value="saida_perda" {{ request('tipo') === 'saida_perda' ? 'selected' : '' }}>Perda</option>
                        <option value="saida_ajuste" {{ request('tipo') === 'saida_ajuste' ? 'selected' : '' }}>Ajuste</option>
                        <option value="saida_transferencia" {{ request('tipo') === 'saida_transferencia' ? 'selected' : '' }}>Transferência</option>
                    </optgroup>
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label small fw-semibold">De</label>
                <input type="date" name="data_inicio" class="form-control form-control-sm" value="{{ request('data_inicio') }}">
            </div>
            <div class="col-md-2">
                <label class="form-label small fw-semibold">Até</label>
                <input type="date" name="data_fim" class="form-control form-control-sm" value="{{ request('data_fim') }}">
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-outline-secondary btn-sm w-100">Filtrar</button>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body p-0">
        @if ($movimentacoes->isEmpty())
            <div class="empty-state">
                <p class="mb-0">Nenhuma movimentação encontrada.</p>
            </div>
        @else
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr>
                            <th>Data</th>
                            <th>Produto</th>
                            <th>Tipo</th>
                            <th class="text-end">Quantidade</th>
                            <th class="text-end">Saldo Anterior</th>
                            <th class="text-end">Saldo Atual</th>
                            <th>Lote</th>
                            <th>Usuário</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($movimentacoes as $mov)
                            <tr>
                                <td class="text-muted-sm">{{ $mov->created_at->format('d/m/Y H:i') }}</td>
                                <td>{{ $mov->produto->descricao }}</td>
                                <td>
                                    <span class="badge-status {{ $mov->isEntrada() ? 'finalizado' : 'cancelado' }}">
                                        {{ str_replace('_', ' ', $mov->tipo) }}
                                    </span>
                                </td>
                                <td class="text-end text-money {{ $mov->isEntrada() ? 'text-success' : 'text-danger' }}">
                                    {{ $mov->isEntrada() ? '+' : '-' }}{{ number_format($mov->quantidade, 3, ',', '.') }}
                                </td>
                                <td class="text-end text-muted-sm">{{ number_format($mov->saldo_anterior, 3, ',', '.') }}</td>
                                <td class="text-end text-money">{{ number_format($mov->saldo_atual, 3, ',', '.') }}</td>
                                <td class="text-muted-sm">{{ $mov->lote?->numero_lote ?? '—' }}</td>
                                <td class="text-muted-sm">{{ $mov->user?->name ?? 'Sistema' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
</div>

<div class="mt-3">
    {{ $movimentacoes->links() }}
</div>
@endsection