@php
$title = 'Rastreabilidade por Ordem de Produção';
@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 Ordem de Produção</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-gear-fill me-2 text-primary"></i>Rastreabilidade por Ordem de Produção
            </h1>
            <span class="text-muted small">Lotes consumidos na fabricação</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=ordem_producao&id={{ $ordem->id }}`, '_blank')">
                <i class="bi bi-printer me-2"></i>Exportar PDF
            </button>
        </div>
    </div>

    <!-- Card Dados da Ordem de Produção -->
    <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-gear me-2"></i>Dados da Ordem de Produção</span>
        </div>
        <div class="card-body">
            <div class="border rounded p-3 mb-3" style="border-color: #dee2e6 !important;">
                <div class="row">
                    <div class="col-md-2">
                        <label class="form-label fw-bold">Número OP</label>
                        <p class="form-control-plaintext fs-5 text-primary"><strong>{{ $ordem->numero_ordem }}</strong></p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Data Emissão</label>
                        <p class="form-control-plaintext">{{ $ordem->data_emissao->format('d/m/Y') }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Data Prevista</label>
                        <p class="form-control-plaintext">{{ $ordem->data_prevista_conclusao ? $ordem->data_prevista_conclusao->format('d/m/Y') : '-' }}</p>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-bold">Status</label>
                        <p class="form-control-plaintext">
                        @if($ordem->status == 'ABERTA')
                            <span class="badge bg-info">Aberta</span>
                        @elseif($ordem->status == 'EM_PRODUCAO')
                            <span class="badge bg-warning text-dark">Em Produção</span>
                        @elseif($ordem->status == 'CONCLUIDA')
                            <span class="badge bg-success">Concluída</span>
                        @elseif($ordem->status == 'CANCELADA')
                            <span class="badge bg-danger">Cancelada</span>
                        @else
                            <span class="badge bg-secondary">{{ $ordem->status }}</span>
                        @endif
                    </p>
                </div>
                <div class="col-md-2">
                    <strong>Prioridade:</strong>
                    <p class="mb-0">
                        @if($ordem->prioridade == 'ALTA')
                            <span class="badge bg-danger">Alta</span>
                        @elseif($ordem->prioridade == 'MEDIA')
                            <span class="badge bg-warning text-dark">Média</span>
                        @else
                            <span class="badge bg-secondary">Normal</span>
                        @endif
                    </p>
                </div>
            </div>
            <hr>
            <!-- Cliente/Orçamento -->
            @if($ordem->orcamento)
            <div class="row">
                <div class="col-md-6">
                    <strong>Cliente:</strong>
                    <p class="mb-0">
                        <i class="bi bi-building text-primary"></i> 
                        {{ $ordem->orcamento->cliente->razao_social ?? 'Cliente não informado' }}
                    </p>
                    @if($ordem->orcamento->cliente->cnpj)
                        <small class="text-muted">CNPJ: {{ $ordem->orcamento->cliente->cnpj }}</small>
                    @endif
                </div>
                <div class="col-md-3">
                    <strong>Orçamento:</strong>
                    <p class="mb-0">
                        <a href="#" onclick="carregarConteudo(`{{ route('orcamentos.visualizar', $ordem->orcamento->id) }}`)" 
                           class="text-decoration-none">
                            Orçamento #{{ $ordem->orcamento->id }}
                        </a>
                    </p>
                </div>
                <div class="col-md-3">
                    <strong>Pedido Cliente:</strong>
                    <p class="mb-0">{{ $ordem->orcamento->numero_pedido_cliente ?? '-' }}</p>
                </div>
            </div>
            @else
            <div class="alert alert-info mb-0">
                <i class="bi bi-info-circle me-2"></i>Ordem de produção interna (sem orçamento vinculado)
            </div>
            @endif
        </div>
    </div>

    <!-- Produtos Fabricados -->
    <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>Produtos Fabricados nesta OP</span>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-sm table-hover">
                    <thead>
                        <tr>
                            <th>Código</th>
                            <th>Produto</th>
                            <th class="text-end">Qtd. Planejada</th>
                            <th class="text-end">Qtd. Produzida</th>
                            <th>Unidade</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($ordem->itens as $item)
                        <tr>
                            <td>{{ $item->produto->codigo }}</td>
                            <td>{{ $item->produto->nome }}</td>
                            <td class="text-end"><strong>{{ number_format($item->quantidade, 2, ',', '.') }}</strong></td>
                            <td class="text-end">
                                <strong class="text-success">{{ number_format($item->quantidade_produzida ?? 0, 2, ',', '.') }}</strong>
                            </td>
                            <td>{{ $item->produto->unidade ?? 'UN' }}</td>
                            <td>
                                @php
                                    $percentual = $item->quantidade > 0 ? ($item->quantidade_produzida / $item->quantidade) * 100 : 0;
                                @endphp
                                @if($percentual >= 100)
                                    <span class="badge bg-success">Concluído</span>
                                @elseif($percentual > 0)
                                    <span class="badge bg-warning text-dark">{{ number_format($percentual, 0) }}%</span>
                                @else
                                    <span class="badge bg-secondary">Pendente</span>
                                @endif
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="6" class="text-center py-3 text-muted">Nenhum produto definido</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Lotes Consumidos (Rastreabilidade Principal) -->
    <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-archive-fill me-2"></i>Lotes Consumidos na Produção (Matéria-Prima)</span>
        </div>
        <div class="card-body">
            @if($ordem->lotesConsumidos->count() > 0)
            <div class="table-responsive">
                <table class="table table-sm table-hover">
                    <thead>
                        <tr>
                            <th>Código Lote</th>
                            <th>Produto/Material</th>
                            <th>Fornecedor</th>
                            <th class="text-end">Qtd. Consumida</th>
                            <th>Data Fabricação</th>
                            <th>Data Validade</th>
                            <th>Certificado</th>
                            <th class="text-center">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($ordem->lotesConsumidos as $opLote)
                        <tr class="{{ $opLote->lote->isVencido() ? 'table-danger' : '' }}">
                            <td>
                                <strong>{{ $opLote->lote->codigo_lote }}</strong>
                            </td>
                            <td>
                                {{ $opLote->lote->produto->codigo }}<br>
                                <small class="text-muted">{{ Str::limit($opLote->lote->produto->nome, 35) }}</small>
                            </td>
                            <td>
                                @if($opLote->lote->fornecedor)
                                    {{ Str::limit($opLote->lote->fornecedor->razao_social, 20) }}
                                @else
                                    <span class="text-muted">Produção Própria</span>
                                @endif
                            </td>
                            <td class="text-end">
                                <strong class="text-danger">{{ number_format($opLote->quantidade_consumida, 2, ',', '.') }}</strong>
                                <br><small class="text-muted">{{ $opLote->lote->produto->unidade ?? 'UN' }}</small>
                            </td>
                            <td>
                                @if($opLote->lote->data_fabricacao)
                                    {{ $opLote->lote->data_fabricacao->format('d/m/Y') }}
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                            <td>
                                @if($opLote->lote->data_validade)
                                    {{ $opLote->lote->data_validade->format('d/m/Y') }}
                                    @if($opLote->lote->isVencido())
                                        <br><span class="badge bg-danger">VENCIDO</span>
                                    @endif
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                            <td>
                                @if($opLote->lote->numero_certificado)
                                    {{ $opLote->lote->numero_certificado }}
                                    @if($opLote->lote->arquivo_certificado)
                                        <br><a href="{{ asset('storage/' . $opLote->lote->arquivo_certificado) }}" 
                                               target="_blank" class="btn btn-sm btn-outline-primary">
                                            <i class="bi bi-download"></i>
                                        </a>
                                    @endif
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                            <td class="text-center">
                                <a href="#" onclick="carregarConteudo(`{{ route('rastreabilidade.lote') }}?lote_id={{ $opLote->lote->id }}`)" 
                                   class="text-decoration-none" data-bs-toggle="tooltip" title="Rastreabilidade Completa do Lote">
                                    <i class="bi bi-diagram-3 icon-action text-info"></i>
                                </a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr class="fw-bold bg-light">
                            <td colspan="3" class="text-end">TOTAL DE LOTES CONSUMIDOS:</td>
                            <td class="text-end">{{ $ordem->lotesConsumidos->count() }} lotes</td>
                            <td colspan="4"></td>
                        </tr>
                    </tfoot>
                </table>
            </div>

            <!-- Detalhamento de Rastreabilidade de Cada Lote -->
            @if(isset($rastreabilidades) && count($rastreabilidades) > 0)
            <div class="mt-4">
                <h6 class="fw-bold"><i class="bi bi-diagram-3"></i> Rastreabilidade Detalhada dos Lotes</h6>
                <div class="accordion" id="accordionRastreabilidade">
                    @foreach($rastreabilidades as $loteId => $rastreabilidade)
                    @php
                        $loteAtual = $ordem->lotesConsumidos->firstWhere('lote_id', $loteId)->lote;
                    @endphp
                    <div class="accordion-item">
                        <h2 class="accordion-header">
                            <button class="accordion-button collapsed" type="button" 
                                    data-bs-toggle="collapse" data-bs-target="#collapse{{ $loteId }}">
                                <strong>{{ $rastreabilidade['resumo']['codigo_lote'] }}</strong>
                                <span class="ms-2 text-muted">→ {{ $rastreabilidade['resumo']['produto'] }}</span>
                            </button>
                        </h2>
                        <div id="collapse{{ $loteId }}" class="accordion-collapse collapse" 
                             data-bs-parent="#accordionRastreabilidade">
                            <div class="accordion-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <h6 class="fw-bold text-primary">Origem (Montante)</h6>
                                        <p class="mb-1">
                                            <strong>Fornecedor:</strong> 
                                            {{ $rastreabilidade['montante']['fornecedor']->razao_social ?? 'Produção Própria' }}
                                        </p>
                                        <p class="mb-1">
                                            <strong>Compra:</strong> 
                                            @if($rastreabilidade['montante']['compra'])
                                                NF {{ $rastreabilidade['montante']['compra']->numero_nota_fiscal ?? 'S/N' }}
                                            @else
                                                Entrada manual
                                            @endif
                                        </p>
                                        <p class="mb-0">
                                            <strong>Data Entrada:</strong> 
                                            {{ \Carbon\Carbon::parse($rastreabilidade['montante']['data_entrada'])->format('d/m/Y') }}
                                        </p>
                                    </div>
                                    <div class="col-md-6">
                                        <h6 class="fw-bold text-info">Uso (Jusante)</h6>
                                        <p class="mb-1">
                                            <strong>Qtd. Consumida nesta OP:</strong> 
                                            {{ number_format($ordem->lotesConsumidos->firstWhere('lote_id', $loteId)->quantidade_consumida, 2, ',', '.') }}
                                        </p>
                                        <p class="mb-1">
                                            <strong>Total OPs usando este lote:</strong> 
                                            {{ $rastreabilidade['jusante']['ordens_producao']->count() }}
                                        </p>
                                        <p class="mb-0">
                                            <strong>Qtd. Total Consumida (todas OPs):</strong> 
                                            {{ number_format($rastreabilidade['jusante']['quantidade_consumida'], 2, ',', '.') }}
                                        </p>
                                    </div>
                                </div>
                                <div class="mt-3 text-end">
                                    <a href="#" onclick="carregarConteudo(`{{ route('rastreabilidade.lote') }}?lote_id={{ $loteId }}`)" 
                                       class="btn btn-sm btn-outline-info">
                                        <i class="bi bi-diagram-3 me-1"></i>Ver Rastreabilidade Completa
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
            @endif
            @else
            <div class="alert alert-warning">
                <i class="bi bi-exclamation-triangle me-2"></i>Nenhum lote foi consumido nesta ordem de produção ainda.
                <br><small class="text-muted">Os lotes são vinculados quando há movimentações de estoque para esta OP.</small>
            </div>
            @endif
        </div>
    </div>

    <!-- Material/BOM Planejado -->
    @if(isset($ordem->material) && $ordem->material->itens->count() > 0)
    <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-list-check me-2"></i>Lista de Materiais (BOM) Planejada</span>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th>Produto/Material</th>
                            <th class="text-end">Qtd. Planejada</th>
                            <th>Unidade</th>
                            <th>Tipo</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($ordem->material->itens as $item)
                        <tr>
                            <td>
                                {{ $item->produto->codigo }} - {{ $item->produto->nome }}
                            </td>
                            <td class="text-end">{{ number_format($item->quantidade, 2, ',', '.') }}</td>
                            <td>{{ $item->produto->unidade ?? 'UN' }}</td>
                            <td>
                                @if($item->tipo == 'MATERIA_PRIMA')
                                    <span class="badge bg-primary">Matéria-Prima</span>
                                @elseif($item->tipo == 'COMPONENTE')
                                    <span class="badge bg-success">Componente</span>
                                @else
                                    <span class="badge bg-secondary">{{ $item->tipo }}</span>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    <!-- Observações -->
    @if($ordem->observacoes)
    <div class="card shadow border-0">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold"><i class="bi bi-chat-left-text me-2"></i>Observações</span>
        </div>
        <div class="card-body">
            <p class="mb-0">{{ $ordem->observacoes }}</p>
        </div>
    </div>
    @endif
</div>