{% extends "base.html" %}

{% block title %}Ativar Licença - CapeServer{% endblock %}

{% block content %}
<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card shadow-lg">
                <div class="card-header bg-primary text-white text-center">
                    <h4><i class="bi bi-key-fill"></i> Ativar Licença</h4>
                </div>
                <div class="card-body p-4">
                    {% if licenca.is_ativo %}
                    <!-- Já está ativado -->
                    <div class="text-center py-4">
                        <i class="bi bi-check-circle-fill text-success" style="font-size: 4rem;"></i>
                        <h3 class="mt-3 text-success">Licença Ativa!</h3>
                        <p class="text-muted">
                            Revenda: <strong>{{ licenca.revenda_nome or 'Cape Sistemas' }}</strong>
                        </p>
                        <a href="{{ url_for('index') }}" class="btn btn-primary mt-3">
                            <i class="bi bi-house"></i> Voltar ao Sistema
                        </a>
                    </div>
                    {% else %}
                    <!-- Formulário de ativação -->
                    <div class="text-center mb-4">
                        {% if licenca.is_expirado %}
                        <div class="alert alert-danger">
                            <i class="bi bi-exclamation-triangle-fill"></i>
                            <strong>Período de avaliação expirado!</strong><br>
                            Ative sua licença para continuar usando o sistema.
                        </div>
                        {% else %}
                        <div class="alert alert-warning">
                            <i class="bi bi-clock-fill"></i>
                            <strong>Trial: {{ licenca.dias_restantes }} dias restantes</strong><br>
                            Ative sua licença para uso permanente.
                        </div>
                        {% endif %}
                    </div>
                    
                    <!-- Tabs de ativação -->
                    <ul class="nav nav-pills nav-fill mb-4" id="ativacaoTabs" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="cnpj-tab" data-bs-toggle="pill" 
                                    data-bs-target="#cnpj-pane" type="button" role="tab">
                                <i class="bi bi-building me-1"></i> Ativar por CNPJ
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="serial-tab" data-bs-toggle="pill" 
                                    data-bs-target="#serial-pane" type="button" role="tab">
                                <i class="bi bi-key me-1"></i> Ativar por Serial
                            </button>
                        </li>
                    </ul>
                    
                    <div class="tab-content" id="ativacaoTabContent">
                        <!-- Aba: Ativar por CNPJ (Nova - Recomendada) -->
                        <div class="tab-pane fade show active" id="cnpj-pane" role="tabpanel">
                            <div class="alert alert-info mb-3">
                                <i class="bi bi-info-circle"></i>
                                <strong>Ativação Automática:</strong> Se sua empresa já está cadastrada no sistema Cape, 
                                basta informar o CNPJ para ativar automaticamente.
                            </div>
                            
                            <form method="POST" action="{{ url_for('licenca_ativar') }}">
                                <input type="hidden" name="metodo" value="cnpj">
                                
                                <div class="mb-4">
                                    <label for="cnpj" class="form-label fw-bold">CNPJ da Empresa</label>
                                    {% if empresas %}
                                    <select class="form-select form-select-lg" id="cnpj" name="cnpj" required>
                                        <option value="">Selecione a empresa...</option>
                                        {% for emp in empresas %}
                                        <option value="{{ emp.cnpj }}">
                                            {{ emp.cnpj }} - {{ emp.nome or ('Empresa ' ~ emp.id) }}
                                        </option>
                                        {% endfor %}
                                    </select>
                                    {% else %}
                                    <input type="text" 
                                           class="form-control form-control-lg" 
                                           id="cnpj" 
                                           name="cnpj" 
                                           placeholder="00.000.000/0000-00"
                                           required>
                                    {% endif %}
                                    <div class="form-text">
                                        Selecione ou digite o CNPJ cadastrado no sistema
                                    </div>
                                </div>
                                
                                <div class="d-grid gap-2">
                                    <button type="submit" class="btn btn-success btn-lg">
                                        <i class="bi bi-check-circle"></i> Ativar Licença
                                    </button>
                                </div>
                            </form>
                        </div>
                        
                        <!-- Aba: Ativar por Serial (Legado) -->
                        <div class="tab-pane fade" id="serial-pane" role="tabpanel">
                            <div class="alert alert-info mb-3">
                                <i class="bi bi-info-circle"></i>
                                <strong>Ativação por chave:</strong> use a chave/serial fornecido pela Cape ou pela revenda,
                                junto com o CNPJ correspondente da instalação.
                            </div>

                            <form method="POST" action="{{ url_for('licenca_ativar') }}">
                                <input type="hidden" name="metodo" value="serial">

                                <div class="mb-4">
                                    <label for="cnpj_serial" class="form-label fw-bold">CNPJ da Empresa</label>
                                    {% if empresas %}
                                    <select class="form-select form-select-lg" id="cnpj_serial" name="cnpj_serial" required>
                                        <option value="">Selecione a empresa...</option>
                                        {% for emp in empresas %}
                                        <option value="{{ emp.cnpj }}">
                                            {{ emp.cnpj }} - {{ emp.nome or ('Empresa ' ~ emp.id) }}
                                        </option>
                                        {% endfor %}
                                    </select>
                                    {% else %}
                                    <input type="text"
                                           class="form-control form-control-lg"
                                           id="cnpj_serial"
                                           name="cnpj_serial"
                                           placeholder="00.000.000/0000-00"
                                           required>
                                    {% endif %}
                                    <div class="form-text">
                                        Use o mesmo CNPJ vinculado à licença/chave informada.
                                    </div>
                                </div>
                                
                                <div class="mb-4">
                                    <label for="serial" class="form-label fw-bold">Chave / Serial de Ativação</label>
                                    <input type="text" 
                                           class="form-control form-control-lg text-center text-uppercase" 
                                           id="serial" 
                                           name="serial" 
                                           placeholder="CAPE-XXXX-XXXX-XXXX-XXXX"
                                           style="letter-spacing: 2px; font-family: monospace;">
                                    <div class="form-text">
                                        Digite a chave fornecida pela Cape Sistemas ou pela sua revenda.
                                    </div>
                                </div>
                                
                                <div class="d-grid gap-2">
                                    <button type="submit" class="btn btn-primary btn-lg">
                                        <i class="bi bi-key"></i> Validar Chave
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                    
                    <hr class="my-4">
                    
                    <div class="text-center">
                        <p class="text-muted mb-2">Não está cadastrado ainda?</p>
                        <a href="https://wa.me/5571999998888?text=Olá! Preciso de uma licença para o CapeServer" 
                           target="_blank" 
                           class="btn btn-outline-success">
                            <i class="bi bi-whatsapp"></i> Falar com Vendas
                        </a>
                        <a href="{{ url_for('licenca_status') }}" class="btn btn-outline-primary ms-2">
                            <i class="bi bi-qr-code"></i> Ver Status / Pagamento
                        </a>
                    </div>
                    {% endif %}
                </div>
                <div class="card-footer text-center text-muted small">
                    CapeServer &copy; 2025 - Cape Sistemas
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}