@extends('layouts.admin')

@section('title', "Extrato de Estoque: {$product->name}")

@section('content')
<div class="page-header" style="display: flex; justify-content: space-between; align-items: flex-end;">
    <div>
        <h1 class="page-title">Extrato: {{ $product->name }}</h1>
        <p class="page-subtitle">Rastreabilidade completa de todas as entradas e saídas deste produto.</p>
    </div>
    <div class="flex gap-sm">
        <a href="{{ route('admin.stock.index') }}" class="btn btn-secondary">
            <i data-lucide="arrow-left" style="width:16px;height:16px;"></i> Voltar ao Estoque
        </a>
    </div>
</div>

<div class="card p-4">
    <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:24px;">
        <div style="font-size:24px; font-weight:700;">
            Saldo Atual: <span style="color: {{ $product->current_stock <= $product->min_stock ? 'var(--color-danger)' : 'var(--color-success)' }}">{{ $product->current_stock }} {{ $product->unit ?? 'un' }}</span>
        </div>
    </div>

    @if($transactions->isEmpty())
        <div class="empty-state">
            <div class="empty-state-icon"><i data-lucide="history"></i></div>
            <div class="empty-state-title">Nenhuma movimentação registrada</div>
            <div class="empty-state-text">O sistema começará a rastrear assim que houver consumo ou entradas.</div>
        </div>
    @else
        <div class="table-responsive">
            <table class="table" style="width:100%; text-align:left; border-collapse: collapse;">
                <thead>
                    <tr style="border-bottom: 2px solid var(--color-border);">
                        <th style="padding:10px;">Data/Hora</th>
                        <th style="padding:10px;">Tipo</th>
                        <th style="padding:10px;">Qtd.</th>
                        <th style="padding:10px;">Referência</th>
                        <th style="padding:10px;">Observação</th>
                        <th style="padding:10px;">Responsável</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($transactions as $t)
                        <tr style="border-bottom: 1px solid var(--color-border);">
                            <td style="padding:12px;color:var(--color-text-muted);">
                                {{ $t->created_at->format('d/m/Y H:i') }}
                            </td>
                            <td style="padding:12px;">
                                @if($t->type === 'in')
                                    <span class="badge badge-success"><i data-lucide="arrow-down-to-line" style="width:12px;"></i> Entrada</span>
                                @else
                                    <span class="badge badge-danger"><i data-lucide="arrow-up-from-line" style="width:12px;"></i> Saída</span>
                                @endif
                            </td>
                            <td style="padding:12px;font-weight:700;">
                                {{ $t->type === 'in' ? '+' : '-' }}{{ $t->quantity }}
                            </td>
                            <td style="padding:12px;font-size:13px;">
                                @if($t->reference_model === 'ReservationItem')
                                    PDV / Comanda
                                @elseif($t->reference_model === 'ManualEntry')
                                    Lançamento Avulso (Entrada)
                                @elseif($t->reference_model === 'ManualOut')
                                    Baixa Avulsa (Saída)
                                @else
                                    {{ $t->reference_model }}
                                @endif
                            </td>
                            <td style="padding:12px;font-size:13px;max-width:300px;">
                                {{ $t->notes ?? '—' }}
                            </td>
                            <td style="padding:12px;font-size:13px;color:var(--color-text-muted);">
                                {{ $t->user->name ?? 'Sistema' }}
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        
        <div class="mt-4">
            {{ $transactions->links() }}
        </div>
    @endif
</div>
@endsection