{% extends "base.html" %}

{% block title %}Editar Venda - {{ venda.numero_pedido }}{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2><i class="fas fa-edit"></i> Venda {{ venda.numero_pedido }}</h2>
        <div>
            {% if venda.status == 'aberto' and venda.itens|length > 0 %}
            <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#modalFecharPedido">
                <i class="fas fa-check-circle"></i> Fechar Pedido
            </button>
            <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#modalCancelar">
                <i class="fas fa-times-circle"></i> Cancelar
            </button>
            {% endif %}
            <a href="{{ url_for('vendas') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Voltar
            </a>
        </div>
    </div>

    <form method="POST" class="form-lockable">
        <div class="row">
            <div class="col-md-8">
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0">Dados da Venda</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <label class="form-label">Data da Venda *</label>
                                <input type="date" class="form-control" name="data_venda" 
                                       value="{{ venda.data_venda.strftime('%Y-%m-%d') }}" required>
                            </div>
                            
                            <div class="col-md-4 mb-3">
                                <label class="form-label">Data de Entrega</label>
                                <input type="date" class="form-control" name="data_entrega" 
                                       value="{% if venda.data_entrega %}{{ venda.data_entrega.strftime('%Y-%m-%d') }}{% endif %}">
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="form-label">Status *</label>
                                <select class="form-select" name="status" required>
                                    <option value="aberto" {% if venda.status == 'aberto' %}selected{% endif %}>Aberto</option>
                                    <option value="faturado" {% if venda.status == 'faturado' %}selected{% endif %}>Faturado</option>
                                    <option value="recebido" {% if venda.status == 'recebido' %}selected{% endif %}>Recebido</option>
                                    <option value="entregue" {% if venda.status == 'entregue' %}selected{% endif %}>Entregue</option>
                                    <option value="cancelado" {% if venda.status == 'cancelado' %}selected{% endif %}>Cancelado</option>
                                </select>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label">Cliente *</label>
                                <div class="alert alert-info mb-2" style="padding: 0.5rem 0.75rem;">
                                    <i class="fas fa-info-circle"></i> 
                                    <strong>
                                        {% if venda.pessoa_id %}
                                            {% set cliente_atual = clientes|selectattr('id', 'equalto', 'pessoa_' ~ venda.pessoa_id)|first %}
                                        {% else %}
                                            {% set cliente_atual = clientes|selectattr('id', 'equalto', 'cliente_' ~ venda.cliente_id)|first %}
                                        {% endif %}
                                        {{ cliente_atual['nome'] if cliente_atual else 'Cliente não encontrado' }}
                                        {% if cliente_atual and cliente_atual.get('cpf_cnpj') %} - {{ cliente_atual['cpf_cnpj'] }}{% endif %}
                                        {% if cliente_atual and cliente_atual.get('nome_fantasia') and cliente_atual.get('nome_fantasia') != cliente_atual['nome'] %}
                                            <br><small>{{ cliente_atual['nome_fantasia'] }}</small>
                                        {% endif %}
                                    </strong>
                                </div>
                                <input type="hidden" name="cliente_id" value="{% if venda.pessoa_id %}pessoa_{{ venda.pessoa_id }}{% else %}cliente_{{ venda.cliente_id }}{% endif %}">
                                <small class="text-muted"><i class="fas fa-lock"></i> O cliente não pode ser alterado após a criação do pedido</small>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label">Empresa *</label>
                                {% if is_multi_empresa() %}
                                <select class="form-select" name="empresa_id" required>
                                    {% for empresa in empresas %}
                                    <option value="{{ empresa.id }}" {% if venda.empresa_id == empresa.id %}selected{% endif %}>
                                        {{ empresa.razao_social }}
                                    </option>
                                    {% endfor %}
                                </select>
                                {% else %}
                                <input type="hidden" name="empresa_id" value="{{ venda.empresa_id }}">
                                <input type="text" class="form-control" value="{{ venda.empresa.razao_social if venda.empresa else 'N/A' }}" readonly>
                                {% endif %}
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label">Forma de Pagamento</label>
                                <select class="form-select" name="forma_pagamento">
                                    <option value="">Selecione...</option>
                                    <option value="dinheiro" {% if venda.forma_pagamento == 'dinheiro' %}selected{% endif %}>Dinheiro</option>
                                    <option value="pix" {% if venda.forma_pagamento == 'pix' %}selected{% endif %}>PIX</option>
                                    <option value="boleto" {% if venda.forma_pagamento == 'boleto' %}selected{% endif %}>Boleto</option>
                                    <option value="cartao_credito" {% if venda.forma_pagamento == 'cartao_credito' %}selected{% endif %}>Cartão de Crédito</option>
                                    <option value="cartao_debito" {% if venda.forma_pagamento == 'cartao_debito' %}selected{% endif %}>Cartão de Débito</option>
                                </select>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label class="form-label">Condição de Pagamento</label>
                                <input type="text" class="form-control" name="condicao_pagamento" 
                                       value="{{ venda.condicao_pagamento or '' }}">
                            </div>

                            <div class="col-md-12 mb-3">
                                <label class="form-label">Observações</label>
                                <textarea class="form-control" name="observacoes" rows="2">{{ venda.observacoes or '' }}</textarea>
                            </div>

                            <div class="col-md-12 mb-3">
                                <label class="form-label">Observações Internas</label>
                                <textarea class="form-control" name="observacoes_internas" rows="2">{{ venda.observacoes_internas or '' }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>

                {# Itens da Venda #}
                <div class="card mb-4">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h5 class="mb-0">Itens</h5>
                        <button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#modalAdicionarItem">
                            <i class="fas fa-plus"></i> Adicionar Item
                        </button>
                    </div>
                    <div class="card-body">
                        {% if venda.itens %}
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>Produto</th>
                                        <th>Quantidade</th>
                                        <th>Valor Unit.</th>
                                        <th>Desconto</th>
                                        <th>Valor Total</th>
                                        <th width="120">Ações</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for item in venda.itens %}
                                    <tr>
                                        <td>{{ item.descricao }}</td>
                                        <td>{{ item.quantidade }}</td>
                                        <td>R$ {{ "%.2f"|format(item.valor_unitario) }}</td>
                                        <td>R$ {{ "%.2f"|format(item.desconto_item) }}</td>
                                        <td>R$ {{ "%.2f"|format(item.valor_total) }}</td>
                                        <td>
                                            <button type="button" class="btn btn-sm btn-outline-primary me-1" 
                                                    onclick="editarItem({{ item.id }}, '{{ item.descricao }}', {{ item.quantidade }}, {{ item.valor_unitario }}, {{ item.desconto_item }})"
                                                    data-bs-toggle="modal" data-bs-target="#modalEditarItem">
                                                <i class="fas fa-edit"></i>
                                            </button>
                                            <form method="POST" action="{{ url_for('excluir_item_venda', id=item.id) }}" class="d-inline">
                                                <button type="submit" class="btn btn-sm btn-outline-danger" 
                                                        onclick="return confirm('Confirma a exclusão?')">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </form>
                                        </td>
                                    </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        {% else %}
                        <div class="alert alert-info">
                            Nenhum item adicionado. Clique em "Adicionar Item" para começar.
                        </div>
                        {% endif %}
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0">Totais</h5>
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label class="form-label">Subtotal</label>
                            <input type="text" class="form-control" 
                                   value="R$ {{ '%.2f'|format(venda.subtotal) }}" readonly>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Desconto</label>
                            <input type="number" class="form-control" name="desconto" step="0.01"
                                   value="{{ venda.desconto }}">
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Acréscimo</label>
                            <input type="number" class="form-control" name="acrescimo" step="0.01"
                                   value="{{ venda.acrescimo }}">
                        </div>

                        <hr>

                        <div class="mb-0">
                            <label class="form-label"><strong>Valor Total</strong></label>
                            <h3 class="text-primary">R$ {{ "%.2f"|format(venda.valor_total) }}</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="text-end">
            <button type="submit" class="btn btn-primary btn-lg">
                <i class="fas fa-save"></i> Salvar Alterações
            </button>
        </div>
    </form>
</div>

{# Modal Adicionar Item #}
<div class="modal fade cape-modal-standard cape-modal-detail" id="modalAdicionarItem" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ url_for('adicionar_item_venda', id=venda.id) }}">
                <div class="modal-header">
                    <h5 class="modal-title">Adicionar Item</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label">Produto *</label>
                        <select class="form-select" name="produto_id" id="produtoSelect" required>
                            <option value="">Selecione...</option>
                            {% for produto in produtos %}
                            <option value="{{ produto.id }}" data-valor="{{ produto.valor_venda }}">
                                {{ produto.nome }} - R$ {{ "%.2f"|format(produto.valor_venda) }}
                            </option>
                            {% endfor %}
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Quantidade *</label>
                        <input type="number" class="form-control" name="quantidade" 
                               step="0.01" min="0.01" required>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Valor Unitário *</label>
                        <input type="number" class="form-control" name="valor_unitario" 
                               id="valorUnitario" step="0.01" min="0" required>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Desconto</label>
                        <input type="number" class="form-control" name="desconto_item" 
                               step="0.01" min="0" value="0">
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Observações</label>
                        <textarea class="form-control" name="observacoes_item" rows="2"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Adicionar</button>
                </div>
            </form>
        </div>
    </div>
</div>

{# Modal Editar Item #}
<div class="modal fade cape-modal-standard cape-modal-detail" id="modalEditarItem" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" id="formEditarItem">
                <div class="modal-header">
                    <h5 class="modal-title"><i class="fas fa-edit"></i> Editar Item</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="item_id" id="edit_item_id">
                    
                    <div class="mb-3">
                        <label class="form-label">Produto</label>
                        <input type="text" class="form-control" id="edit_produto_nome" readonly>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Quantidade *</label>
                        <input type="number" class="form-control" name="quantidade" 
                               id="edit_quantidade" step="0.01" min="0.01" required>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Valor Unitário *</label>
                        <input type="number" class="form-control" name="valor_unitario" 
                               id="edit_valor_unitario" step="0.01" min="0" required>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Desconto</label>
                        <input type="number" class="form-control" name="desconto_item" 
                               id="edit_desconto" step="0.01" min="0" value="0">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Salvar Alterações</button>
                </div>
            </form>
        </div>
    </div>
</div>

{# Modal Fechar Pedido #}
<div class="modal fade cape-modal-standard" id="modalFecharPedido" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ url_for('fechar_venda', id=venda.id) }}">
                <div class="modal-header bg-success text-white">
                    <h5 class="modal-title"><i class="fas fa-check-circle"></i> Fechar Pedido</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <p>Confirma o fechamento desta venda?</p>
                    <div class="alert alert-info">
                        <strong>Valor Total:</strong> R$ {{ "%.2f"|format(venda.valor_total) }}<br>
                        <strong>Itens:</strong> {{ venda.itens|length }}<br>
                        <strong>Cliente:</strong> 
                        {% if venda.cliente %}
                            {{ venda.cliente.nome }}
                            {% if venda.cliente.cpf_cnpj %} - {{ venda.cliente.cpf_cnpj }}{% endif %}
                        {% elif venda.pessoa %}
                            {{ venda.pessoa.nome }}
                            {% if venda.pessoa.cpf_cnpj %} - {{ venda.pessoa.cpf_cnpj }}{% endif %}
                        {% else %}
                            Não informado
                        {% endif %}
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Data de Fechamento *</label>
                        <input type="datetime-local" class="form-control" name="data_fechamento" 
                               value="{{ datetime.now().strftime('%Y-%m-%dT%H:%M') }}" required>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="gerar_conta_receber" id="gerarConta" checked>
                        <label class="form-check-label" for="gerarConta">
                            Gerar conta a receber automaticamente
                        </label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-success">
                        <i class="fas fa-check"></i> Confirmar Fechamento
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

{# Modal Cancelar #}
<div class="modal fade cape-modal-standard" id="modalCancelar" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ url_for('cancelar_venda', id=venda.id) }}">
                <div class="modal-header bg-danger text-white">
                    <h5 class="modal-title"><i class="fas fa-times-circle"></i> Cancelar Pedido</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-warning">
                        <i class="fas fa-exclamation-triangle"></i> 
                        <strong>Atenção!</strong> Esta ação não poderá ser desfeita.
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Motivo do Cancelamento *</label>
                        <textarea class="form-control" name="motivo_cancelamento" rows="3" 
                                  placeholder="Descreva o motivo do cancelamento..." required></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Voltar</button>
                    <button type="submit" class="btn btn-danger">
                        <i class="fas fa-times"></i> Confirmar Cancelamento
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
document.getElementById('produtoSelect').addEventListener('change', function() {
    const selectedOption = this.options[this.selectedIndex];
    const valorBase = selectedOption.getAttribute('data-valor');
    document.getElementById('valorUnitario').value = valorBase;
});

// Função para preencher o modal de edição
function editarItem(itemId, produtoNome, quantidade, valorUnitario, desconto) {
    document.getElementById('edit_item_id').value = itemId;
    document.getElementById('edit_produto_nome').value = produtoNome;
    document.getElementById('edit_quantidade').value = quantidade;
    document.getElementById('edit_valor_unitario').value = valorUnitario.toFixed(2);
    document.getElementById('edit_desconto').value = desconto.toFixed(2);
    
    // Atualizar a action do formulário
    document.getElementById('formEditarItem').action = '/venda/item/' + itemId + '/editar';
}

// Cliente fixo - não permite alteração após criação do pedido
</script>
{% endblock %}