{% extends "base.html" %}

{% block title %}Alertas de Certificados - CapeSystem{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1><i class="bi bi-bell"></i> Alertas Automáticos de Certificados</h1>
    <a href="{{ url_for('certificados') }}" class="btn btn-secondary">
        <i class="bi bi-arrow-left"></i> Voltar para Certificados
    </a>
</div>

{# Estatísticas Rápidas #}
<div class="row mb-4">
    <div class="col-md-4">
        <div class="card border-danger">
            <div class="card-body text-center">
                <h3 class="text-danger">{{ vencidos|length }}</h3>
                <p class="mb-0"><i class="bi bi-exclamation-triangle-fill"></i> Vencidos</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card border-warning">
            <div class="card-body text-center">
                <h3 class="text-danger">{{ criticos|length }}</h3>
                <p class="mb-0"><i class="bi bi-exclamation-circle-fill"></i> Críticos (≤30 dias)</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card border-warning">
            <div class="card-body text-center">
                <h3 class="text-warning">{{ atencao|length }}</h3>
                <p class="mb-0"><i class="bi bi-exclamation-triangle"></i> Atenção (≤60 dias)</p>
            </div>
        </div>
    </div>
</div>

{# Formulário de Envio #}
<div class="card mb-4">
    <div class="card-header bg-primary text-white">
        <h5 class="mb-0"><i class="bi bi-send"></i> Enviar Alertas</h5>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ url_for('enviar_alertas_certificados') }}">
            <div class="row mb-3">
                <div class="col-md-4">
                    <label for="dias_alerta" class="form-label">Dias de Antecedência</label>
                    <input type="number" class="form-control" id="dias_alerta" name="dias_alerta" value="30" min="1" max="365" required>
                    <small class="text-muted">Alertar certificados que vencem em X dias ou menos</small>
                </div>
            </div>
            
            <div class="row mb-3">
                <div class="col-md-6">
                    <div class="form-check form-switch">
                        <input class="form-check-input" type="checkbox" id="enviar_email" name="enviar_email" checked>
                        <label class="form-check-label" for="enviar_email">
                            <i class="bi bi-envelope"></i> Enviar E-mail
                        </label>
                    </div>
                    <small class="text-muted">Enviar alertas por e-mail para clientes com e-mail cadastrado</small>
                </div>
                <div class="col-md-6">
                    <div class="form-check form-switch">
                        <input class="form-check-input" type="checkbox" id="enviar_whatsapp" name="enviar_whatsapp" checked>
                        <label class="form-check-label" for="enviar_whatsapp">
                            <i class="bi bi-whatsapp"></i> Enviar WhatsApp
                        </label>
                    </div>
                    <small class="text-muted">Enviar alertas por WhatsApp para clientes com telefone cadastrado</small>
                </div>
            </div>
            
            <div class="alert alert-info">
                <strong><i class="bi bi-info-circle"></i> Observação:</strong>
                <p class="mb-0">
                    Os alertas serão enviados apenas para clientes com certificados vencidos ou próximos do vencimento.
                    Certifique-se de que os dados de contato (e-mail e telefone) estão atualizados no cadastro dos clientes.
                </p>
            </div>
            
            <button type="submit" class="btn btn-primary btn-lg">
                <i class="bi bi-send-fill"></i> Enviar Alertas Agora
            </button>
        </form>
    </div>
</div>

{# Lista de Certificados que Receberão Alertas #}
<div class="card">
    <div class="card-header bg-secondary text-white">
        <h5 class="mb-0"><i class="bi bi-list-check"></i> Certificados que Receberão Alertas</h5>
    </div>
    <div class="card-body">
        {# Vencidos #}
        {% if vencidos %}
        <h6 class="text-danger"><i class="bi bi-exclamation-triangle-fill"></i> VENCIDOS ({{ vencidos|length }})</h6>
        <div class="table-responsive mb-4">
            <table class="table table-sm table-hover">
                <thead>
                    <tr>
                        <th>Cliente</th>
                        <th>Tipo</th>
                        <th>Vencimento</th>
                        <th>Status</th>
                        <th>E-mail</th>
                        <th>Telefone</th>
                    </tr>
                </thead>
                <tbody>
                    {% for cert in vencidos %}
                    <tr>
                        <td><strong>{{ cert.pessoa.nome }}</strong></td>
                        <td>{{ cert.tipo }}</td>
                        <td>{{ cert.data_vencimento.strftime('%d/%m/%Y') }}</td>
                        <td><span class="badge bg-danger">{{ cert.dias_para_vencer() * -1 }} dias atrás</span></td>
                        <td>
                            {% if cert.pessoa.email %}
                                <i class="bi bi-check-circle text-success"></i> {{ cert.pessoa.email }}
                            {% else %}
                                <i class="bi bi-x-circle text-danger"></i> Não cadastrado
                            {% endif %}
                        </td>
                        <td>
                            {% if cert.pessoa.telefone %}
                                <i class="bi bi-check-circle text-success"></i> {{ cert.pessoa.telefone }}
                            {% else %}
                                <i class="bi bi-x-circle text-danger"></i> Não cadastrado
                            {% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% endif %}
        
        {# Críticos #}
        {% if criticos %}
        <h6 class="text-danger"><i class="bi bi-exclamation-circle-fill"></i> CRÍTICOS - Vence em 30 dias ou menos ({{ criticos|length }})</h6>
        <div class="table-responsive mb-4">
            <table class="table table-sm table-hover">
                <thead>
                    <tr>
                        <th>Cliente</th>
                        <th>Tipo</th>
                        <th>Vencimento</th>
                        <th>Dias Restantes</th>
                        <th>E-mail</th>
                        <th>Telefone</th>
                    </tr>
                </thead>
                <tbody>
                    {% for cert in criticos %}
                    <tr>
                        <td><strong>{{ cert.pessoa.nome }}</strong></td>
                        <td>{{ cert.tipo }}</td>
                        <td>{{ cert.data_vencimento.strftime('%d/%m/%Y') }}</td>
                        <td><span class="badge bg-warning">{{ cert.dias_para_vencer() }} dias</span></td>
                        <td>
                            {% if cert.pessoa.email %}
                                <i class="bi bi-check-circle text-success"></i> {{ cert.pessoa.email }}
                            {% else %}
                                <i class="bi bi-x-circle text-danger"></i> Não cadastrado
                            {% endif %}
                        </td>
                        <td>
                            {% if cert.pessoa.telefone %}
                                <i class="bi bi-check-circle text-success"></i> {{ cert.pessoa.telefone }}
                            {% else %}
                                <i class="bi bi-x-circle text-danger"></i> Não cadastrado
                            {% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% endif %}
        
        {# Atenção #}
        {% if atencao %}
        <h6 class="text-warning"><i class="bi bi-exclamation-triangle"></i> ATENÇÃO - Vence em 60 dias ou menos ({{ atencao|length }})</h6>
        <div class="table-responsive">
            <table class="table table-sm table-hover">
                <thead>
                    <tr>
                        <th>Cliente</th>
                        <th>Tipo</th>
                        <th>Vencimento</th>
                        <th>Dias Restantes</th>
                        <th>E-mail</th>
                        <th>Telefone</th>
                    </tr>
                </thead>
                <tbody>
                    {% for cert in atencao %}
                    <tr>
                        <td><strong>{{ cert.pessoa.nome }}</strong></td>
                        <td>{{ cert.tipo }}</td>
                        <td>{{ cert.data_vencimento.strftime('%d/%m/%Y') }}</td>
                        <td><span class="badge bg-info">{{ cert.dias_para_vencer() }} dias</span></td>
                        <td>
                            {% if cert.pessoa.email %}
                                <i class="bi bi-check-circle text-success"></i> {{ cert.pessoa.email }}
                            {% else %}
                                <i class="bi bi-x-circle text-danger"></i> Não cadastrado
                            {% endif %}
                        </td>
                        <td>
                            {% if cert.pessoa.telefone %}
                                <i class="bi bi-check-circle text-success"></i> {{ cert.pessoa.telefone }}
                            {% else %}
                                <i class="bi bi-x-circle text-danger"></i> Não cadastrado
                            {% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% endif %}
        
        {% if not vencidos and not criticos and not atencao %}
        <div class="alert alert-success">
            <i class="bi bi-check-circle"></i> <strong>Ótimo!</strong> Não há certificados vencidos ou próximos do vencimento no momento.
        </div>
        {% endif %}
    </div>
</div>

{# Informações Adicionais #}
<div class="card mt-4">
    <div class="card-header bg-info text-white">
        <h5 class="mb-0"><i class="bi bi-info-circle"></i> Como Funcionam os Alertas</h5>
    </div>
    <div class="card-body">
        <h6>📧 E-mail</h6>
        <p>Os alertas por e-mail são enviados automaticamente para o endereço cadastrado no cliente. Certifique-se de que o e-mail está correto.</p>
        
        <h6>📱 WhatsApp</h6>
        <p>Os alertas por WhatsApp são enviados para o telefone cadastrado. <strong>Nota:</strong> É necessário configurar a integração com a API do WhatsApp Business.</p>
        
        <h6>🔄 Automação</h6>
        <p>Para enviar alertas automaticamente todos os dias, configure uma tarefa agendada (cron job ou Windows Task Scheduler) que acesse a URL:</p>
        <code>{{ url_for('enviar_alertas_certificados', _external=True) }}</code>
        <p class="mt-2">Ou use um script Python que execute a função de envio periodicamente.</p>
    </div>
</div>

{% endblock %}