{% extends 'base.html' %}

{% block title %}Controle de Lotes e Validade{% endblock %}

{% block content %}
<div class="container-fluid">
    <!-- Cabeçalho -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0">
                <i class="fas fa-boxes text-primary"></i> Controle de Lotes e Validade
            </h1>
            <p class="text-muted mb-0">Gerencie lotes de produtos com data de validade</p>
        </div>
        <div>
            <a href="{{ url_for('relatorio_lotes_vencimento') }}" class="btn btn-outline-warning me-2">
                <i class="fas fa-exclamation-triangle"></i> Relatório Vencimentos
            </a>
            <a href="{{ url_for('relatorio_controle_lotes') }}" class="btn btn-outline-primary">
                <i class="fas fa-file-alt"></i> Relatório Completo
            </a>
        </div>
    </div>

    <!-- Alertas -->
    {% if alertas.vencidos > 0 %}
    <div class="alert alert-danger d-flex align-items-center" role="alert">
        <i class="fas fa-skull-crossbones me-3 fa-2x"></i>
        <div>
            <strong>ATENÇÃO!</strong> Existem <strong>{{ alertas.vencidos }}</strong> lotes vencidos com estoque.
            <a href="{{ url_for('lotes_lista', status='vencido') }}" class="alert-link">Ver lotes vencidos</a>
        </div>
    </div>
    {% endif %}

    {% if alertas.proximos > 0 %}
    <div class="alert alert-warning d-flex align-items-center" role="alert">
        <i class="fas fa-clock me-3 fa-2x"></i>
        <div>
            <strong>Alerta!</strong> Existem <strong>{{ alertas.proximos }}</strong> lotes vencendo nos próximos 5 dias.
            <a href="{{ url_for('lotes_lista', vencimento='proximo') }}" class="alert-link">Ver lotes próximos</a>
        </div>
    </div>
    {% endif %}

    <!-- Filtros -->
    <div class="card mb-4">
        <div class="card-body">
            <form method="get" class="row g-3">
                <div class="col-md-3">
                    <label class="form-label">Buscar</label>
                    <input type="text" class="form-control" name="busca" 
                           placeholder="Lote, código ou produto..." value="{{ filtros.busca or '' }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label">Status</label>
                    <select class="form-select" name="status">
                        <option value="todos" {% if filtros.status == 'todos' %}selected{% endif %}>Todos</option>
                        <option value="disponivel" {% if filtros.status == 'disponivel' %}selected{% endif %}>Com Estoque</option>
                        <option value="zerado" {% if filtros.status == 'zerado' %}selected{% endif %}>Zerados</option>
                        <option value="vencido" {% if filtros.status == 'vencido' %}selected{% endif %}>Vencidos</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Vencimento</label>
                    <select class="form-select" name="vencimento">
                        <option value="todos" {% if filtros.vencimento == 'todos' %}selected{% endif %}>Todos</option>
                        <option value="proximo" {% if filtros.vencimento == 'proximo' %}selected{% endif %}>Próximos 5 dias</option>
                        <option value="mes" {% if filtros.vencimento == 'mes' %}selected{% endif %}>Próximos 30 dias</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Produto</label>
                    <select class="form-select" name="produto_id">
                        <option value="">Todos os produtos</option>
                        {% for produto in produtos_lote %}
                        <option value="{{ produto.id }}" {% if filtros.produto_id == produto.id %}selected{% endif %}>
                            {{ produto.nome }}
                        </option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">Classificar</label>
                    <select class="form-select" name="classificar">
                        <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-2">
                    <label class="form-label">Ordem</label>
                    <select class="form-select" name="ordem">
                        <option value="asc" {% if ordem == 'asc' %}selected{% endif %}>Crescente</option>
                        <option value="desc" {% if ordem == 'desc' %}selected{% endif %}>Decrescente</option>
                    </select>
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="submit" class="btn btn-primary me-2">
                        <i class="fas fa-search"></i> Filtrar
                    </button>
                    <a href="{{ url_for('lotes_lista') }}" class="btn btn-outline-secondary">
                        <i class="fas fa-times"></i>
                    </a>
                </div>
            </form>
        </div>
    </div>

    <!-- Tabela de Lotes -->
    <div class="card">
        <div class="card-body">
            {% if lotes %}
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead class="table-light">
                        <tr>
                            <th>Produto</th>
                            <th>Lote</th>
                            <th>Código Barras</th>
                            <th class="text-center">Quantidade</th>
                            <th class="text-center">Validade</th>
                            <th class="text-center">Status</th>
                            <th class="text-center">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for lote in lotes %}
                        <tr class="{% if lote.esta_vencido %}table-danger{% elif lote.esta_proximo_vencimento %}table-warning{% endif %}">
                            <td>
                                <a href="{{ url_for('produto_lotes', produto_id=lote.produto_id) }}">
                                    <strong>{{ lote.produto.nome }}</strong>
                                </a>
                                {% if lote.localizacao %}
                                <br><small class="text-muted"><i class="fas fa-map-marker-alt"></i> {{ lote.localizacao }}</small>
                                {% endif %}
                            </td>
                            <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> {{ lote.unidade }}
                            </td>
                            <td class="text-center">
                                {% if lote.esta_vencido %}
                                    <span class="badge bg-danger">
                                        <i class="fas fa-skull-crossbones"></i> VENCIDO
                                    </span>
                                    <br><small>{{ lote.data_validade.strftime('%d/%m/%Y') }}</small>
                                {% elif lote.esta_proximo_vencimento %}
                                    <span class="badge bg-warning text-dark">
                                        <i class="fas fa-clock"></i> {{ lote.dias_para_vencer }}d
                                    </span>
                                    <br><small>{{ lote.data_validade.strftime('%d/%m/%Y') }}</small>
                                {% else %}
                                    <span class="text-success">{{ lote.data_validade.strftime('%d/%m/%Y') }}</span>
                                    <br><small class="text-muted">{{ lote.dias_para_vencer }} dias</small>
                                {% endif %}
                            </td>
                            <td class="text-center">
                                {% if lote.quantidade_atual <= 0 %}
                                    <span class="badge bg-secondary">Zerado</span>
                                {% elif lote.esta_vencido %}
                                    <span class="badge bg-danger">Vencido</span>
                                {% else %}
                                    <span class="badge bg-success">Disponível</span>
                                {% endif %}
                            </td>
                            <td class="text-center">
                                <div class="btn-group btn-group-sm">
                                    <a href="{{ url_for('lote_editar', lote_id=lote.id) }}" 
                                       class="btn btn-outline-primary" title="Editar">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                    <a href="{{ url_for('etiquetas_imprimir', tipo='lote', produto_id=lote.produto_id, lote_id=lote.id) }}" 
                                       class="btn btn-outline-success" title="Etiqueta" target="_blank">
                                        <i class="fas fa-barcode"></i>
                                    </a>
                                    <a href="{{ url_for('lote_movimentos', lote_id=lote.id) }}" 
                                       class="btn btn-outline-info" title="Movimentos">
                                        <i class="fas fa-history"></i>
                                    </a>
                                    <button type="button" class="btn btn-outline-warning" 
                                            title="Ajustar Estoque"
                                            onclick="abrirModalAjuste({{ lote.id }}, '{{ lote.numero_lote }}', {{ lote.quantidade_atual }})">
                                        <i class="fas fa-balance-scale"></i>
                                    </button>
                                </div>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% 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 lote encontrado</h4>
                <p class="text-muted">Cadastre lotes nos produtos com controle de validade</p>
            </div>
            {% endif %}
        </div>
    </div>
