{% extends 'base.html' %}

{% block title %}{% if lote %}Editar{% else %}Novo{% endif %} Lote - {{ produto.nome }}{% endblock %}

{% block content %}
<div class="container-fluid">
    <!-- Cabeçalho -->
    <div class="mb-4">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ url_for('produtos') }}">Produtos</a></li>
                <li class="breadcrumb-item"><a href="{{ url_for('produto_lotes', produto_id=produto.id) }}">{{ produto.nome }}</a></li>
                <li class="breadcrumb-item active">{% if lote %}Editar{% else %}Novo{% endif %} Lote</li>
            </ol>
        </nav>
        <h1 class="h3 mb-0 mt-2">
            <i class="fas fa-{% if lote %}edit{% else %}plus-circle{% endif %} text-primary"></i> 
            {% if lote %}Editar Lote {{ lote.numero_lote }}{% else %}Cadastrar Novo Lote{% endif %}
        </h1>
        <p class="text-muted mb-0">{{ produto.nome }}</p>
    </div>

    <!-- Formulário -->
    <div class="row">
        <div class="col-lg-8">
            <div class="card">
                <div class="card-body">
                    <form method="post">
                        <div class="row">
                            <!-- Número do Lote -->
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Número do Lote <span class="text-danger">*</span></label>
                                <input type="text" class="form-control form-control-lg" name="numero_lote" 
                                       value="{{ lote.numero_lote if lote else '' }}"
                                       placeholder="Ex: 202512, LOTE001" required
                                       {% if lote %}readonly{% endif %}>
                                <div class="form-text">Identificação única do lote</div>
                            </div>

                            <!-- Código de Barras (só exibe se editando) -->
                            {% if lote %}
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Código de Barras do Lote</label>
                                <div class="input-group">
                                    <input type="text" class="form-control form-control-lg" 
                                           value="{{ lote.codigo_barras_lote }}" readonly>
                                    <a href="{{ url_for('etiquetas_imprimir', tipo='lote', produto_id=lote.produto_id, lote_id=lote.id) }}" 
                                       class="btn btn-outline-success" target="_blank">
                                        <i class="fas fa-barcode"></i> Etiqueta
                                    </a>
                                </div>
                                <div class="form-text">Código gerado automaticamente para bipar no PDV</div>
                            </div>
                            {% endif %}
                        </div>

                        <div class="row">
                            <!-- Quantidade (só se novo lote) -->
                            {% if not lote %}
                            <div class="col-md-4 mb-3">
                                <label class="form-label">Quantidade <span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <input type="number" class="form-control form-control-lg" name="quantidade" 
                                           value="0" step="0.01" min="0" required>
                                    <span class="input-group-text">{{ produto.unidade_comercial or 'UN' }}</span>
                                </div>
                                <div class="form-text">Quantidade que está entrando no lote</div>
                            </div>
                            {% endif %}

                            <!-- Custo Unitário -->
                            <div class="col-md-4 mb-3">
                                <label class="form-label">Custo Unitário</label>
                                <div class="input-group">
                                    <span class="input-group-text">R$</span>
                                    <input type="text" class="form-control form-control-lg" name="custo_unitario" 
                                           value="{{ "%.2f"|format(lote.custo_unitario) if lote and lote.custo_unitario else '' }}"
                                           placeholder="0,00">
                                </div>
                            </div>

                            <!-- Localização -->
                            <div class="col-md-4 mb-3">
                                <label class="form-label">Localização</label>
                                <input type="text" class="form-control" name="localizacao" 
                                       value="{{ lote.localizacao if lote else '' }}"
                                       placeholder="Ex: Prateleira A3, Galpão 2">
                                <div class="form-text">Localização física do lote</div>
                            </div>
                        </div>

                        <hr class="my-4">
                        <h5 class="mb-3"><i class="fas fa-calendar-alt"></i> Datas</h5>

                        <div class="row">
                            <!-- Data Fabricação -->
                            <div class="col-md-4 mb-3">
                                <label class="form-label">Data de Fabricação</label>
                                <input type="date" class="form-control" name="data_fabricacao" 
                                       value="{{ lote.data_fabricacao.strftime('%Y-%m-%d') if lote and lote.data_fabricacao else '' }}">
                            </div>

                            <!-- Data Validade -->
                            <div class="col-md-4 mb-3">
                                <label class="form-label">Data de Validade <span class="text-danger">*</span></label>
                                <input type="date" class="form-control" name="data_validade" 
                                       value="{{ lote.data_validade.strftime('%Y-%m-%d') if lote and lote.data_validade else '' }}" 
                                       required>
                            </div>

                            <!-- Dias Alerta -->
                            <div class="col-md-4 mb-3">
                                <label class="form-label">Alerta de Vencimento</label>
                                <div class="input-group">
                                    <input type="number" class="form-control" name="dias_alerta" 
                                           value="{{ lote.dias_alerta_vencimento if lote else 5 }}" 
                                           min="1" max="365">
                                    <span class="input-group-text">dias antes</span>
                                </div>
                                <div class="form-text">Alertar X dias antes do vencimento</div>
                            </div>
                        </div>

                        <!-- Observação -->
                        <div class="mb-4">
                            <label class="form-label">Observação</label>
                            <textarea class="form-control" name="observacao" rows="2"
                                      placeholder="Observações sobre o lote...">{{ lote.observacao if lote else '' }}</textarea>
                        </div>

                        <div class="form-check form-switch mb-4">
                            <input class="form-check-input" type="checkbox" name="imprimir_etiquetas_apos_salvar"
                                   id="imprimir_etiquetas_apos_salvar" {% if not lote %}checked{% endif %}>
                            <label class="form-check-label" for="imprimir_etiquetas_apos_salvar">
                                <strong><i class="fas fa-barcode"></i> Imprimir etiquetas após salvar</strong>
                            </label>
                            <div class="form-text">
                                {% if lote %}
                                Reabre a impressão usando a quantidade atual do lote.
                                {% else %}
                                A quantidade de etiquetas seguirá a quantidade cadastrada neste lote.
                                {% endif %}
                            </div>
                        </div>

                        <!-- Botões -->
                        <div class="d-flex justify-content-between">
                            <a href="{{ url_for('produto_lotes', produto_id=produto.id) }}" class="btn btn-outline-secondary">
                                <i class="fas fa-arrow-left"></i> Voltar
                            </a>
                            <button type="submit" class="btn btn-success btn-lg">
                                <i class="fas fa-save"></i> {% if lote %}Salvar Alterações{% else %}Cadastrar Lote{% endif %}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Info lateral -->
        <div class="col-lg-4">
            <div class="card bg-light">
                <div class="card-body">
                    <h5 class="card-title"><i class="fas fa-info-circle text-info"></i> Informações</h5>
                    
                    <div class="mb-3">
                        <small class="text-muted">Produto</small>
                        <p class="mb-0"><strong>{{ produto.nome }}</strong></p>
                    </div>
                    
                    <div class="mb-3">
                        <small class="text-muted">Código</small>
                        <p class="mb-0">{{ produto.codigo or '-' }}</p>
                    </div>
                    
                    <div class="mb-3">
                        <small class="text-muted">Código de Barras Principal</small>
                        <p class="mb-0"><code>{{ produto.codigo_barras or '-' }}</code></p>
                    </div>
                    
                    <div class="mb-3">
                        <small class="text-muted">Estoque Atual</small>
                        <p class="mb-0">
                            <strong class="text-primary">{{ "%.2f"|format(produto.estoque_atual or 0) }}</strong> 
                            {{ produto.unidade_comercial or 'UN' }}
                        </p>
                    </div>

                    {% if not lote %}
                    <hr>
                    <div class="alert alert-info mb-0">
                        <i class="fas fa-lightbulb"></i>
                        <strong>Dica:</strong> Ao cadastrar o lote, o código de barras será gerado automaticamente. 
                        Use este código para bipar no PDV e controlar a saída por lote.
                    </div>
                    {% endif %}
                </div>
            </div>

            {% if lote %}
            <div class="card mt-3">
                <div class="card-body">
                    <h5 class="card-title"><i class="fas fa-chart-bar text-primary"></i> Status do Lote</h5>
                    
                    <div class="mb-3">
                        <small class="text-muted">Quantidade Entrada</small>
                        <p class="mb-0"><strong>{{ "%.2f"|format(lote.quantidade_entrada) }}</strong> {{ lote.unidade }}</p>
                    </div>
                    
                    <div class="mb-3">
                        <small class="text-muted">Quantidade Atual</small>
                        <p class="mb-0">
                            <strong class="{% if lote.quantidade_atual > 0 %}text-success{% else %}text-danger{% endif %}">
                                {{ "%.2f"|format(lote.quantidade_atual) }}
                            </strong> {{ lote.unidade }}
                        </p>
                    </div>
                    
                    <div class="mb-3">
                        <small class="text-muted">Status</small>
                        <p class="mb-0">
                            {% if lote.esta_vencido %}
                            <span class="badge bg-danger"><i class="fas fa-skull-crossbones"></i> VENCIDO</span>
                            {% elif lote.esta_proximo_vencimento %}
                            <span class="badge bg-warning text-dark"><i class="fas fa-clock"></i> Vence em {{ lote.dias_para_vencer }} dias</span>
                            {% elif lote.quantidade_atual <= 0 %}
                            <span class="badge bg-secondary">Zerado</span>
                            {% else %}
                            <span class="badge bg-success">Disponível</span>
                            {% endif %}
                        </p>
                    </div>
                    
                    <a href="{{ url_for('lote_movimentos', lote_id=lote.id) }}" class="btn btn-outline-primary w-100">
                        <i class="fas fa-history"></i> Ver Movimentações
                    </a>
                </div>
            </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}