{% extends 'base.html' %}

{% block title %}Lotes - {{ produto.nome }}{% endblock %}

{% block content %}
<div class="container-fluid">
    <!-- Cabeçalho -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <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('lotes_lista') }}">Lotes</a></li>
                    <li class="breadcrumb-item active">{{ produto.nome }}</li>
                </ol>
            </nav>
            <h1 class="h3 mb-0 mt-2">
                <i class="fas fa-boxes text-primary"></i> Lotes do Produto
            </h1>
            <p class="text-muted mb-0">{{ produto.nome }}</p>
        </div>
        <div>
            <a href="{{ url_for('produto_lote_novo', produto_id=produto.id) }}" class="btn btn-success">
                <i class="fas fa-plus"></i> Novo Lote
            </a>
        </div>
    </div>

    <!-- Info do Produto -->
    <div class="card mb-4">
        <div class="card-body">
            <div class="row">
                <div class="col-md-3">
                    <small class="text-muted">Código</small>
                    <p class="mb-0"><strong>{{ produto.codigo or '-' }}</strong></p>
                </div>
                <div class="col-md-3">
                    <small class="text-muted">Código de Barras</small>
                    <p class="mb-0"><code>{{ produto.codigo_barras or '-' }}</code></p>
                </div>
                <div class="col-md-2">
                    <small class="text-muted">Estoque Geral</small>
                    <p class="mb-0"><strong class="text-primary">{{ "%.2f"|format(produto.estoque_atual or 0) }}</strong> {{ produto.unidade_comercial or 'UN' }}</p>
                </div>
                <div class="col-md-2">
                    <small class="text-muted">Estoque Mínimo</small>
                    <p class="mb-0">{{ "%.2f"|format(produto.estoque_minimo or 0) }} {{ produto.unidade_comercial or 'UN' }}</p>
                </div>
                <div class="col-md-2">
                    <small class="text-muted">Controla Lote</small>
                    <p class="mb-0">
                        {% if produto.controla_lote %}
                        <span class="badge bg-success"><i class="fas fa-check"></i> Sim</span>
                        {% else %}
                        <span class="badge bg-secondary"><i class="fas fa-times"></i> Não</span>
                        {% endif %}
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- Tabela de Lotes -->
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0"><i class="fas fa-layer-group"></i> Lotes Cadastrados</h5>
        </div>
        <div class="card-body">
            {% if lotes %}
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead class="table-light">
                        <tr>
                            <th>Lote</th>
                            <th>Código Barras</th>
                            <th class="text-center">Entrada</th>
                            <th class="text-center">Saldo</th>
                            <th class="text-center">Fabricação</th>
                            <th class="text-center">Validade</th>
                            <th>Localização</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>
                                <span class="badge bg-secondary fs-6">{{ lote.numero_lote }}</span>
                            </td>
                            <td>
                                <code>{{ lote.codigo_barras_lote }}</code>
                            </td>
                            <td class="text-center">
                                {{ "%.2f"|format(lote.quantidade_entrada) }} {{ lote.unidade }}
                            </td>
                            <td class="text-center">
                                <strong class="{% if lote.quantidade_atual <= 0 %}text-danger{% else %}text-success{% endif %}">
                                    {{ "%.2f"|format(lote.quantidade_atual) }}
                                </strong> {{ lote.unidade }}
                            </td>
                            <td class="text-center">
                                {% if lote.data_fabricacao %}
                                {{ lote.data_fabricacao.strftime('%d/%m/%Y') }}
                                {% else %}
                                <span class="text-muted">-</span>
                                {% endif %}
                            </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>
                                {% if lote.localizacao %}
                                <i class="fas fa-map-marker-alt text-muted"></i> {{ lote.localizacao }}
                                {% else %}
                                <span class="text-muted">-</span>
                                {% 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="Imprimir 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="Histórico">
                                        <i class="fas fa-history"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                    <tfoot class="table-light">
                        <tr>
                            <th colspan="3" class="text-end">TOTAIS:</th>
                            <th class="text-center">
                                <strong class="text-primary">
                                    {{ "%.2f"|format(lotes|sum(attribute='quantidade_atual')) }}
                                </strong>
                            </th>
                            <th colspan="5"></th>
                        </tr>
                    </tfoot>
                </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 cadastrado</h4>
                <p class="text-muted mb-4">Este produto ainda não possui lotes cadastrados</p>
                <a href="{{ url_for('produto_lote_novo', produto_id=produto.id) }}" class="btn btn-success btn-lg">
                    <i class="fas fa-plus"></i> Cadastrar Primeiro Lote
                </a>
            </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}