</div>

<!-- Modal de Ajuste de Estoque -->
<div class="modal fade cape-modal-standard" id="modalAjuste" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    <i class="fas fa-balance-scale"></i> Ajustar Estoque do Lote
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form id="formAjuste">
                    <input type="hidden" id="ajuste_lote_id">
                    <div class="mb-3">
                        <label class="form-label">Lote</label>
                        <input type="text" class="form-control" id="ajuste_lote_numero" readonly>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Quantidade Atual</label>
                        <input type="text" class="form-control" id="ajuste_qtd_atual" readonly>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Nova Quantidade</label>
                        <input type="number" class="form-control" id="ajuste_nova_qtd" 
                               step="0.01" min="0" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Motivo do Ajuste</label>
                        <textarea class="form-control" id="ajuste_motivo" rows="2" 
                                  placeholder="Descreva o motivo do ajuste..." required></textarea>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-warning" onclick="confirmarAjuste()">
                    <i class="fas fa-check"></i> Confirmar Ajuste
                </button>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
function abrirModalAjuste(loteId, numeroLote, qtdAtual) {
    document.getElementById('ajuste_lote_id').value = loteId;
    document.getElementById('ajuste_lote_numero').value = numeroLote;
    document.getElementById('ajuste_qtd_atual').value = qtdAtual.toFixed(2);
    document.getElementById('ajuste_nova_qtd').value = qtdAtual.toFixed(2);
    document.getElementById('ajuste_motivo').value = '';
    
    var modal = new bootstrap.Modal(document.getElementById('modalAjuste'));
    modal.show();
}

function confirmarAjuste() {
    var loteId = document.getElementById('ajuste_lote_id').value;
    var novaQtd = document.getElementById('ajuste_nova_qtd').value;
    var motivo = document.getElementById('ajuste_motivo').value;
    
    if (!motivo.trim()) {
        alert('Informe o motivo do ajuste');
        return;
    }
    
    fetch('/lote/' + loteId + '/ajustar', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({
            nova_quantidade: parseFloat(novaQtd),
            motivo: motivo
        })
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            alert('Estoque ajustado com sucesso!');
            location.reload();
        } else {
            alert('Erro: ' + data.message);
        }
    })
    .catch(error => {
        alert('Erro ao ajustar estoque: ' + error);
    });
}
</script>
{% endblock %}