{% extends "base.html" %}

{% import 'macros/empresa.html' as empresa_ui %}

{% block title %}Novo Inventário - CapeServer{% endblock %}

{% block content %}
<div class="container-fluid py-4">
    <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('inventarios_lista') }}">Inventários</a></li>
                    <li class="breadcrumb-item active">Novo</li>
                </ol>
            </nav>
            <h2 class="mt-2"><i class="bi bi-clipboard-plus text-primary"></i> Novo Inventário</h2>
        </div>
        <button type="button" class="btn btn-outline-secondary" onclick="capeVoltarOu('{{ url_for('inventarios_lista') }}')">
            <i class="bi bi-arrow-left"></i> Voltar
        </button>
    </div>

    <form method="POST">
        <div class="row">
            <div class="col-lg-8">
                <div class="card mb-4">
                    <div class="card-header bg-primary text-white">
                        <h5 class="mb-0"><i class="bi bi-gear"></i> Configuração do Inventário</h5>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">Empresa <span class="text-danger">*</span></label>
                                <select name="empresa_id" class="form-select" required>
                                    {% for empresa in empresas %}
                                    <option value="{{ empresa.id }}" title="{{ empresa_ui.titulo(empresa) }}">{{ empresa_ui.nome(empresa) }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            
                            <div class="col-md-6">
                                <label class="form-label">Depósito</label>
                                <select name="deposito_id" class="form-select">
                                    <option value="">Estoque Geral (todos os depósitos)</option>
                                    {% for deposito in depositos %}
                                    <option value="{{ deposito.id }}">{{ deposito.codigo }} - {{ deposito.nome }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            
                            <div class="col-12">
                                <label class="form-label">Descrição/Motivo</label>
                                <input type="text" name="descricao" class="form-control" placeholder="Ex: Inventário mensal dezembro/2025">
                            </div>
                            
                            <div class="col-md-6">
                                <label class="form-label">Tipo de Inventário</label>
                                <select name="tipo" class="form-select">
                                    <option value="fisico">Físico (Contagem Manual)</option>
                                    <option value="periodico">Periódico (Fechamento)</option>
                                    <option value="parcial">Parcial (Categoria/Grupo)</option>
                                </select>
                            </div>
                            
                            <div class="col-md-6">
                                <label class="form-label">Tipo de Custo</label>
                                <select name="tipo_custo" class="form-select">
                                    <option value="medio">Custo Médio</option>
                                    <option value="ultimo">Último Custo</option>
                                </select>
                            </div>
                            
                            <div class="col-12">
                                <label class="form-label">Filtrar por Categoria</label>
                                <input type="text" name="filtro_categoria" class="form-control" placeholder="Deixe vazio para incluir todos os produtos">
                                <small class="text-muted">Opcional: filtre produtos por categoria para inventário parcial</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="col-lg-4">
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="mb-0"><i class="bi bi-info-circle"></i> Informações</h5>
                    </div>
                    <div class="card-body">
                        <div class="alert alert-info mb-3">
                            <i class="bi bi-lightbulb"></i>
                            <strong>Dica:</strong> O inventário irá carregar todos os produtos ativos que controlam estoque da empresa selecionada.
                        </div>
                        
                        <h6>O que acontece ao criar:</h6>
                        <ul class="mb-3">
                            <li>Uma "fotografia" do estoque atual é registrada</li>
                            <li>Todos os produtos são listados para contagem</li>
                            <li>O inventário fica em status "Rascunho"</li>
                        </ul>
                        
                        <h6>Próximos passos:</h6>
                        <ol class="mb-0">
                            <li>Realizar a contagem física</li>
                            <li>Registrar quantidades no sistema</li>
                            <li>Finalizar o inventário</li>
                            <li>Aplicar ajustes (se houver diferenças)</li>
                        </ol>
                    </div>
                </div>
                
                <div class="d-grid">
                    <button type="submit" class="btn btn-primary btn-lg">
                        <i class="bi bi-plus-lg"></i> Criar Inventário
                    </button>
                </div>
            </div>
        </div>
    </form>
</div>
{% endblock %}