@php
use App\Enum\StatusOrcamento;
$title = 'Editar Orçamento';
@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('operacoes.orcamento') }}`)" class="text-decoration-none text-secondary">Orçamentos</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">Editar Orçamento</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 Orçamento
            </h1>
            <span class="text-muted small">Atualize os dados do orçamento</span>
        </div>
        <div>
            <button type="button" class="btn btn-sm btn-outline-secondary" onclick="carregarConteudo(`{{ route('operacoes.orcamento') }}`)">
                <i class="bi bi-arrow-left me-2"></i>Voltar
            </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 Orçamento</span>
        </div>
        <div class="card-body">

            <form id="formEditarOrcamento" class="needs-validation" novalidate>
                @csrf
                <div class="row mb-3">
                    <div class="col-md-3">
                        <label for="codigo" class="form-label">Número</label>
                        <input type="text" class="form-control" id="codigo" name="dados[codigo]" value="{{ old('codigo', $orcamento->codigo) }}" disabled>
                    </div>
                    <div class="col-md-3">
                        <label for="dataOrcamento" class="form-label required-field">Data</label>
                        <div class="input-group">
                            <input type="text" class="form-control datepicker" id="dataOrcamento"
                                style="z-index: 1 !important;"
                                name="dados[data_emissao]"
                                data-mask="date"
                                value="{{ old('data_emissao', $orcamento->data_emissao ? $orcamento->data_emissao->format('d/m/Y') : '') }}"
                                readonly required>
                            <span class="input-group-text"><i class="bi bi-calendar3"></i></span>
                        </div>
                        <div class="invalid-feedback">Por favor, informe a data.</div>
                    </div>
                    <div class="col-md-3">
                        <label for="validadeOrcamento" class="form-label required-field">Validade</label>
                        <div class="input-group">
                            <input type="text" class="form-control datepicker" id="validadeOrcamento"
                                style="z-index: 1 !important;"
                                name="dados[data_validade]"
                                data-mask="date"
                                value="{{ old('data_validade', $orcamento->data_validade ? $orcamento->data_validade->format('d/m/Y') : '') }}"
                                readonly required>
                            <span class="input-group-text"><i class="bi bi-calendar3"></i></span>
                        </div>
                        <div class="invalid-feedback">Por favor, informe a validade.</div>
                    </div>
                    <div class="col-md-3">
                        <label for="statusOrcamento" class="form-label">Status</label>
                        <select class="form-select" id="statusOrcamento" name="dados[status]">
                            <option value="{{ StatusOrcamento::AGUARDANDO_CLIENTE->value }}" {{ $orcamento->status == StatusOrcamento::AGUARDANDO_CLIENTE->value ? 'selected' : '' }}>{{ StatusOrcamento::AGUARDANDO_CLIENTE->value }}</option>
                            <option value="{{ StatusOrcamento::APROVADO_CLIENTE->value }}" {{ $orcamento->status == StatusOrcamento::APROVADO_CLIENTE->value ? 'selected' : '' }}>{{ StatusOrcamento::APROVADO_CLIENTE->value }}</option>
                            <option value="{{ StatusOrcamento::CONVERTIDO_VENDA->value }}" {{ $orcamento->status == StatusOrcamento::CONVERTIDO_VENDA->value ? 'selected' : '' }}>{{ StatusOrcamento::CONVERTIDO_VENDA->value }}</option>
                            <option value="{{ StatusOrcamento::CANCELADO->value }}" {{ $orcamento->status == StatusOrcamento::CANCELADO->value ? 'selected' : '' }}>{{ StatusOrcamento::CANCELADO->value }}</option>
                        </select>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-md-9">
                        <label for="clienteOrcamento" class="form-label required-field">Cliente</label>
                        <select class="form-select" id="clienteOrcamento" name="dados[cliente_id]" required>
                            <option value="">Selecione o cliente...</option>
                            @foreach($clientes as $cliente)
                            <option value="{{ $cliente->id }}" {{ $orcamento->cliente_id == $cliente->id ? 'selected' : '' }}>{{ $cliente->nome_fantasia ?? $cliente->razao_social }}</option>
                            @endforeach
                        </select>
                        <div class="invalid-feedback">Por favor, selecione o cliente.</div>
                    </div>
                    <div class="col-md-3">
                        <label for="prazoEntrega" class="form-label">Prazo de Entrega</label>
                        <input type="text" class="form-control" id="prazoEntrega" name="dados[prazo_entrega]" value="{{ old('prazo_entrega', $orcamento->prazo_entrega) }}" placeholder="Ex: 30 dias úteis" required>
                        <div class="invalid-feedback">
                            Por favor, informe o prazo de entrega.
                        </div>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-12">
                        <label for="descricaoOrcamento" class="form-label required-field">Descrição do Projeto</label>
                        <textarea class="form-control" id="descricaoOrcamento" name="dados[descricao_projeto]" rows="3" required>{{ old('descricao_projeto', $orcamento->descricao_projeto) }}</textarea>
                        <div class="invalid-feedback">
                            Por favor, informe a descrição do projeto.
                        </div>
                    </div>
                </div>

                <h5 class="mt-4 mb-3">Itens do Orçamento</h5>

                <!-- Templates para clonagem de opções -->
                <template id="templateServicoOrcamento">
                    <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>

                <template id="templateProdutoOrcamento">
                    <option value="">Selecione o produto...</option>
                    @foreach($produtos ?? [] as $produto)
                    <option value="{{ $produto->id }}" data-valor="{{ $produto->valor_venda }}" data-unidade="{{ $produto->unidade_id }}">{{ $produto->nome }}</option>
                    @endforeach
                </template>

                <div class="table-responsive mb-3">
                    <table class="table table-bordered" id="tabelaItensOrcamento">
                        <thead class="table-light">
                            <tr>
                                <th style="width: 4%">#</th>
                                <th style="width: 12%">Tipo</th>
                                <th style="width: 22%">Item</th>
                                <th style="width: 18%">Descrição</th>
                                <th style="width: 8%">Qtd</th>
                                <th style="width: 9%">Unidade</th>
                                <th style="width: 11%">Valor Unit.</th>
                                <th style="width: 11%">Total</th>
                                <th style="width: 5%">Ações</th>
                            </tr>
                        </tbody>
                        <tbody id="itensOrcamento" 
                            data-unidades-servico='@json($unidadesServico ?? [])' 
                            data-unidades-produto='@json($unidadesProduto ?? [])'>
                            @foreach($servicosOrcamento as $index => $item)
                            <tr data-index="{{ $index }}">
                                <td>
                                    <span class="numero-linha">{{ $index + 1 }}</span>
                                    <input type="hidden" name="itens[{{ $index }}][id]" value="{{ $item->id ?? '' }}">
                                </td>
                                <td>
                                    <select class="form-select form-select-sm tipo-item" name="itens[{{ $index }}][tipo_item]" required>
                                        <option value="">Tipo...</option>
                                        <option value="SERVICO" {{ $item->tipo_item == 'SERVICO' ? 'selected' : '' }}>Serviço</option>
                                        <option value="PRODUTO" {{ $item->tipo_item == 'PRODUTO' ? 'selected' : '' }}>Produto</option>
                                    </select>
                                </td>
                                <td class="item-column">
                                    <select class="form-select form-select-sm placeholder-select" disabled @if(!empty($item->tipo_item)) style="display:none" @else style="display:block" @endif>
                                        <option value="">Selecione o tipo primeiro...</option>
                                    </select>
                                    <select class="form-select form-select-sm servico-select" name="itens[{{ $index }}][servico_id]" @if($item->tipo_item != 'SERVICO') style="display:none" disabled @endif>
                                        <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 }}" {{ $item->servico_id == $servico->id ? 'selected' : '' }}>{{ $servico->nome }}</option>
                                        @endforeach
                                    </select>
                                    <select class="form-select form-select-sm produto-select" name="itens[{{ $index }}][produto_id]" @if($item->tipo_item != 'PRODUTO') style="display:none" disabled @endif>
                                        <option value="">Selecione o produto...</option>
                                        @foreach($produtos ?? [] as $produto)
                                        <option value="{{ $produto->id }}" data-valor="{{ $produto->valor_venda }}" data-unidade="{{ $produto->unidade_id }}" {{ $item->produto_id == $produto->id ? 'selected' : '' }}>{{ $produto->nome }}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm" name="itens[{{ $index }}][descricao]" value="{{ $item->descricao ?? '' }}" placeholder="Detalhes">
                                </td>
                                <td>
                                    <input type="number" class="form-control form-control-sm quantidade-item" name="itens[{{ $index }}][quantidade]" min="1" value="{{ $item->quantidade ?? 1 }}" required>
                                </td>
                                <td>
                                    <select class="form-select form-select-sm unidade-item" name="itens[{{ $index }}][unidade]" required @if(empty($item->tipo_item)) disabled @endif>
                                        @if(empty($item->tipo_item))
                                            <option value="">Selecione o tipo primeiro...</option>
                                        @elseif($item->tipo_item == 'SERVICO')
                                            @foreach($unidadesServico ?? [] as $unidade)
                                            <option value="{{ $unidade->tipo }}" {{ $item->unidade == $unidade->tipo ? 'selected' : '' }}>{{ $unidade->unidade }}</option>
                                            @endforeach
                                        @elseif($item->tipo_item == 'PRODUTO')
                                            @foreach($unidadesProduto ?? [] as $unidade)
                                            <option value="{{ $unidade->tipo }}" {{ $item->unidade == $unidade->tipo ? 'selected' : '' }}>{{ $unidade->unidade }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm valor-unitario-item no-auto-format" name="itens[{{ $index }}][valor_unitario]" value="{{ number_format($item->valor_unitario ?? 0, 2, ',', '.') }}" placeholder="0,00" required>
                                </td>
                                <td>
                                    <input type="text" class="form-control form-control-sm valor-total-item bg-light" name="itens[{{ $index }}][valor_total]" value="{{ number_format($item->valor_total ?? 0, 2, ',', '.') }}" readonly>
                                </td>
                                <td class="text-center">
                                    <button type="button" class="btn btn-sm btn-danger btn-remover-item">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="9">
                                    <button type="button" class="btn btn-sm btn-success" id="btnadicionarItemOrcamento">
                                        <i class="bi bi-plus-circle me-1"></i>Adicionar Item
                                    </button>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>

                <!-- Seção de Condições de Pagamento -->
                <div class="row mb-3">
                    <div class="col-md-12">
                        <div class="row">
                            <!-- Coluna esquerda: Campos de condições de pagamento -->
                            <div class="col-md-6">
                                <div class="border border-secondary-subtle rounded p-3 h-100 bg-light-subtle">
                                    <div class="d-flex align-items-center mb-3 pb-2 border-bottom border-secondary-subtle">
                                        <i class="bi bi-credit-card text-primary me-2"></i>
                                        <h6 class="mb-0 text-primary">Condições de Pagamento</h6>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-md-6">
                                            <label for="formaPagamento" class="form-label">Forma de Pagamento</label>
                                            <select class="form-select" id="formaPagamento" name="dados[forma_pagamento]">
                                                <option value="">Selecione...</option>
                                                <option value="PIX" {{ old('forma_pagamento', $orcamento->condicoesPagamento->forma_pagamento ?? '') == 'PIX' ? 'selected' : '' }}>PIX</option>
                                                <option value="BOLETO" {{ old('forma_pagamento', $orcamento->condicoesPagamento->forma_pagamento ?? '') == 'BOLETO' ? 'selected' : '' }}>Boleto</option>
                                                <option value="CARTAO" {{ old('forma_pagamento', $orcamento->condicoesPagamento->forma_pagamento ?? '') == 'CARTAO' ? 'selected' : '' }}>Cartão</option>
                                            </select>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="tipoPagamento" class="form-label">Tipo de Pagamento</label>
                                            <select class="form-select" id="tipoPagamento" name="dados[tipo_pagamento]">
                                                <option value="">Selecione...</option>
                                                <option value="À Vista" {{ old('tipo_pagamento', $orcamento->condicoesPagamento->tipo_pagamento ?? '') == 'À Vista' ? 'selected' : '' }}>À Vista</option>
                                                <option value="3x Sem Juros" {{ old('tipo_pagamento', $orcamento->condicoesPagamento->tipo_pagamento ?? '') == '3x Sem Juros' ? 'selected' : '' }}>3x Sem Juros</option>
                                                <option value="6x Sem Juros" {{ old('tipo_pagamento', $orcamento->condicoesPagamento->tipo_pagamento ?? '') == '6x Sem Juros' ? 'selected' : '' }}>6x Sem Juros</option>
                                                <option value="12x Sem Juros" {{ old('tipo_pagamento', $orcamento->condicoesPagamento->tipo_pagamento ?? '') == '12x Sem Juros' ? 'selected' : '' }}>12x Sem Juros</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <label for="dataVencimento" class="form-label">Data de Vencimento</label>
                                            <div class="input-group">
                                                <input type="text" class="form-control datepicker" id="dataVencimento"
                                                    style="z-index: 1 !important;"
                                                    name="dados[data_vencimento_preferida]"
                                                    data-mask="date"
                                                    value="{{ old('data_vencimento_preferida', $orcamento->condicoesPagamento && $orcamento->condicoesPagamento->data_vencimento ? $orcamento->condicoesPagamento->data_vencimento->format('d/m/Y') : '') }}"
                                                    readonly>
                                                <span class="input-group-text"><i class="bi bi-calendar3"></i></span>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="valorEntrada" class="form-label">Valor de Entrada</label>
                                            <div class="input-group">
                                                <span class="input-group-text">R$</span>
                                                <input type="text" class="form-control money" id="valorEntrada" name="dados[valor_entrada]" 
                                                       value="{{ old('valor_entrada', number_format($orcamento->condicoesPagamento->valor_entrada ?? 0, 2, ',', '.')) }}" data-mask="money">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Coluna direita: Resumo financeiro -->
                            <div class="col-md-6">
                                <div class="border border-secondary-subtle rounded p-3 h-100 bg-light-subtle">
                                    <div class="d-flex align-items-center mb-3 pb-2 border-bottom border-secondary-subtle">
                                        <i class="bi bi-calculator text-primary me-2"></i>
                                        <h6 class="mb-0 text-primary">Resumo Financeiro</h6>
                                    </div>
                                    <div id="resumoOrcamento">
                                        <div class="d-flex justify-content-between mb-3">
                                            <span>Subtotal:</span>
                                            <span id="subtotalOrcamento" class="text-nowrap ms-4" data-mask="money">R$ {{ number_format($orcamento->subtotal ?? 0, 2, ',', '.') }}</span>
                                        </div>
                                        <div class="d-flex justify-content-between mb-3">
                                            <div class="input-group input-group-sm">
                                                <span class="input-group-text">Desconto</span>
                                                <input type="text" class="form-control form-control-sm" id="descontoOrcamento" name="dados[desconto]" value="{{ $orcamento->desconto }}" data-mask="percent" placeholder="0.0" onchange="calcularTotaisOrcamento()">
                                                <span class="input-group-text">%</span>
                                            </div>
                                            <span id="valorDescontoOrcamento" class="text-nowrap ms-4">R$ {{ number_format($orcamento->valor_desconto ?? 0, 2, ',', '.') }}</span>
                                        </div>
                                        <div class="d-flex justify-content-between fw-bold border-top border-secondary-subtle pt-2">
                                            <span>Total:</span>
                                            <span id="totalOrcamento" class="text-nowrap ms-4 text-success fs-5" data-mask="money">R$ {{ number_format($orcamento->total ?? 0, 2, ',', '.') }}</span>
                                        </div>
                                        
                                        <!-- Campos hidden para enviar os totais calculados -->
                                        <input type="hidden" id="subtotalHidden" name="dados[subtotal]" value="{{ $orcamento->subtotal }}">
                                        <input type="hidden" id="valorDescontoHidden" name="dados[valor_desconto]" value="{{ $orcamento->valor_desconto }}">
                                        <input type="hidden" id="totalHidden" name="dados[total]" value="{{ $orcamento->total }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Campo de observações em linha separada -->
                        <div class="row mt-3">
                            <div class="col-md-12">
                                <label for="observacoesPagamento" class="form-label">Observações de Pagamento</label>
                                <textarea class="form-control" id="observacoesPagamento" name="dados[observacoes_pagamento]" rows="2">{{ $orcamento->condicoesPagamento->observacoes ?? '' }}</textarea>
                            </div>
                        </div>
                        
                        <!-- Preview das Parcelas -->
                        <div class="row mt-3">
                            <div class="col-md-12">
                                <div id="preview-parcelas" style="display: none;"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-12">
                        <label for="observacoesOrcamento" class="form-label">Observações</label>
                        <textarea class="form-control" id="observacoesOrcamento" name="dados[observacoes]" rows="3">{{ old('observacoes', $orcamento->observacoes) }}</textarea>
                    </div>
                </div>

                <div class="d-grid gap-2 d-md-flex justify-content-md-end mt-4">
                    <button type="button" class="btn btn-sm btn-outline-secondary me-md-2" onclick="carregarConteudo(`{{ route('operacoes.orcamento') }}`)">
                        <i class="bi bi-x-circle me-2"></i>Cancelar
                    </button>
                    <button type="button" class="btn btn-sm btn-primary" onclick="atualizar(`{{ route('operacoes.orcamento.update', $orcamento->id) }}`, 'formEditarOrcamento')">
                        <i class="bi bi-check-circle me-2"></i>Salvar
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>