{% extends 'base.html' %}
{% load static %}

{% block title %}Cadastro Inicial Realizado - Allure{% endblock %}

{% block content %}
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card shadow-lg">
                <div class="card-body text-center p-5">
                    <div class="mb-4">
                        <i class="fas fa-check-circle text-success" style="font-size: 4rem;"></i>
                    </div>
                    
                    <h2 class="card-title text-success mb-4">Cadastro Inicial Realizado!</h2>
                    
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle me-2"></i>
                        <strong>Próximos Passos:</strong>
                    </div>
                    
                    <div class="row text-start">
                        <div class="col-md-6">
                            <h5 class="text-primary">1. Análise do Cadastro</h5>
                            <p class="text-muted">
                                Nossa equipe irá analisar seu cadastro inicial em até 24 horas.
                            </p>
                        </div>
                        <div class="col-md-6">
                            <h5 class="text-primary">2. Aprovação</h5>
                            <p class="text-muted">
                                Após aprovado, você receberá um email com instruções para completar seu perfil.
                            </p>
                        </div>
                        <div class="col-md-6">
                            <h5 class="text-primary">3. COmplete seu Perfil</h5>
                            <p class="text-muted">
                                Complete seu perfil com informações detalhadas, categorias e documentos.
                            </p>
                        </div>
                        <div class="col-md-6">
                            <h5 class="text-primary">4. Pagamento</h5>
                            <p class="text-muted">
                                Após completar o Pagamento, seu perfil será ativado na plataforma.
                            </p>
                        </div>
                    </div>
                    
                    <hr class="my-4">
                    
                    <div class="row text-start">
                        <div class="col-md-12">
                            <h5 class="text-primary">Dados do Cadastro:</h5>
                            <div class="row">
                                <div class="col-md-6">
                                    <p><strong>Nome:</strong> {{ modelo.nome }} {{ modelo.sobrenome }}</p>
                                    <p><strong>Nome de Exibição:</strong> {{ modelo.nome_exibicao }}</p>
                                    <p><strong>Email:</strong> {{ modelo.email_contato }}</p>
                                </div>
                                <div class="col-md-6">
                                    <p><strong>Cidade:</strong> {{ modelo.cidade }}/{{ modelo.estado }}</p>
                                    <p><strong>Idade:</strong> {{ modelo.idade }} anos</p>
                                    <p><strong>Status:</strong> 
                                        <span class="badge bg-warning">Pendente Aprovação</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                               <div class="alert alert-success mt-4">
               <h6 class="alert-heading"><i class="fas fa-key me-2"></i>Credenciais de Acesso:</h6>
               <div class="row">
                   <div class="col-md-6">
                       <p><strong>Usuário:</strong> {{ modelo.user.username }}</p>
                       <p><strong>E-mail:</strong> {{ modelo.user.email }}</p>
                   </div>
                   <div class="col-md-6">
                       <p><strong>Link de Acesso:</strong></p>
                       <a href="{% url 'accounts:login' %}" class="btn btn-sm btn-outline-primary">
                           <i class="fas fa-sign-in-alt me-1"></i>Acessar Painel
                       </a>
                   </div>
               </div>
               <hr>
               <small class="text-muted">
                   <i class="fas fa-info-circle me-1"></i>
                   <strong>Lembrete:</strong> Use a senha que você escolheu durante o cadastro para fazer login.
               </small>
           </div>
                    
                    <div class="mt-4">
                        <a href="{% url 'core:home' %}" class="btn btn-primary me-2">
                            <i class="fas fa-home me-2"></i>Voltar ao Início
                        </a>
                        <a href="{% url 'accounts:login' %}" class="btn btn-outline-primary">
                            <i class="fas fa-sign-in-alt me-2"></i>Fazer Login
                        </a>
                    </div>
                    
                    <div class="mt-4 text-muted">
                        <small>
                            <i class="fas fa-clock me-1"></i>
                            Cadastro realizado em: {{ modelo.data_cadastro|date:"d/m/Y H:i" }}
                        </small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}