{% extends 'base.html' %}

{% block title %}Relatório de Controle de Lotes{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="card mb-3 no-print">
        <div class="card-body">
            <form method="get" class="row g-3 align-items-end">
                <div class="col-md-4">
                    <label class="form-label">Empresa</label>
                    <select class="form-select" name="empresa_id" onchange="this.form.submit()">
                        {% for empresa in empresas_disponiveis %}
                        <option value="{{ empresa.id }}" {% if empresa_id_selecionada == empresa.id %}selected{% endif %}>
                            {{ empresa.nome or ('Empresa ' ~ empresa.id) }}
                        </option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Classificar por</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>

    <!-- Cabeçalho -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0">
                <i class="fas fa-clipboard-list text-primary"></i> Controle de Lotes
            </h1>
            <p class="text-muted mb-0">Saldo de produtos com controle de lote</p>
        </div>
        <div>
            <a href="{{ url_for('lotes_lista') }}" class="btn btn-outline-secondary me-2">
                <i class="fas fa-arrow-left"></i> Voltar
            </a>
            <button onclick="window.print()" class="btn btn-primary">
                <i class="fas fa-print"></i> Imprimir
            </button>
        </div>
    </div>

    <!-- Resumo -->
    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card bg-primary text-white">
                <div class="card-body text-center">
                    <h6 class="mb-1">Produtos com Lote</h6>
                    <h2 class="mb-0">{{ relatorio|length }}</h2>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-success text-white">
                <div class="card-body text-center">
                    <h6 class="mb-1">Lotes Ativos</h6>
                    <h2 class="mb-0">{{ total_lotes_ativos }}</h2>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-danger text-white">
                <div class="card-body text-center">
                    <h6 class="mb-1">Lotes Vencidos</h6>
                    <h2 class="mb-0">{{ relatorio|sum(attribute='qtd_vencidos') }}</h2>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card bg-warning text-dark">
                <div class="card-body text-center">
                    <h6 class="mb-1">Próximos ao Vencimento</h6>
                    <h2 class="mb-0">{{ relatorio|sum(attribute='qtd_proximos') }}</h2>
                </div>
            </div>
        </div>
    </div>

    <!-- Tabela de Produtos -->
    {% if relatorio %}
    {% for item in relatorio %}
    <div class="card mb-3">
        <div class="card-header d-flex justify-content-between align-items-center">
            <div>
                <h5 class="mb-0">
                    <a href="{{ url_for('produto_lotes', produto_id=item.produto.id) }}">
                        {{ item.produto.nome }}
                    </a>
                </h5>
                <small class="text-muted">
                    Código: {{ item.produto.codigo or '-' }} | 
                    Barras: {{ item.produto.codigo_barras or '-' }}
                </small>
            </div>
            <div class="text-end">
                {% if item.qtd_vencidos > 0 %}
                <span class="badge bg-danger me-1">{{ item.qtd_vencidos }} vencido(s)</span>
                {% endif %}
                {% if item.qtd_proximos > 0 %}
                <span class="badge bg-warning text-dark me-1">{{ item.qtd_proximos }} próximo(s)</span>
                {% endif %}
                {% if item.diferenca != 0 %}
                <span class="badge bg-info" title="Diferença entre estoque geral e soma dos lotes">
                    Diferença: {{ "%.2f"|format(item.diferenca) }}
                </span>
                {% endif %}
            </div>
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-md-4">
                    <small class="text-muted">Estoque Geral</small>
                    <p class="mb-0"><strong class="text-primary fs-5">{{ "%.2f"|format(item.estoque_geral) }}</strong> {{ item.produto.unidade_comercial or 'UN' }}</p>
                </div>
                <div class="col-md-4">
                    <small class="text-muted">Soma dos Lotes</small>
                    <p class="mb-0"><strong class="fs-5">{{ "%.2f"|format(item.total_lotes) }}</strong> {{ item.produto.unidade_comercial or 'UN' }}</p>
                </div>
                <div class="col-md-4">
                    <small class="text-muted">Quantidade de Lotes</small>
                    <p class="mb-0"><strong>{{ item.lotes|length }}</strong> lotes com saldo</p>
                </div>
            </div>

            {% if item.lotes %}
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Lote</th>
                            <th>Código Barras</th>
                            <th class="text-center">Quantidade</th>
                            <th class="text-center">Fabricação</th>
                            <th class="text-center">Validade</th>
                            <th class="text-center">Status</th>
                            <th>Localização</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for lote in item.lotes %}
                        <tr class="{% if lote.esta_vencido %}table-danger{% elif lote.esta_proximo_vencimento %}table-warning{% endif %}">
                            <td><span class="badge bg-secondary">{{ lote.numero_lote }}</span></td>
                            <td><code>{{ lote.codigo_barras_lote }}</code></td>
                            <td class="text-center"><strong>{{ "%.2f"|format(lote.quantidade_atual) }}</strong></td>
                            <td class="text-center">{{ lote.data_fabricacao.strftime('%d/%m/%Y') if lote.data_fabricacao else '-' }}</td>
                            <td class="text-center">
                                {% if lote.esta_vencido %}
                                <span class="text-danger"><i class="fas fa-skull-crossbones"></i> {{ lote.data_validade.strftime('%d/%m/%Y') }}</span>
                                {% elif lote.esta_proximo_vencimento %}
                                <span class="text-warning">{{ lote.data_validade.strftime('%d/%m/%Y') }} ({{ lote.dias_para_vencer }}d)</span>
                                {% else %}
                                {{ lote.data_validade.strftime('%d/%m/%Y') }}
                                {% endif %}
                            </td>
                            <td class="text-center">
                                {% if lote.esta_vencido %}
                                <span class="badge bg-danger">Vencido</span>
                                {% elif lote.esta_proximo_vencimento %}
                                <span class="badge bg-warning text-dark">Atenção</span>
                                {% else %}
                                <span class="badge bg-success">OK</span>
                                {% endif %}
                            </td>
                            <td>{{ lote.localizacao or '-' }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <div class="text-center text-muted py-3">
                <i class="fas fa-box-open"></i> Nenhum lote com saldo
            </div>
            {% endif %}
        </div>
    </div>
    {% endfor %}
    {% else %}
    <div class="text-center py-5">
        <i class="fas fa-box-open fa-4x text-muted mb-3"></i>
        <h4 class="text-muted">Nenhum produto com controle de lote</h4>
        <p class="text-muted">Ative o controle de lote nos produtos desejados</p>
    </div>
    {% endif %}
</div>

<style>
    @media print {
        .no-print { display: none !important; }
        .card { 
            page-break-inside: avoid;
            border: 1px solid #ddd !important; 
        }
    }
</style>
{% endblock %}