{% extends "base.html" %}
{% block content %}
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col">
            <h2><i class="bi bi-shop me-2"></i>Relatório de Estoque do PDV</h2>
            <p class="text-muted">Acompanhe saldos, custos e valor total em estoque por produto</p>
        </div>
    </div>

    <!-- Filtros -->
    <div class="card mb-4">
        <div class="card-header bg-light">
            <h5 class="mb-0"><i class="bi bi-funnel me-2"></i>Filtros</h5>
        </div>
        <div class="card-body">
            <form method="GET" action="{{ url_for('relatorio_pdv_estoque') }}">
                <div class="row g-3">
                    <div class="col-md-3">
                        <label class="form-label">Empresa</label>
                        <select name="empresa_id" class="form-select">
                            <option value="">Todas</option>
                            {% for empresa in empresas %}
                            <option value="{{ empresa.id }}" {% if empresa_id == empresa.id %}selected{% endif %}>
                                {{ empresa.nome or empresa.razao_social }}
                            </option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Situação</label>
                        <select name="situacao" class="form-select">
                            <option value="todos" {% if situacao == 'todos' %}selected{% endif %}>Todos</option>
                            <option value="ativo" {% if situacao == 'ativo' %}selected{% endif %}>Somente Ativos</option>
                            <option value="inativo" {% if situacao == 'inativo' %}selected{% endif %}>Somente Inativos</option>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Saldo</label>
                        <select name="saldo" class="form-select">
                            <option value="todos" {% if saldo_filtro == 'todos' %}selected{% endif %}>Todos</option>
                            <option value="positivo" {% if saldo_filtro == 'positivo' %}selected{% endif %}>Saldo > 0</option>
                            <option value="zero" {% if saldo_filtro == 'zero' %}selected{% endif %}>Saldo = 0</option>
                            <option value="negativo" {% if saldo_filtro == 'negativo' %}selected{% endif %}>Saldo Negativo</option>
                        </select>
                    </div>
                    <div class="col-md-3 d-flex align-items-end">
                        <button type="submit" class="btn btn-primary w-100">
                            <i class="bi bi-search me-2"></i>Filtrar
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- Indicadores -->
    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card border-primary">
                <div class="card-body">
                    <h6 class="text-muted">Total de Produtos</h6>
                    <h3 class="mb-0">{{ total_produtos }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-success">
                <div class="card-body">
                    <h6 class="text-muted">Valor Total em Estoque</h6>
                    <h3 class="mb-0 text-success">R$ {{ '%.2f'|format(total_valor_estoque) }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-danger">
                <div class="card-body">
                    <h6 class="text-muted">Produtos com Saldo Negativo</h6>
                    <h3 class="mb-0 text-danger">{{ produtos_saldo_negativo }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card border-warning">
                <div class="card-body">
                    <h6 class="text-muted">Produtos Alto Valor (>R$ 5k)</h6>
                    <h3 class="mb-0 text-warning">{{ produtos_alto_valor }}</h3>
                </div>
            </div>
        </div>
    </div>

    <!-- Tabela de Produtos -->
    <div class="card">
        <div class="card-header bg-light d-flex justify-content-between align-items-center">
            <h5 class="mb-0"><i class="bi bi-table me-2"></i>Produtos em Estoque</h5>
            <div>
                <button class="btn btn-sm btn-outline-danger" onclick="window.print()">
                    <i class="bi bi-file-pdf me-1"></i>PDF
                </button>
                <button class="btn btn-sm btn-outline-success" onclick="exportarExcel()">
                    <i class="bi bi-file-earmark-excel me-1"></i>Excel
                </button>
            </div>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover table-striped mb-0">
                    <thead class="table-dark">
                        <tr>
                            <th>Código</th>
                            <th>Produto</th>
                            <th>EAN</th>
                            <th class="text-center">Unidade</th>
                            <th class="text-end">Saldo</th>
                            <th class="text-end">Custo Unit.</th>
                            <th class="text-end">Valor Venda</th>
                            <th class="text-end">Valor Total</th>
                            <th class="text-end">Margem %</th>
                            <th class="text-center">Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% if produtos_estoque %}
                        {% for item in produtos_estoque %}
                        <tr {% if item.saldo < 0 %}class="table-danger"{% elif item.valor_total > 5000 %}class="table-warning"{% endif %}>
                            <td>{{ item.produto.codigo_produto or '-' }}</td>
                            <td>
                                <strong>{{ item.produto.nome }}</strong>
                                {% if item.produto.descricao %}
                                <br><small class="text-muted">{{ item.produto.descricao[:60] }}...</small>
                                {% endif %}
                            </td>
                            <td>{{ item.produto.codigo_barras or '-' }}</td>
                            <td class="text-center">{{ item.produto.unidade_comercial or 'UN' }}</td>
                            <td class="text-end">
                                {% if item.saldo < 0 %}
                                <span class="badge bg-danger">{{ '%.2f'|format(item.saldo) }}</span>
                                {% else %}
                                {{ '%.2f'|format(item.saldo) }}
                                {% endif %}
                            </td>
                            <td class="text-end">R$ {{ '%.2f'|format(item.custo_unitario) }}</td>
                            <td class="text-end">R$ {{ '%.2f'|format(item.valor_venda) }}</td>
                            <td class="text-end">
                                <strong>R$ {{ '%.2f'|format(item.valor_total) }}</strong>
                            </td>
                            <td class="text-end">{{ '%.1f'|format(item.margem_percentual) }}%</td>
                            <td class="text-center">
                                {% if item.produto.ativo %}
                                <span class="badge bg-success">Ativo</span>
                                {% else %}
                                <span class="badge bg-secondary">Inativo</span>
                                {% endif %}
                            </td>
                        </tr>
                        {% endfor %}
                        {% else %}
                        <tr>
                            <td colspan="10" class="text-center text-muted py-5">
                                <i class="bi bi-inbox" style="font-size: 3rem;"></i>
                                <p class="mt-2">Nenhum produto encontrado com os filtros selecionados</p>
                            </td>
                        </tr>
                        {% endif %}
                    </tbody>
                    {% if produtos_estoque %}
                    <tfoot class="table-secondary">
                        <tr>
                            <th colspan="7" class="text-end">TOTAL:</th>
                            <th class="text-end">R$ {{ '%.2f'|format(total_valor_estoque) }}</th>
                            <th colspan="2"></th>
                        </tr>
                    </tfoot>
                    {% endif %}
                </table>
            </div>
        </div>
    </div>
</div>

<script>
function exportarExcel() {
    alert('Exportação para Excel em desenvolvimento. Use a impressão PDF por enquanto.');
}
</script>

<style>
@media print {
    .btn, .card-header .d-flex > div, nav, footer { display: none !important; }
    .card { border: none !important; box-shadow: none !important; }
}
</style>
{% endblock %}