@php
$title = 'Editar Produto';
$margemLucro = ($produto->valor_custo > 0) ? (($produto->valor_venda - $produto->valor_custo) / $produto->valor_custo) * 100 : 0;
@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">Editar 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-pencil-square me-2 text-primary"></i>Editar Produto
            </h1>
            <span class="text-muted small">Edite as informações do produto {{ $produto->codigo }}</span>
        </div>
        <div>
            <button type="button" class="btn btn-sm btn-outline-secondary" onclick="carregarConteudo(`{{ route('cadastro.produtos') }}`)">
                <i class="bi bi-arrow-left me-2"></i>Voltar
            </button>
        </div>
    </div>

    <form id="formEditarProduto" class="needs-validation" novalidate>
        @csrf
        
        <!-- Informações Básicas -->
        <div class="card shadow border-0 mb-3">
            <div class="card-header bg-white border-0 pb-1">
                <span class="fw-bold"><i class="bi bi-info-circle me-2"></i>Informações Básicas</span>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-3">
                        <label for="codigo" class="form-label">Código <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="codigo" name="dados[codigo]" value="{{ $produto->codigo }}" readonly required>
                    </div>
                    <div class="col-md-6">
                        <label for="nome" class="form-label">Nome <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="nome" name="dados[nome]" value="{{ $produto->nome }}" required>
                    </div>
                    <div class="col-md-3">
                        <label for="status" class="form-label">Status <span class="text-danger">*</span></label>
                        <select class="form-select" id="status" name="dados[status]" required>
                            <option value="">Selecione...</option>
                            <option value="ATIVO" {{ $produto->status == 'ATIVO' ? 'selected' : '' }}>Ativo</option>
                            <option value="INATIVO" {{ $produto->status == 'INATIVO' ? 'selected' : '' }}>Inativo</option>
                        </select>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-4">
                        <label for="categoria_id" class="form-label">Categoria <span class="text-danger">*</span></label>
                        <select class="form-select" id="categoria_id" name="dados[categoria_id]" required>
                            <option value="">Selecione...</option>
                            @foreach($categorias as $categoria)
                                <option value="{{ $categoria->id }}" {{ $produto->categoria_id == $categoria->id ? 'selected' : '' }}>{{ $categoria->nome }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label for="unidade_id" class="form-label">Unidade de Medida <span class="text-danger">*</span></label>
                        <select class="form-select" id="unidade_id" name="dados[unidade_id]" required>
                            <option value="">Selecione...</option>
                            @foreach($unidadesProduto as $unidade)
                                <option value="{{ $unidade->id }}" {{ $produto->unidade_id == $unidade->id ? 'selected' : '' }}>{{ $unidade->unidade }} ({{ $unidade->tipo }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label for="codigo_barras" class="form-label">Código de Barras</label>
                        <input type="text" class="form-control" id="codigo_barras" name="dados[codigo_barras]" value="{{ $produto->codigo_barras }}">
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-5">
                        <label for="ncm_id" class="form-label">
                            NCM - Nomenclatura Comum do Mercosul
                            <i class="bi bi-info-circle text-muted" data-bs-toggle="tooltip" 
                               title="Classificação fiscal do produto conforme tabela oficial. Obrigatório para emissão de notas fiscais."></i>
                        </label>
                        <select class="form-select" id="ncm_id" name="dados[ncm_id]" 
                                data-ncm-id="{{ $produto->ncm_id }}">
                            <option value="">Digite para buscar NCM...</option>
                        </select>
                        <small class="text-muted">
                            <i class="bi bi-search"></i> Busque por código (8 dígitos) ou descrição do produto
                        </small>
                        
                        <!-- Campos hidden para compatibilidade -->
                        <input type="hidden" id="ncm_codigo" name="dados[ncm_codigo]" value="{{ $produto->ncm_codigo ?? $produto->ncm ?? '' }}">
                        <input type="hidden" id="ncm_descricao" name="dados[ncm_descricao]" value="{{ $produto->ncm_descricao ?? '' }}">
                    </div>
                    <div class="col-md-4">
                        <label for="tipo_produto" class="form-label">Tipo de Produto <span class="text-danger">*</span></label>
                        <select class="form-select" id="tipo_produto" name="dados[tipo_produto]" onchange="alterarTipoProduto(this)" required>
                            <option value="">Selecione o tipo...</option>
                            <option value="MATERIA_PRIMA" {{ $produto->tipo_produto == 'MATERIA_PRIMA' ? 'selected' : '' }}>Matéria Prima</option>
                            <option value="FABRICADO" {{ $produto->tipo_produto == 'FABRICADO' ? 'selected' : '' }}>Produto Fabricado</option>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label for="estoque_minimo" class="form-label">Estoque Mínimo</label>
                        <input type="text" class="form-control" id="estoque_minimo" name="dados[estoque_minimo]" value="{{ $produto->estoque_minimo }}" placeholder="0,00" data-mask="decimal">
                        <small class="text-muted">Parâmetro de alerta</small>
                    </div>
                </div>
                
                <div class="row mb-3">
                    <div class="col-12">
                        <label for="descricao" class="form-label">Descrição</label>
                        <input type="text" class="form-control" id="descricao" name="dados[descricao]" value="{{ $produto->descricao }}" placeholder="Descrição detalhada do produto">
                    </div>
                </div>
            </div>
        </div>

        <!-- Seção: Matéria Prima -->
        <div id="secaoMateriaPrima" class="card shadow border-0 mb-3" style="display: {{ $produto->tipo_produto == 'MATERIA_PRIMA' ? 'block' : 'none' }};">
            <div class="card-header bg-white border-0 pb-1">
                <span class="fw-bold"><i class="bi bi-cash-coin me-2"></i>Custos e Valores (Matéria Prima)</span>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-4">
                        <label for="valorCustoMateriaPrima" class="form-label">Valor de Custo (R$) <span class="text-danger">*</span></label>
                    <input type="text" class="form-control" id="valorCustoMateriaPrima" {{ $produto->tipo_produto == 'MATERIA_PRIMA' ? 'name=dados[valor_custo]' : '' }} value="{{ number_format($produto->valor_custo, 2, ',', '.') }}" placeholder="0,00" data-mask="money" onchange="calcularValorVendaMateriaPrima()" {{ $produto->tipo_produto == 'MATERIA_PRIMA' ? 'required' : 'disabled' }}>
                    </div>
                    <div class="col-md-4">
                        <label for="margemLucroMateriaPrima" class="form-label">Margem de Lucro (%) <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" id="margemLucroMateriaPrima" value="{{ number_format($margemLucro, 2, ',', '.') }}" placeholder="0,00" data-mask="percentage" onblur="calcularValorVendaMateriaPrima()" {{ $produto->tipo_produto == 'MATERIA_PRIMA' ? 'required' : 'disabled' }}>
                    </div>
                    <div class="col-md-4">
                        <label for="valorVendaMateriaPrima" class="form-label">Valor de Venda (R$)</label>
                    <input type="text" class="form-control bg-light" id="valorVendaMateriaPrima" {{ $produto->tipo_produto == 'MATERIA_PRIMA' ? 'name=dados[valor_venda]' : '' }} value="{{ number_format($produto->valor_venda, 2, ',', '.') }}" placeholder="0,00" data-mask="money" readonly>
                        <small class="text-muted">Calculado automaticamente</small>
                    </div>
                </div>
            </div>
        </div>

        <!-- Seção: Produto FABRICADO -->
        <div id="secaoFabricado" class="card shadow border-0 mb-3" style="display: {{ $produto->tipo_produto == 'FABRICADO' ? 'block' : 'none' }};">
            <div class="card-header bg-white border-0 pb-1">
                <span class="fw-bold"><i class="bi bi-hammer me-2"></i>Estrutura de Materiais e Serviços (BOM)</span>
            </div>
            <div class="card-body">
                <div class="table-responsive mb-3">
                    <table class="table table-bordered" id="tabelaMateriais">
                        <thead class="table-light">
                            <tr>
                                <th style="width: 4%">#</th>
                                <th style="width: 12%">Tipo</th>
                                <th style="width: 28%">Item</th>
                                <th style="width: 10%">Qtd</th>
                                <th style="width: 14%">Unidade</th>
                                <th style="width: 12%">Custo Unit.</th>
                                <th style="width: 12%">Custo Total</th>
                                <th style="width: 8%">Ações</th>
                            </tr>
                        </thead>
                        <tbody id="materiaisProduto" 
                            data-unidades-servico='@json($unidadesServico ?? [])' 
                            data-unidades-produto='@json($unidadesProduto ?? [])'>
                            @php $index = 0; @endphp
                            @foreach($produto->produtoMateriais as $material)
                            <tr data-index="{{ $index }}">
                                <td>
                                    <span class="numero-linha">{{ $index + 1 }}</span>
                                    <input type="hidden" name="materiais[{{ $index }}][id]" value="{{ $material->id }}">
                                </td>
                                <td>
                                    <select class="form-select form-select-sm tipo-material" name="materiais[{{ $index }}][item_tipo]" onchange="alterarTipoMaterial(this)" required>
                                        <option value="">Tipo...</option>
                                        <option value="SERVICO" {{ $material->item_tipo == 'SERVICO' ? 'selected' : '' }}>Serviço</option>
                                        <option value="PRODUTO" {{ $material->item_tipo == 'PRODUTO' ? 'selected' : '' }}>Produto</option>
                                    </select>
                                </td>
                                <td class="item-column">
                                    <select class="form-select form-select-sm placeholder-select" disabled style="display:none;">
                                        <option value="">Selecione o tipo primeiro...</option>
                                    </select>
                                    <select class="form-select form-select-sm servico-select" name="materiais[{{ $index }}][item_id_servico]" onchange="buscarDadosServicoMaterial(this)" style="display:{{ $material->item_tipo == 'SERVICO' ? 'block' : 'none' }};" {{ $material->item_tipo == 'SERVICO' ? '' : 'disabled' }}>
                                        <option value="">Selecione o serviço...</option>
                                        @foreach($servicos as $servico)
                                            <option value="{{ $servico->id }}" data-valor="{{ $servico->valor_venda }}" data-unidade="{{ $servico->unidade_id }}" {{ $material->item_tipo == 'SERVICO' && $material->item_id == $servico->id ? 'selected' : '' }}>
                                                {{ $servico->nome }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <select class="form-select form-select-sm produto-select" name="materiais[{{ $index }}][item_id_produto]" onchange="buscarDadosProdutoMaterial(this)" style="display:{{ $material->item_tipo == 'PRODUTO' ? 'block' : 'none' }};" {{ $material->item_tipo == 'PRODUTO' ? '' : 'disabled' }}>
                                        <option value="">Selecione o produto...</option>
                                        @foreach($produtos as $prod)
                                            @if($prod->tipo_produto == 'MATERIA_PRIMA')
                                            <option value="{{ $prod->id }}" data-custo="{{ $prod->valor_custo }}" data-unidade="{{ $prod->unidade_id }}" {{ $material->item_tipo == 'PRODUTO' && $material->item_id == $prod->id ? 'selected' : '' }}>
                                                {{ $prod->nome }}
                                            </option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <input type="hidden" name="materiais[{{ $index }}][item_id]" class="item-id-hidden" value="{{ $material->item_id }}">
                                </td>
                                <td>
                                    <input type="number" class="form-control form-control-sm quantidade-material" name="materiais[{{ $index }}][quantidade]" min="1" value="{{ $material->quantidade }}" onchange="calcularTotalMaterial(this.closest('tr'))" required>
                                </td>
                                <td>
                                    <select class="form-select form-select-sm unidade-material" name="materiais[{{ $index }}][unidade_id]" required>
                                        <option value="">Selecione...</option>
                                        @php
                                            $unidadesContexto = $material->item_tipo == 'SERVICO' ? $unidadesServico : $unidadesProduto;
                                        @endphp
                                        @foreach($unidadesContexto as $unidade)
                                            <option value="{{ $unidade->tipo }}" {{ $material->unidade_id == $unidade->tipo ? 'selected' : '' }}>{{ $unidade->unidade }}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm custo-unitario-material" name="materiais[{{ $index }}][custo_unitario]" value="{{ number_format($material->custo_unitario, 2, ',', '.') }}" data-mask="money" onblur="calcularTotalMaterial(this.closest('tr'))" required>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm custo-total-material bg-light" name="materiais[{{ $index }}][custo_total]" value="{{ number_format($material->custo_total, 2, ',', '.') }}" readonly>
                                </td>
                                <td class="text-center">
                                    <button type="button" class="btn btn-sm btn-danger btn-remover-material" onclick="removerMaterial(this)" {{ count($produto->produtoMateriais) === 1 ? 'disabled' : '' }}>
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </td>
                            </tr>
                            @php $index++; @endphp
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="8">
                                    <button type="button" class="btn btn-sm btn-success" onclick="adicionarMaterial()">
                                        <i class="bi bi-plus-circle me-1"></i>Adicionar Material/Serviço
                                    </button>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>

                <!-- Resumo de Custos -->
                @php
                    $totalMateriais = $produto->produtoMateriais->where('item_tipo', 'PRODUTO')->sum('custo_total');
                    $totalServicos = $produto->produtoMateriais->where('item_tipo', 'SERVICO')->sum('custo_total');
                    $custoTotalProduto = $totalMateriais + $totalServicos;
                    $margemLucroFabricado = ($custoTotalProduto > 0) ? (($produto->valor_venda - $custoTotalProduto) / $custoTotalProduto) * 100 : 0;
                    // Calcular valor de venda com base no custo atual e margem
                    $valorVendaCalculado = $custoTotalProduto * (1 + $margemLucroFabricado / 100);
                @endphp
                <div class="row">
                    <div class="col-12">
                        <div class="border rounded p-3 bg-light">
                            <div class="d-flex justify-content-between mb-2">
                                <span class="fw-bold">Total Materiais:</span>
                                <span id="custoTotalMateriais" class="text-nowrap">R$ {{ number_format($totalMateriais, 2, ',', '.') }}</span>
                            </div>
                            <div class="d-flex justify-content-between mb-2">
                                <span class="fw-bold">Total Serviços:</span>
                                <span id="custoTotalServicos" class="text-nowrap">R$ {{ number_format($totalServicos, 2, ',', '.') }}</span>
                            </div>
                            <hr>
                            <div class="d-flex justify-content-between mb-3 align-items-center">
                                <span class="fw-bold fs-5">CUSTO TOTAL:</span>
                                <span id="custoTotalProdutoDisplay" class="fw-bold fs-5">R$ {{ number_format($custoTotalProduto, 2, ',', '.') }}</span>
                                <input type="hidden" id="custoTotalProduto" value="{{ number_format($custoTotalProduto, 2, ',', '.') }}">
                            </div>
                            <div class="row mb-3">
                                <div class="col-12">
                                    <label for="margemLucroFabricado" class="form-label">Margem de Lucro (%) <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="margemLucroFabricado" value="{{ $produto->tipo_produto == 'FABRICADO' ? number_format($margemLucroFabricado, 2, ',', '.') : '0,00' }}" placeholder="0,00" data-mask="percentage" onblur="calcularValorVendaFabricado()">
                                </div>
                            </div>
                            <hr>
                            <div class="d-flex justify-content-between align-items-center">
                                <span class="fw-bold fs-5 text-primary">VALOR DE VENDA:</span>
                                <span id="valorVendaFabricadoDisplay" class="fw-bold fs-5 text-primary">R$ {{ number_format($valorVendaCalculado, 2, ',', '.') }}</span>
                            <input type="hidden" {{ $produto->tipo_produto == 'FABRICADO' ? 'name=dados[valor_custo]' : '' }} id="valorCustoFabricado" value="{{ number_format($custoTotalProduto, 2, ',', '.') }}">
                            <input type="hidden" {{ $produto->tipo_produto == 'FABRICADO' ? 'name=dados[valor_venda]' : '' }} id="valorVendaFabricado" value="{{ number_format($valorVendaCalculado, 2, ',', '.') }}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Dimensões e Peso -->
        <div class="card shadow border-0 mb-3">
            <div class="card-header bg-white border-0 pb-1">
                <span class="fw-bold"><i class="bi bi-rulers me-2"></i>Dimensões e Peso</span>
            </div>
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-md-2">
                        <label for="peso_bruto" class="form-label">Peso Bruto (kg)</label>
                        <input type="text" class="form-control" id="peso_bruto" name="dados[peso_bruto]" value="{{ $produto->peso_bruto ? number_format($produto->peso_bruto, 2, ',', '.') : '' }}" placeholder="0,00" data-mask="decimal">
                    </div>
                    <div class="col-md-2">
                        <label for="peso_liquido" class="form-label">Peso Líquido (kg)</label>
                        <input type="text" class="form-control" id="peso_liquido" name="dados[peso_liquido]" value="{{ $produto->peso_liquido ? number_format($produto->peso_liquido, 2, ',', '.') : '' }}" placeholder="0,00" data-mask="decimal">
                    </div>
                    <div class="col-md-3">
                        <label for="altura" class="form-label">Altura (cm)</label>
                        <input type="text" class="form-control" id="altura" name="dados[altura]" value="{{ $produto->altura ? number_format($produto->altura, 2, ',', '.') : '' }}" placeholder="0,00" data-mask="decimal">
                    </div>
                    <div class="col-md-3">
                        <label for="largura" class="form-label">Largura (cm)</label>
                        <input type="text" class="form-control" id="largura" name="dados[largura]" value="{{ $produto->largura ? number_format($produto->largura, 2, ',', '.') : '' }}" placeholder="0,00" data-mask="decimal">
                    </div>
                    <div class="col-md-2">
                        <label for="comprimento" class="form-label">Comprimento (cm)</label>
                        <input type="text" class="form-control" id="comprimento" name="dados[comprimento]" value="{{ $produto->comprimento ? number_format($produto->comprimento, 2, ',', '.') : '' }}" placeholder="0,00" data-mask="decimal">
                    </div>
                </div>
            </div>
        </div>

        <!-- Observações -->
        <div class="card shadow border-0 mb-3">
            <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">
                <div class="row mb-3">
                    <div class="col-12">
                        <textarea class="form-control" id="observacoes" name="dados[observacoes]" rows="3" placeholder="Informações adicionais sobre o produto">{{ $produto->observacoes }}</textarea>
                    </div>
                </div>
            </div>
        </div>

        <!-- Botões de Ação -->
        <div class="d-flex justify-content-end gap-2 mt-4 mb-4">
            <button type="button" class="btn btn-secondary" onclick="carregarConteudo(`{{ route('cadastro.produtos') }}`)">
                <i class="bi bi-x-circle me-2"></i>Cancelar
            </button>
            <button type="button" class="btn btn-primary" onclick="atualizar(`{{ route('produtos.update', $produto->id) }}`, 'formEditarProduto')">
                <i class="bi bi-check-circle me-2"></i>Atualizar
            </button>
        </div>
    </form>
</div>

<!-- Template para nova linha de material (oculto) -->
<template id="templateMaterialProduto">
    <option value="">Selecione o produto...</option>
    @foreach($produtos as $prod)
        @if($prod->tipo_produto == 'MATERIA_PRIMA')
        <option value="{{ $prod->id }}" data-custo="{{ $prod->valor_custo }}" data-unidade="{{ $prod->unidade_id }}">
            {{ $prod->nome }}
        </option>
        @endif
    @endforeach
</template>

<template id="templateMaterialServico">
    <option value="">Selecione o serviço...</option>
    @foreach($servicos as $servico)
        <option value="{{ $servico->id }}" data-valor="{{ $servico->valor_venda }}" data-unidade="{{ $servico->unidade_id }}">
            {{ $servico->nome }}
        </option>
    @endforeach
</template>