{% extends "base.html" %}

{% set tipo_pessoa_normalizado = (pessoa.tipo_pessoa or 'F')|upper %}
{% set certificados_habilitados = has_endpoint('novo_certificado') and has_endpoint('editar_certificado') and has_endpoint('excluir_certificado') and has_endpoint('renovar_certificado') %}

{% block title %}{{ pessoa.nome }} - Cape System{% endblock %}

{% block content %}
<div class="container-fluid mt-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2><i class="bi bi-person-circle"></i> {{ pessoa.nome }}</h2>
        <div>
            <a href="{{ url_for('editar_pessoa', id=pessoa.id) }}" class="btn btn-warning">
                <i class="bi bi-pencil"></i> Editar
            </a>
            <a href="{{ url_for('pessoas') }}" class="btn btn-secondary">
                <i class="bi bi-arrow-left"></i> Voltar
            </a>
        </div>
    </div>

    <div class="row">
        <!-- Coluna Principal -->
        <div class="col-lg-8">
            <!-- Dados Básicos -->
            <div class="card mb-3">
                <div class="card-header">
                    <h5 class="mb-0">Dados Básicos</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-12">
                            <label class="text-muted">Nome Completo</label>
                            <p class="mb-0"><strong>{{ pessoa.nome }}</strong></p>
                        </div>
                        
                        {% if pessoa.nome_fantasia %}
                        <div class="col-md-12">
                            <label class="text-muted">Nome Fantasia</label>
                            <p class="mb-0">{{ pessoa.nome_fantasia }}</p>
                        </div>
                        {% endif %}
                        
                        <div class="col-md-6">
                            <label class="text-muted">Tipo de Pessoa</label>
                            <p class="mb-0">
                                {% if tipo_pessoa_normalizado == 'F' %}
                                <span class="badge bg-primary">Pessoa Física</span>
                                {% else %}
                                <span class="badge bg-info">Pessoa Jurídica</span>
                                {% endif %}
                            </p>
                        </div>
                        
                        <div class="col-md-6">
                            <label class="text-muted">Documento</label>
                            <p class="mb-0">
                                {% if pessoa.cpf_cnpj %}
                                <code>{{ pessoa.cpf_cnpj }}</code>
                                {% else %}
                                -
                                {% endif %}
                            </p>
                        </div>
                        
                        {% if tipo_pessoa_normalizado == 'F' %}
                        <div class="col-md-6">
                            <label class="text-muted">RG</label>
                            <p class="mb-0">{{ pessoa.rg or '-' }}</p>
                        </div>
                        {% else %}
                        <div class="col-md-6">
                            <label class="text-muted">Inscrição Estadual</label>
                            <p class="mb-0">{{ pessoa.inscricao_estadual or '-' }}</p>
                        </div>
                        {% endif %}
                    </div>
                </div>
            </div>

            <!-- Contato -->
            <div class="card mb-3">
                <div class="card-header">
                    <h5 class="mb-0">Contato</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="text-muted">Email</label>
                            <p class="mb-0">
                                {% if pessoa.email %}
                                <a href="mailto:{{ pessoa.email }}">{{ pessoa.email }}</a>
                                {% else %}
                                -
                                {% endif %}
                            </p>
                        </div>
                        <div class="col-md-6">
                            <label class="text-muted">Telefone</label>
                            <p class="mb-0">{{ pessoa.telefone or '-' }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="text-muted">Celular</label>
                            <p class="mb-0">{{ pessoa.celular or '-' }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="text-muted">WhatsApp</label>
                            <p class="mb-0">
                                {% if pessoa.whatsapp %}
                                {{ pessoa.whatsapp }}
                                <a href="https://wa.me/55{{ pessoa.whatsapp|replace('(', '')|replace(')', '')|replace(' ', '')|replace('-', '') }}" 
                                   target="_blank" class="btn btn-sm btn-success ms-2">
                                    <i class="bi bi-whatsapp"></i> Abrir
                                </a>
                                {% else %}
                                -
                                {% endif %}
                            </p>
                        </div>
                    </div>
                    
                    {% if tipo_pessoa_normalizado == 'J' and (pessoa.contato_nome or pessoa.contato_telefone) %}
                    <hr class="my-3">
                    <h6 class="text-muted mb-3"><i class="bi bi-person-badge"></i> Pessoa de Contato</h6>
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="text-muted">Nome</label>
                            <p class="mb-0">{{ pessoa.contato_nome or '-' }}</p>
                        </div>
                        <div class="col-md-3">
                            <label class="text-muted">Telefone</label>
                            <p class="mb-0">{{ pessoa.contato_telefone or '-' }}</p>
                        </div>
                        <div class="col-md-3">
                            <label class="text-muted">Cargo</label>
                            <p class="mb-0">{{ pessoa.contato_cargo or '-' }}</p>
                        </div>
                    </div>
                    {% endif %}
                </div>
            </div>

            <!-- Endereço -->
            <div class="card mb-3">
                <div class="card-header">
                    <h5 class="mb-0">Endereço</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-8">
                            <label class="text-muted">Logradouro</label>
                            <p class="mb-0">{{ pessoa.logradouro or pessoa.endereco or '-' }}</p>
                        </div>
                        <div class="col-md-4">
                            <label class="text-muted">Número</label>
                            <p class="mb-0">{{ pessoa.numero or '-' }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="text-muted">Complemento</label>
                            <p class="mb-0">{{ pessoa.complemento or '-' }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="text-muted">Bairro</label>
                            <p class="mb-0">{{ pessoa.bairro or '-' }}</p>
                        </div>
                        <div class="col-md-8">
                            <label class="text-muted">Cidade</label>
                            <p class="mb-0">{{ pessoa.cidade or '-' }} - {{ pessoa.estado or '' }}</p>
                        </div>
                        <div class="col-md-4">
                            <label class="text-muted">CEP</label>
                            <p class="mb-0">{{ pessoa.cep or '-' }}</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Informações Técnicas (se for técnico) -->
            {% if pessoa.eh_tecnico %}
            <div class="card mb-3">
                <div class="card-header">
                    <h5 class="mb-0">Informações Técnicas</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="text-muted">Especialidade</label>
                            <p class="mb-0">{{ pessoa.especialidade or '-' }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="text-muted">CREA/CAU</label>
                            <p class="mb-0">{{ pessoa.crea_cau or '-' }}</p>
                        </div>
                    </div>
                </div>
            </div>
            {% endif %}

            <!-- Dados Bancários (se for fornecedor ou funcionário) -->
            {% if pessoa.eh_fornecedor or pessoa.eh_funcionario %}
            <div class="card mb-3">
                <div class="card-header">
                    <h5 class="mb-0">Dados Bancários</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <label class="text-muted">Banco</label>
                            <p class="mb-0">{{ pessoa.banco or '-' }}</p>
                        </div>
                        <div class="col-md-4">
                            <label class="text-muted">Agência</label>
                            <p class="mb-0">{{ pessoa.agencia or '-' }}</p>
                        </div>
                        <div class="col-md-4">
                            <label class="text-muted">Conta</label>
                            <p class="mb-0">{{ pessoa.conta or '-' }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="text-muted">Tipo de Conta</label>
                            <p class="mb-0">{{ pessoa.tipo_conta or '-' }}</p>
                        </div>
                        <div class="col-md-6">
                            <label class="text-muted">PIX</label>
                            <p class="mb-0">{{ pessoa.pix or '-' }}</p>
                        </div>
                    </div>
                </div>
            </div>
            {% endif %}

            {% if pessoa.observacoes %}
            <div class="card mb-3">
                <div class="card-header">
                    <h5 class="mb-0">Observações</h5>
                </div>
                <div class="card-body">
                    <p class="mb-0">{{ pessoa.observacoes }}</p>
                </div>
            </div>
            {% endif %}
        </div>

        <!-- Coluna Lateral -->
        <div class="col-lg-4">
            <!-- Tipos -->
            <div class="card mb-3">
                <div class="card-header">
                    <h5 class="mb-0">Tipo(s) de Cadastro</h5>
                </div>
                <div class="card-body">
                    <div class="d-flex flex-wrap gap-2">
                        {% if pessoa.eh_cliente %}
                        <span class="badge bg-primary fs-6">
                            <i class="bi bi-person"></i> Cliente
                        </span>
                        {% endif %}
                        
                        {% if pessoa.eh_fornecedor %}
                        <span class="badge bg-success fs-6">
                            <i class="bi bi-truck"></i> Fornecedor
                        </span>
                        {% endif %}
                        
                        {% if pessoa.eh_tecnico %}
                        <span class="badge bg-warning fs-6">
                            <i class="bi bi-tools"></i> Técnico
                        </span>
                        {% endif %}
                        
                        {% if pessoa.eh_funcionario %}
                        <span class="badge bg-info fs-6">
                            <i class="bi bi-briefcase"></i> Funcionário
                        </span>
                        {% endif %}
                    </div>
                </div>
            </div>

            <!-- Status -->
            <div class="card mb-3">
                <div class="card-header">
                    <h5 class="mb-0">Status</h5>
                </div>
                <div class="card-body">
                    {% if pessoa.ativo %}
                    <span class="badge bg-success fs-6">
                        <i class="bi bi-check-circle"></i> Ativo
                    </span>
                    {% else %}
                    <span class="badge bg-secondary fs-6">
                        <i class="bi bi-x-circle"></i> Inativo
                    </span>
                    {% endif %}
                </div>
            </div>

            <!-- Certificados Digitais -->
            {% if pessoa.eh_cliente %}
            <div class="card mb-3">
                <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">
                        <i class="bi bi-shield-check"></i> Certificados Digitais
                    </h5>
                    <button type="button" class="btn btn-sm btn-light {% if not certificados_habilitados %}disabled{% endif %}" {% if certificados_habilitados %}data-bs-toggle="modal" data-bs-target="#modalNovoCertificado"{% else %}disabled aria-disabled="true" title="Cadastro de certificados indisponível neste runtime"{% endif %}>
                        <i class="bi bi-plus-circle"></i> Novo Certificado
                    </button>
                </div>
                <div class="card-body">
                    {% if not certificados_habilitados %}
                    <div class="alert alert-warning mb-3">
                        <i class="bi bi-exclamation-triangle"></i>
                        As rotas de certificados digitais não estão disponíveis neste runtime. Os demais dados do cadastro continuam acessíveis.
                    </div>
                    {% endif %}

                    {% if pessoa.certificados %}
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th>Tipo</th>
                                    <th>Emissão</th>
                                    <th>Vencimento</th>
                                    <th>Status</th>
                                    <th>Alerta</th>
                                    <th>Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for cert in pessoa.certificados %}
                                <tr>
                                    <td>
                                        <strong>{{ cert.tipo }}</strong><br>
                                        <small class="text-muted">{{ cert.autoridade_certificadora or '-' }}</small>
                                    </td>
                                    <td>{{ cert.data_emissao.strftime('%d/%m/%Y') }}</td>
                                    <td>
                                        {{ cert.data_vencimento.strftime('%d/%m/%Y') }}<br>
                                        <small class="text-muted">
                                            {% set dias = cert.dias_para_vencer() %}
                                            {% if dias < 0 %}
                                                Vencido há {{ -dias }} dias
                                            {% else %}
                                                Faltam {{ dias }} dias
                                            {% endif %}
                                        </small>
                                    </td>
                                    <td>
                                        {% if cert.status == 'ativo' %}
                                        <span class="badge bg-success">Ativo</span>
                                        {% elif cert.status == 'vencido' %}
                                        <span class="badge bg-danger">Vencido</span>
                                        {% elif cert.status == 'renovado' %}
                                        <span class="badge bg-info">Renovado</span>
                                        {% else %}
                                        <span class="badge bg-secondary">{{ cert.status }}</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% set alerta = cert.alerta_vencimento() %}
                                        {% if alerta == 'vencido' %}
                                        <span class="badge bg-danger"><i class="bi bi-x-circle"></i> Vencido</span>
                                        {% elif alerta == 'critico' %}
                                        <span class="badge bg-danger"><i class="bi bi-exclamation-triangle"></i> Crítico</span>
                                        {% elif alerta == 'atencao' %}
                                        <span class="badge bg-warning text-dark"><i class="bi bi-exclamation-circle"></i> Atenção</span>
                                        {% else %}
                                        <span class="badge bg-success"><i class="bi bi-check-circle"></i> OK</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        <div class="btn-group btn-group-sm">
                                            <a href="{{ safe_url_for('editar_certificado', fallback='#', id=cert.id) }}" class="btn btn-warning {% if not has_endpoint('editar_certificado') %}disabled{% endif %}" title="{% if has_endpoint('editar_certificado') %}Editar{% else %}Edição indisponível neste runtime{% endif %}" {% if not has_endpoint('editar_certificado') %}onclick="return false;" aria-disabled="true"{% endif %}>
                                                <i class="bi bi-pencil-fill"></i>
                                            </a>
                                            <button type="button" class="btn btn-info {% if not has_endpoint('renovar_certificado') %}disabled{% endif %}" {% if has_endpoint('renovar_certificado') %}data-bs-toggle="modal" data-bs-target="#modalRenovar{{ cert.id }}"{% else %}disabled aria-disabled="true"{% endif %} title="{% if has_endpoint('renovar_certificado') %}Renovar{% else %}Renovação indisponível neste runtime{% endif %}">
                                                <i class="bi bi-arrow-clockwise"></i>
                                            </button>
                                            <form action="{{ safe_url_for('excluir_certificado', fallback='#', id=cert.id) }}" method="POST" class="d-inline"
                                                  onsubmit="return confirm('Confirma exclusão do certificado?')">
                                                <button type="submit" class="btn btn-danger {% if not has_endpoint('excluir_certificado') %}disabled{% endif %}" title="{% if has_endpoint('excluir_certificado') %}Excluir{% else %}Exclusão indisponível neste runtime{% endif %}" {% if not has_endpoint('excluir_certificado') %}disabled aria-disabled="true" onclick="return false;"{% endif %}>
                                                    <i class="bi bi-trash-fill"></i>
                                                </button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                                
                                <!-- Modal de Renovação -->
                                <div class="modal fade cape-modal-standard" id="modalRenovar{{ cert.id }}" tabindex="-1">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header bg-info text-white">
                                                <h5 class="modal-title">Renovar Certificado</h5>
                                                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                                            </div>
                                            <form action="{{ safe_url_for('renovar_certificado', fallback='#', id=cert.id) }}" method="POST">
                                                <div class="modal-body">
                                                    <p><strong>Tipo:</strong> {{ cert.tipo }}</p>
                                                    <p><strong>Vencimento atual:</strong> {{ cert.data_vencimento.strftime('%d/%m/%Y') }}</p>
                                                    <hr>
                                                    <div class="mb-3">
                                                        <label class="form-label">Data de Emissão *</label>
                                                        <input type="date" class="form-control" name="data_emissao" required>
                                                    </div>
                                                    <div class="mb-3">
                                                        <label class="form-label">Data de Vencimento *</label>
                                                        <input type="date" class="form-control" name="data_vencimento" required>
                                                    </div>
                                                    <div class="mb-3">
                                                        <label class="form-label">Valor da Renovação</label>
                                                        <input type="number" step="0.01" class="form-control" name="valor_venda" value="{{ cert.valor_venda }}">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label class="form-label">Custo</label>
                                                        <input type="number" step="0.01" class="form-control" name="custo" value="{{ cert.custo }}">
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                                                    <button type="submit" class="btn btn-info">
                                                        <i class="bi bi-arrow-clockwise"></i> Renovar
                                                    </button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    {% else %}
                    <p class="text-muted mb-0">Nenhum certificado digital cadastrado.</p>
                    {% endif %}
                </div>
            </div>
            {% endif %}

            <!-- Controle -->
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">Controle</h5>
                </div>
                <div class="card-body">
                    <p class="mb-2">
                        <strong>Cadastrado em:</strong><br>
                        {{ pessoa.data_cadastro.strftime('%d/%m/%Y %H:%M') if pessoa.data_cadastro else '-' }}
                    </p>
                    {% if pessoa.data_atualizacao %}
                    <p class="mb-0">
                        <strong>Última atualização:</strong><br>
                        {{ pessoa.data_atualizacao.strftime('%d/%m/%Y %H:%M') }}
                    </p>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal Novo Certificado -->
{% if certificados_habilitados %}
<div class="modal fade cape-modal-standard cape-modal-detail" id="modalNovoCertificado" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title">
                    <i class="bi bi-shield-check"></i> Novo Certificado Digital
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <form action="{{ url_for('novo_certificado', pessoa_id=pessoa.id) }}" method="POST">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Tipo de Certificado *</label>
                            <select class="form-select" name="tipo" required>
                                <option value="">Selecione...</option>
                                <option value="e-CPF A1">e-CPF A1 (1 ano)</option>
                                <option value="e-CPF A3">e-CPF A3 (1 ano)</option>
                                <option value="e-CPF A3">e-CPF A3 (3 anos)</option>
                                <option value="e-CNPJ A1">e-CNPJ A1 (1 ano)</option>
                                <option value="e-CNPJ A3">e-CNPJ A3 (1 ano)</option>
                                <option value="e-CNPJ A3">e-CNPJ A3 (3 anos)</option>
                                <option value="NF-e A1">NF-e A1</option>
                                <option value="NF-e A3">NF-e A3</option>
                            </select>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Autoridade Certificadora</label>
                            <input type="text" class="form-control" name="autoridade_certificadora" placeholder="Ex: Certisign, Serasa, Valid">
                        </div>
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Data da Venda *</label>
                            <input type="date" class="form-control" name="data_venda" required>
                        </div>
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Data de Emissão *</label>
                            <input type="date" class="form-control" name="data_emissao" required>
                        </div>
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Data de Vencimento *</label>
                            <input type="date" class="form-control" name="data_vencimento" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Valor da Venda</label>
                            <input type="number" step="0.01" class="form-control" name="valor_venda" value="0.00">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Custo</label>
                            <input type="number" step="0.01" class="form-control" name="custo" value="0.00">
                        </div>
                        <div class="col-md-12 mb-3">
                            <label class="form-label">Número de Série</label>
                            <input type="text" class="form-control" name="numero_serie">
                        </div>
                        <div class="col-md-12 mb-3">
                            <label class="form-label">Observações</label>
                            <textarea class="form-control" name="observacoes" rows="3"></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-check-circle"></i> Cadastrar
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
    {% endif %}
{% endblock %}