@php
$title = 'Visualizar 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('cadastro.produtos') }}`)" class="text-decoration-none text-secondary">Produtos</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">Visualizar</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-eye me-2 text-primary"></i>{{ $produto->nome }}
            </h1>
            <span class="text-muted small">Código: {{ $produto->codigo }}</span>
        </div>
        <div>
            <button type="button" class="btn btn-sm btn-outline-secondary me-2" onclick="carregarConteudo(`{{ route('cadastro.produtos') }}`)">
                <i class="bi bi-arrow-left me-2"></i>Voltar
            </button>
            <button type="button" class="btn btn-sm btn-outline-primary" onclick="carregarConteudo(`{{ route('cadastro.produtos.editar', $produto->id) }}`)">
                <i class="bi bi-pencil-square me-2"></i>Editar
            </button>
        </div>
    </div>

    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold">Dados do Produto</span>
        </div>
        <div class="card-body">
            
            <h5 class="mb-3">Informações Básicas</h5>
            <div class="border rounded p-3 mb-3" style="border-color: #dee2e6 !important;">
                <div class="row mb-3">
                    <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-6">
                        <label class="form-label fw-bold">Nome</label>
                        <p class="form-control-plaintext">{{ $produto->nome }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Tipo de Produto</label>
                        <p class="form-control-plaintext">
                            <span class="badge {{ $produto->tipo_produto == 'FABRICADO' ? 'bg-info' : 'bg-primary' }}">
                                {{ $produto->tipo_produto == 'FABRICADO' ? 'FABRICADO' : 'MATÉRIA PRIMA' }}
                            </span>
                        </p>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Status</label>
                        <p class="form-control-plaintext">
                            <span class="badge {{ $produto->status == 'ATIVO' ? 'bg-success' : 'bg-secondary' }}">
                                {{ $produto->status }}
                            </span>
                        </p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold">Código de Barras</label>
                        <p class="form-control-plaintext">{{ $produto->codigo_barras ?? 'Não informado' }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Estoque Mínimo</label>
                        <p class="form-control-plaintext">{{ $produto->estoque_minimo ? number_format($produto->estoque_minimo, 2, ',', '.') : '0,00' }}</p>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="form-label fw-bold">Categoria</label>
                        <p class="form-control-plaintext">{{ $produto->categoria->nome ?? 'Não informado' }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold">Unidade de Medida</label>
                        <p class="form-control-plaintext">{{ $produto->unidadeMedida->unidade ?? 'Não informado' }} ({{ $produto->unidadeMedida->tipo ?? '' }})</p>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-3">
                        <label class="form-label fw-bold">NCM</label>
                        <p class="form-control-plaintext">{{ $produto->ncm_codigo ?? 'Não informado' }}</p>
                    </div>
                    <div class="col-md-9">
                        <label class="form-label fw-bold">Descrição NCM</label>
                        <p class="form-control-plaintext">{{ $produto->ncm_descricao ?? 'Não informado' }}</p>
                    </div>
                </div>
            </div>

            <hr class="my-4">
            <h5 class="mb-3">Dimensões e Peso</h5>
            <div class="border rounded p-3 mb-3" style="border-color: #dee2e6 !important;">
                <div class="row mb-3">
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Peso Bruto (kg)</label>
                        <p class="form-control-plaintext">{{ $produto->peso_bruto ? number_format($produto->peso_bruto, 3, ',', '.') : 'Não informado' }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Peso Líquido (kg)</label>
                        <p class="form-control-plaintext">{{ $produto->peso_liquido ? number_format($produto->peso_liquido, 3, ',', '.') : 'Não informado' }}</p>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-bold">Altura (cm)</label>
                        <p class="form-control-plaintext">{{ $produto->altura ? number_format($produto->altura, 2, ',', '.') : 'Não informado' }}</p>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-bold">Largura (cm)</label>
                        <p class="form-control-plaintext">{{ $produto->largura ? number_format($produto->largura, 2, ',', '.') : 'Não informado' }}</p>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-bold">Comprimento (cm)</label>
                        <p class="form-control-plaintext">{{ $produto->comprimento ? number_format($produto->comprimento, 2, ',', '.') : 'Não informado' }}</p>
                    </div>
                </div>

                @if($produto->getVolume())
                <div class="row">
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Volume (m³)</label>
                        <p class="form-control-plaintext">{{ number_format($produto->getVolume(), 6, ',', '.') }}</p>
                    </div>
                </div>
                @endif
            </div>

            @if($produto->tipo_produto == 'FABRICADO' && $produto->produtoMateriais->count() > 0)
            <hr class="my-4">
            <h5 class="mb-3"><i class="bi bi-hammer me-2"></i>Estrutura de Materiais e Serviços (BOM)</h5>
            <div class="card shadow border-0 mb-3">
                <div class="card-body">
                    <div class="table-responsive mb-3">
                        <table class="table table-bordered">
                            <thead class="table-light">
                                <tr>
                                    <th style="width: 4%">#</th>
                                    <th style="width: 10%">Tipo</th>
                                    <th style="width: 30%">Item</th>
                                    <th style="width: 10%">Unid. Item</th>
                                    <th style="width: 8%">Qtd</th>
                                    <th style="width: 12%">Unidade</th>
                                    <th style="width: 13%">Custo Unit.</th>
                                    <th style="width: 13%">Custo Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $totalMateriais = 0;
                                    $totalServicos = 0;
                                @endphp
                                @foreach($produto->produtoMateriais as $index => $material)
                                    @php
                                        if($material->item_tipo == 'PRODUTO') {
                                            $totalMateriais += $material->custo_total;
                                            $item = $material->itemProduto;
                                        } else {
                                            $totalServicos += $material->custo_total;
                                            $item = $material->itemServico;
                                        }
                                        // Unidade cadastrada no produto/serviço
                                        $unidadeItem = $item && $item->unidadeMedida ? $item->unidadeMedida->unidade : '-';
                                        // Unidade usada na BOM - buscar pelo tipo
                                        $unidadeBOM = '-';
                                        if ($material->unidade_id) {
                                            $unidadeEncontrada = \App\Models\Unidade::where('tipo', $material->unidade_id)->first();
                                            $unidadeBOM = $unidadeEncontrada ? $unidadeEncontrada->unidade : $material->unidade_id;
                                        }
                                    @endphp
                                    <tr>
                                        <td class="text-center">{{ $index + 1 }}</td>
                                        <td>{{ $material->item_tipo == 'PRODUTO' ? 'Produto' : 'Serviço' }}</td>
                                        <td>{{ $material->getItemCodigo() }} - {{ $material->getItemNome() }}</td>
                                        <td class="text-center">{{ $unidadeItem }}</td>
                                        <td class="text-center">{{ number_format($material->quantidade, 0) }}</td>
                                        <td class="text-center">{{ $unidadeBOM }}</td>
                                        <td class="text-end">{{ number_format($material->custo_unitario, 2, ',', '.') }}</td>
                                        <td class="text-end">{{ number_format($material->custo_total, 2, ',', '.') }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    <div class="border rounded p-3 bg-light">
                        <div class="row mb-2">
                            <div class="col-6">
                                <span class="fw-bold">Total Materiais:</span>
                            </div>
                            <div class="col-6 text-end">
                                <span class="text-nowrap">R$ {{ number_format($totalMateriais, 2, ',', '.') }}</span>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-6">
                                <span class="fw-bold">Total Serviços:</span>
                            </div>
                            <div class="col-6 text-end">
                                <span class="text-nowrap">R$ {{ number_format($totalServicos, 2, ',', '.') }}</span>
                            </div>
                        </div>
                        <hr>
                        @php
                            $custoTotalBOM = $totalMateriais + $totalServicos;
                            $margemLucro = $produto->getMargemLucro();
                            // Calcular valor de venda com base no custo total da BOM e margem
                            $valorVendaCalculado = $custoTotalBOM * (1 + $margemLucro / 100);
                        @endphp
                        <div class="row mb-3">
                            <div class="col-6">
                                <span class="fw-bold fs-5">CUSTO TOTAL:</span>
                            </div>
                            <div class="col-6 text-end">
                                <span class="fw-bold fs-5">R$ {{ number_format($custoTotalBOM, 2, ',', '.') }}</span>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-6">
                                <span class="fw-bold">Margem de Lucro (%):</span>
                            </div>
                            <div class="col-6 text-end">
                                <span class="{{ $margemLucro > 0 ? 'text-success' : 'text-danger' }} fw-bold">{{ number_format($margemLucro, 2, ',', '.') }}%</span>
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-6">
                                <span class="fw-bold fs-5 text-primary">VALOR DE VENDA:</span>
                            </div>
                            <div class="col-6 text-end">
                                <span class="fw-bold fs-5 text-primary">R$ {{ number_format($valorVendaCalculado, 2, ',', '.') }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif

            @if($produto->tipo_produto != 'FABRICADO')
            <hr class="my-4">
            <h5 class="mb-3">Valores</h5>
            <div class="border rounded p-3 mb-3" style="border-color: #dee2e6 !important;">
                <div class="row mb-3">
                    <div class="col-md-4">
                        <label class="form-label fw-bold">Valor de Custo</label>
                        <p class="form-control-plaintext text-success fs-5">R$ {{ number_format($produto->valor_custo, 2, ',', '.') }}</p>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold">Valor de Venda</label>
                        <p class="form-control-plaintext text-primary fs-5">R$ {{ number_format($produto->valor_venda, 2, ',', '.') }}</p>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold">Margem de Lucro</label>
                        <p class="form-control-plaintext {{ $produto->getMargemLucro() > 0 ? 'text-success' : 'text-danger' }} fs-5">
                            {{ number_format($produto->getMargemLucro(), 2, ',', '.') }}%
                        </p>
                    </div>
                </div>
            </div>
            @endif

            <hr class="my-4">
            <h5 class="mb-3">Controle de Estoque</h5>
            <div class="border rounded p-3 mb-3" style="border-color: #dee2e6 !important;">
                <div class="row mb-3">
                    <div class="col-md-4">
                        <label class="form-label fw-bold">Estoque Mínimo</label>
                        <p class="form-control-plaintext">{{ $produto->estoque_minimo ? number_format($produto->estoque_minimo, 2, ',', '.') : '0,00' }}</p>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold">Estoque Total</label>
                        <p class="form-control-plaintext {{ $produto->isEstoqueBaixo() ? 'text-danger fw-bold' : 'text-success' }}">
                            {{ number_format($produto->getSaldoTotalEstoque(), 2, ',', '.') }}
                            @if($produto->isEstoqueBaixo())
                                <span class="badge bg-danger ms-2">Estoque Baixo</span>
                            @endif
                        </p>
                    </div>
                </div>
            </div>

            @if($produto->observacoes)
            <hr class="my-4">
            <h5 class="mb-3">Observações</h5>
            <div class="row">
                <div class="col-12">
                    <p class="form-control-plaintext">{{ $produto->observacoes }}</p>
                </div>
            </div>
            @endif

            <hr class="my-4">
            <h5 class="mb-3">Informações de Auditoria</h5>
            <div class="border rounded p-3" style="border-color: #dee2e6 !important;">
                <div class="row">
                    <div class="col-md-6">
                        <label class="form-label fw-bold">Data de Criação</label>
                        <p class="form-control-plaintext">{{ $produto->created_at->format('d/m/Y H:i:s') }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold">Última Atualização</label>
                        <p class="form-control-plaintext">{{ $produto->updated_at->format('d/m/Y H:i:s') }}</p>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>