{% extends "base.html" %}

{% import 'macros/empresa.html' as empresa_ui %}

{% block title %}Devolução - Buscar Venda - CapeSystem{% endblock %}

{% block content %}
<div class="container py-4">
    <div class="row justify-content-center">
        <div class="col-md-10">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <h2><i class="bi bi-arrow-return-left text-warning"></i> Devolução de Venda</h2>
                <a href="{{ url_for('devolucoes') }}" class="btn btn-outline-secondary">
                    <i class="bi bi-arrow-left"></i> Voltar
                </a>
            </div>

            <div class="row">
                <!-- Buscar por Número do Pedido -->
                <div class="col-md-6 mb-4">
                    <div class="card h-100">
                        <div class="card-header bg-secondary text-white">
                            <h5 class="mb-0"><i class="bi bi-receipt"></i> Buscar por Pedido de Venda</h5>
                        </div>
                        <div class="card-body">
                            <form method="POST" action="{{ url_for('devolucao_buscar_venda') }}">
                                <input type="hidden" name="tipo_busca" value="pedido">
                                
                                <div class="mb-3">
                                    <label class="form-label">Empresa</label>
                                    <select class="form-select" name="empresa_id">
                                        <option value="">Todas as empresas</option>
                                        {% for emp in empresas %}
                                        <option value="{{ emp.id }}" title="{{ empresa_ui.titulo(emp) }}">{{ empresa_ui.nome(emp) }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                                
                                <div class="mb-3">
                                    <label class="form-label"><strong>Número do Pedido</strong></label>
                                    <input type="text" class="form-control form-control-lg" name="numero_pedido" 
                                           placeholder="Ex: PV-2025-0001">
                                    <div class="form-text">
                                        <i class="bi bi-info-circle"></i> 
                                        Número do pedido de venda
                                    </div>
                                </div>
                                
                                <div class="d-grid">
                                    <button type="submit" class="btn btn-secondary btn-lg">
                                        <i class="bi bi-search"></i> Buscar Pedido
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <!-- Buscar por Nota Fiscal -->
                <div class="col-md-6 mb-4">
                    <div class="card h-100">
                        <div class="card-header bg-primary text-white">
                            <h5 class="mb-0"><i class="bi bi-file-earmark-text"></i> Buscar por Nota Fiscal</h5>
                        </div>
                        <div class="card-body">
                            <form method="POST" action="{{ url_for('devolucao_buscar_venda') }}">
                                <input type="hidden" name="tipo_busca" value="nota">
                                
                                <div class="mb-3">
                                    <label class="form-label">Empresa</label>
                                    <select class="form-select" name="empresa_id">
                                        <option value="">Todas as empresas</option>
                                        {% for emp in empresas %}
                                        <option value="{{ emp.id }}" title="{{ empresa_ui.titulo(emp) }}">{{ empresa_ui.nome(emp) }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                                
                                <div class="mb-3">
                                    <label class="form-label"><strong>Número da NF-e ou Chave de Acesso</strong></label>
                                    <input type="text" class="form-control form-control-lg" name="numero_nota" 
                                           placeholder="Número ou chave 44 dígitos">
                                    <div class="form-text">
                                        <i class="bi bi-info-circle"></i> 
                                        Número da nota ou chave de 44 dígitos
                                    </div>
                                </div>
                                
                                <div class="d-grid">
                                    <button type="submit" class="btn btn-primary btn-lg">
                                        <i class="bi bi-search"></i> Buscar Nota
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Buscar por CPF/CNPJ do Cliente -->
            <div class="card mb-4">
                <div class="card-header bg-info text-white">
                    <h5 class="mb-0"><i class="bi bi-person-badge"></i> Buscar por Cliente</h5>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ url_for('devolucao_buscar_venda') }}">
                        <input type="hidden" name="tipo_busca" value="cliente">
                        
                        <div class="row">
                            <div class="col-md-4">
                                <label class="form-label">Empresa</label>
                                <select class="form-select" name="empresa_id">
                                    <option value="">Todas as empresas</option>
                                    {% for emp in empresas %}
                                    <option value="{{ emp.id }}" title="{{ empresa_ui.titulo(emp) }}">{{ empresa_ui.nome(emp) }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="col-md-5">
                                <label class="form-label"><strong>CPF/CNPJ ou Nome do Cliente</strong></label>
                                <input type="text" class="form-control" name="busca_cliente" 
                                       placeholder="Digite CPF, CNPJ ou nome...">
                            </div>
                            <div class="col-md-3 d-flex align-items-end">
                                <button type="submit" class="btn btn-info text-white w-100">
                                    <i class="bi bi-search"></i> Buscar Vendas
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <!-- Resultados (se houver) -->
            {% if vendas_encontradas %}
            <div class="card">
                <div class="card-header bg-success text-white">
                    <h5 class="mb-0"><i class="bi bi-list-check"></i> Vendas Encontradas ({{ vendas_encontradas|length }})</h5>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Pedido</th>
                                    <th>NF-e</th>
                                    <th>Data</th>
                                    <th>Cliente</th>
                                    <th class="text-end">Valor</th>
                                    <th>Status</th>
                                    <th class="text-center">Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for venda in vendas_encontradas %}
                                <tr>
                                    <td><strong>{{ venda.numero_pedido }}</strong></td>
                                    <td>
                                        {% if venda.nota_fiscal %}
                                            <span class="badge bg-success">{{ venda.nota_fiscal.numero }}/{{ venda.nota_fiscal.serie }}</span>
                                        {% else %}
                                            <span class="text-muted">-</span>
                                        {% endif %}
                                    </td>
                                    <td>{{ venda.data_venda.strftime('%d/%m/%Y') if venda.data_venda else '-' }}</td>
                                    <td>{{ venda.pessoa.nome if venda.pessoa else venda.cliente.nome if venda.cliente else 'Consumidor' }}</td>
                                    <td class="text-end"><strong>R$ {{ "%.2f"|format(venda.valor_total) }}</strong></td>
                                    <td>
                                        {% if venda.status == 'finalizada' %}
                                            <span class="badge bg-success">Finalizada</span>
                                        {% else %}
                                            <span class="badge bg-secondary">{{ venda.status }}</span>
                                        {% endif %}
                                    </td>
                                    <td class="text-center">
                                        <a href="{{ url_for('devolucao_selecionar_itens', venda_id=venda.id) }}" 
                                           class="btn btn-warning btn-sm">
                                            <i class="bi bi-arrow-return-left"></i> Devolver
                                        </a>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            {% endif %}

            {% if erro_busca %}
            <div class="alert alert-danger mt-4">
                <i class="bi bi-exclamation-triangle"></i> {{ erro_busca }}
            </div>
            {% endif %}

            <div class="alert alert-info mt-4">
                <h6><i class="bi bi-info-circle"></i> Como funciona a devolução:</h6>
                <ol class="mb-0">
                    <li>Localize a venda pelo número do pedido, NF-e ou cliente</li>
                    <li>Selecione os itens a serem devolvidos (parcial ou total)</li>
                    <li>Vincule ou cadastre o cliente para receber o crédito</li>
                    <li>O valor será calculado proporcionalmente ao desconto aplicado na venda</li>
                    <li>O crédito ficará disponível para uso em novas compras</li>
                </ol>
            </div>
        </div>
    </div>
</div>
{% endblock %}