{% extends "base.html" %}

{% block title %}Entradas de Estoque{% endblock %}

{% block content %}
<div class="container-fluid mt-4">
    <div class="row mb-4">
        <div class="col-md-8">
            <h2><i class="bi bi-truck"></i> Entradas de Estoque</h2>
            <p class="text-muted">Histórico de notas fiscais de compra</p>
        </div>
        <div class="col-md-4 text-end">
            <button type="button" class="btn btn-outline-dark" onclick="capeVoltarOu('{{ url_for('estoque_controle') }}')">
                <i class="bi bi-arrow-left"></i> Voltar
            </button>
            <a href="{{ url_for('estoque_lista') }}" class="btn btn-secondary">
                <i class="bi bi-boxes"></i> Estoque
            </a>
            <a href="{{ url_for('estoque_importar_xml') }}" class="btn btn-success">
                <i class="bi bi-file-earmark-arrow-up"></i> Importar XML
            </a>
        </div>
    </div>

    <!-- Filtros -->
    <div class="card mb-4">
        <div class="card-body">
            <form method="GET" class="row g-3">
                <div class="col-md-4">
                    <label class="form-label">Status</label>
                    <select class="form-select" name="status" onchange="this.form.submit()">
                        <option value="todos" {% if status_filtro == 'todos' %}selected{% endif %}>Todos</option>
                        <option value="pendente" {% if status_filtro == 'pendente' %}selected{% endif %}>Pendente</option>
                        <option value="finalizada" {% if status_filtro == 'finalizada' %}selected{% endif %}>Finalizada</option>
                        <option value="cancelada" {% if status_filtro == 'cancelada' %}selected{% endif %}>Cancelada</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Classificar</label>
                    <select class="form-select" name="classificar" onchange="this.form.submit()">
                        <option value="codigo" {% if classificar == 'codigo' %}selected{% endif %}>Código</option>
                        <option value="nome" {% if classificar == 'nome' %}selected{% endif %}>Nome</option>
                        <option value="descricao" {% if classificar == 'descricao' %}selected{% endif %}>Descrição</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Ordem</label>
                    <select class="form-select" name="ordem" onchange="this.form.submit()">
                        <option value="asc" {% if ordem == 'asc' %}selected{% endif %}>Crescente</option>
                        <option value="desc" {% if ordem == 'desc' %}selected{% endif %}>Decrescente</option>
                    </select>
                </div>
            </form>
        </div>
    </div>

    <!-- Resumo -->
    <div class="row mb-4">
        <div class="col-md-4">
            <div class="card border-warning">
                <div class="card-body">
                    <h6 class="text-muted mb-2">Pendentes</h6>
                    <h3 class="mb-0">{{ notas|selectattr('status', 'equalto', 'pendente')|list|length }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card border-success">
                <div class="card-body">
                    <h6 class="text-muted mb-2">Finalizadas</h6>
                    <h3 class="mb-0">{{ notas|selectattr('status', 'equalto', 'finalizada')|list|length }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card border-primary">
                <div class="card-body">
                    <h6 class="text-muted mb-2">Total de Entradas</h6>
                    <h3 class="mb-0">{{ notas|length }}</h3>
                </div>
            </div>
        </div>
    </div>

    <!-- Lista de Notas -->
    <div class="card">
        <div class="card-body">
            {% if notas %}
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>Nota</th>
                            <th>Fornecedor</th>
                            <th>Data Emissão</th>
                            <th>Data Entrada</th>
                            <th class="text-end">Valor Total</th>
                            <th>Status</th>
                            <th>Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for nota in notas %}
                        <tr>
                            <td>
                                <strong>{{ nota.numero_nota }}</strong>
                                {% if nota.serie %} / Série {{ nota.serie }}{% endif %}
                                {% if nota.chave_acesso %}
                                <br><small class="text-muted font-monospace">{{ nota.chave_acesso[:10] }}...</small>
                                {% endif %}
                            </td>
                            <td>
                                {% if nota.fornecedor %}
                                    {{ nota.fornecedor.razao_social or nota.fornecedor.nome or 'Sem nome' }}
                                    <br><small class="text-muted">{{ nota.fornecedor.cnpj or nota.fornecedor.cpf or 'N/A' }}</small>
                                {% else %}
                                    <span class="text-muted">N/A</span>
                                {% endif %}
                            </td>
                            <td>{{ nota.data_emissao.strftime('%d/%m/%Y') if nota.data_emissao else 'N/A' }}</td>
                            <td>{{ nota.data_entrada.strftime('%d/%m/%Y') if nota.data_entrada else '-' }}</td>
                            <td class="text-end">
                                <strong>R$ {{ "%.2f"|format(nota.valor_total) }}</strong>
                            </td>
                            <td>
                                {% if nota.status == 'pendente' %}
                                    <span class="badge bg-warning text-dark">Pendente</span>
                                {% elif nota.status == 'finalizada' %}
                                    <span class="badge bg-success">Finalizada</span>
                                {% elif nota.status == 'cancelada' %}
                                    <span class="badge bg-danger">Cancelada</span>
                                {% else %}
                                    <span class="badge bg-secondary">{{ nota.status }}</span>
                                {% endif %}
                            </td>
                            <td class="text-center">
                                <div class="dropdown action-menu">
                                    <button class="action-menu-btn" type="button" data-bs-toggle="dropdown">
                                        <i class="bi bi-three-dots-vertical"></i>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-end">
                                        <li>
                                            <a class="dropdown-item" href="{{ url_for('estoque_entrada_detalhe', nota_id=nota.id) }}">
                                                <i class="bi bi-eye text-primary"></i> Ver Detalhes
                                            </a>
                                        </li>
                                        {% if nota.status == 'pendente' %}
                                        <li><hr class="dropdown-divider"></li>
                                        <li>
                                            <a class="dropdown-item" href="{{ url_for('estoque_entrada_finalizar', nota_id=nota.id) }}"
                                               onclick="return confirm('Finalizar esta entrada irá atualizar o estoque. Confirma?')">
                                                <i class="bi bi-check-circle text-success"></i> Finalizar Entrada
                                            </a>
                                        </li>
                                        <li><hr class="dropdown-divider"></li>
                                        <li>
                                            <form method="POST" action="{{ url_for('estoque_entrada_excluir', nota_id=nota.id) }}">
                                                <button type="submit" class="dropdown-item text-danger"
                                                        onclick="return confirm('Tem certeza que deseja excluir esta entrada? Esta ação não pode ser desfeita!')">
                                                    <i class="bi bi-trash"></i> Excluir
                                                </button>
                                            </form>
                                        </li>
                                        {% endif %}
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <div class="alert alert-info">
                <i class="bi bi-info-circle"></i> Nenhuma entrada de estoque encontrada.
                <a href="{{ url_for('estoque_importar_xml') }}" class="alert-link">Importar primeira nota fiscal</a>
            </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}