@php
$title = 'Rastreabilidade por Produto';
@endphp

<div class="container-fluid pt-1" style="margin-top: -32px;">
    <nav aria-label="breadcrumb" class="mb-2" style="margin-top: -18px;">
        <ol class="breadcrumb bg-transparent px-0 py-1 mb-1" style="font-size: 0.98rem;">
            <li class="breadcrumb-item"><a href="/" class="text-decoration-none text-secondary">Início</a></li>
            <li class="breadcrumb-item"><a href="#" onclick="carregarConteudo(`{{ route('rastreabilidade.index') }}`)" class="text-decoration-none text-secondary">Rastreabilidade</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">Por Produto</li>
        </ol>
    </nav>

    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="fw-bold mb-0" style="font-size:2.1rem; letter-spacing:1px;">
                <i class="bi bi-diagram-3 me-2 text-primary"></i>Rastreabilidade por Produto
            </h1>
            <span class="text-muted small">Histórico completo de lotes do produto</span>
        </div>
        <div>
            <button type="button" class="btn btn-sm btn-outline-secondary" 
                    onclick="carregarConteudo(`{{ route('rastreabilidade.index') }}`)">
                <i class="bi bi-arrow-left me-2"></i>Voltar
            </button>
            <button type="button" class="btn btn-sm btn-outline-primary" 
                    onclick="window.open(`{{ route('rastreabilidade.exportar-pdf') }}?tipo=produto&id={{ $produto->id }}`, '_blank')">
                <i class="bi bi-printer me-2"></i>Exportar PDF
            </button>
        </div>
    </div>

    <!-- Informações do Produto -->
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold"><i class="bi bi-box-seam me-2"></i>Dados do Produto</span>
        </div>
        <div class="card-body">
            <div class="border rounded p-3" style="border-color: #dee2e6 !important;">
                <div class="row">
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Código</label>
                        <p class="form-control-plaintext">{{ $produto->codigo }}</p>
                    </div>
                    <div class="col-md-5">
                        <label class="form-label fw-bold">Nome</label>
                        <p class="form-control-plaintext">{{ $produto->nome }}</p>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-bold">Unidade</label>
                        <p class="form-control-plaintext">{{ $produto->unidade ?? 'UN' }}</p>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-bold">Categoria</label>
                        <p class="form-control-plaintext">{{ $produto->categoria->nome ?? '-' }}</p>
                    </div>
                </div>
                @if($produto->descricao)
                <div class="row mt-2">
                    <div class="col-12">
                        <label class="form-label fw-bold">Descrição</label>
                        <p class="form-control-plaintext text-muted">{{ $produto->descricao }}</p>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>

    <!-- Estatísticas de Lotes -->
    <div class="row g-2 mb-4">
        <div class="col-md-3">
            <div class="card border-primary shadow-sm">
                <div class="card-body p-3">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="text-muted mb-1">Total de Lotes</h6>
                            <h4 class="mb-0 text-primary">{{ $lotes->total() }}</h4>
                        </div>
                        <div class="text-primary" style="font-size: 2rem;">
                            <i class="bi bi-archive"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-success shadow-sm">
                <div class="card-body p-3">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="text-muted mb-1">Lotes Disponíveis</h6>
                            <h4 class="mb-0 text-success">{{ $lotes->where('status', 'DISPONIVEL')->count() }}</h4>
                        </div>
                        <div class="text-success" style="font-size: 2rem;">
                            <i class="bi bi-check-circle"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-warning shadow-sm">
                <div class="card-body p-3">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="text-muted mb-1">Qtd. Total Disponível</h6>
                            <h4 class="mb-0 text-warning">{{ number_format($lotes->where('status', 'DISPONIVEL')->sum('quantidade_atual'), 0, ',', '.') }}</h4>
                        </div>
                        <div class="text-warning" style="font-size: 2rem;">
                            <i class="bi bi-boxes"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-danger shadow-sm">
                <div class="card-body p-3">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="text-muted mb-1">Lotes Bloqueados</h6>
                            <h4 class="mb-0 text-danger">{{ $lotes->where('status', 'BLOQUEADO')->count() }}</h4>
                        </div>
                        <div class="text-danger" style="font-size: 2rem;">
                            <i class="bi bi-lock"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Tabela de Lotes -->
    <div class="card shadow border-0">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold"><i class="bi bi-list-ul me-2"></i>Histórico de Lotes</span>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover table-sm">
                    <thead>
                        <tr>
                            <th>Código Lote</th>
                            <th>Fornecedor</th>
                            <th class="text-end">Qtd. Atual</th>
                            <th>Data Entrada</th>
                            <th>Validade</th>
                            <th>Status</th>
                            <th class="text-center">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($lotes as $lote)
                        <tr>
                            <td><strong>{{ $lote->codigo_lote }}</strong></td>
                            <td>
                                @if($lote->fornecedor)
                                    {{ Str::limit($lote->fornecedor->razao_social, 30) }}
                                @else
                                    <span class="text-muted">Produção Própria</span>
                                @endif
                            </td>
                            <td class="text-end">
                                <strong>{{ number_format($lote->quantidade_atual, 0, ',', '.') }}</strong>
                            </td>
                            <td>{{ $lote->data_entrada->format('d/m/Y') }}</td>
                            <td>
                                @if($lote->data_validade)
                                    {{ $lote->data_validade->format('d/m/Y') }}
                                    @if($lote->isVencido())
                                        <br><span class="badge bg-danger">VENCIDO</span>
                                    @elseif($lote->diasParaVencer() <= 30)
                                        <br><span class="badge bg-warning text-dark">{{ $lote->diasParaVencer() }}d</span>
                                    @endif
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                            <td>
                                @if($lote->status == 'DISPONIVEL')
                                    <span class="badge bg-success">Disponível</span>
                                @elseif($lote->status == 'BLOQUEADO')
                                    <span class="badge bg-danger">Bloqueado</span>
                                @elseif($lote->status == 'QUARENTENA')
                                    <span class="badge bg-warning text-dark">Quarentena</span>
                                @elseif($lote->status == 'ESGOTADO')
                                    <span class="badge bg-secondary">Esgotado</span>
                                @else
                                    <span class="badge bg-secondary">{{ $lote->status }}</span>
                                @endif
                            </td>
                            <td class="text-center">
                                <a href="#" onclick="carregarConteudo(`{{ route('estoque.lotes.show', $lote->id) }}`)" 
                                   class="text-decoration-none me-2" data-bs-toggle="tooltip" title="Visualizar Lote">
                                    <i class="bi bi-eye icon-action view"></i>
                                </a>
                                <a href="#" onclick="carregarConteudo(`{{ route('rastreabilidade.lote') }}?lote_id={{ $lote->id }}`)" 
                                   class="text-decoration-none" data-bs-toggle="tooltip" title="Rastreabilidade Completa">
                                    <i class="bi bi-diagram-3 icon-action text-info"></i>
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="7" class="text-center py-4">
                                <i class="bi bi-inbox text-muted" style="font-size: 3rem;"></i>
                                <p class="text-muted mt-2">Nenhum lote encontrado para este produto</p>
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            @if($lotes->hasPages())
                <div class="mt-3">
                    {{ $lotes->links() }}
                </div>
            @endif
        </div>
    </div>

    <!-- Movimentações Recentes (se houver) -->
    @if(isset($produto->movimentacoesRecentes) && $produto->movimentacoesRecentes->count() > 0)
    <div class="card shadow border-0 mt-4">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold"><i class="bi bi-arrow-left-right me-2"></i>Últimas Movimentações</span>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-sm table-hover">
                    <thead>
                        <tr>
                            <th>Data</th>
                            <th>Lote</th>
                            <th>Tipo</th>
                            <th class="text-end">Quantidade</th>
                            <th>Localização</th>
                            <th>Ordem Produção</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($produto->movimentacoesRecentes as $mov)
                        <tr>
                            <td>{{ $mov->data_movimentacao->format('d/m/Y H:i') }}</td>
                            <td>{{ $mov->lote->codigo_lote }}</td>
                            <td>
                                @if($mov->tipo == 'ENTRADA')
                                    <span class="badge bg-success">Entrada</span>
                                @elseif($mov->tipo == 'SAIDA')
                                    <span class="badge bg-danger">Saída</span>
                                @else
                                    <span class="badge bg-info">{{ $mov->tipo }}</span>
                                @endif
                            </td>
                            <td class="text-end">{{ number_format($mov->quantidade, 2, ',', '.') }}</td>
                            <td>{{ $mov->localizacao->descricao ?? '-' }}</td>
                            <td>
                                @if($mov->ordemProducao)
                                    <a href="#" onclick="carregarConteudo(`{{ route('rastreabilidade.ordem-producao') }}?ordem_producao_id={{ $mov->ordemProducao->id }}`)" 
                                       class="text-decoration-none">
                                        OP #{{ $mov->ordemProducao->numero_ordem }}
                                    </a>
                                @else
                                    -
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif
</div>