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

{% block content %}
<section class="page-view active">
  <div class="view-header">
    <div class="view-title">
      <h2><i data-lucide="user" style="color:var(--efintel-blue);"></i> Ficha Técnica: {{ candidate.full_name }}</h2>
      <p>RUT: {{ candidate.rut }} | {{ candidate.specialty_title }}</p>
    </div>
    <div style="display:flex; gap:0.5rem;">
      <a href="{% url 'talent:candidate_edit' candidate.pk %}" class="btn-primary" style="background:var(--efintel-turquoise); text-decoration:none;">
        <i data-lucide="edit-3" style="width:16px;"></i> Editar
      </a>
      <a href="{% url 'talent:candidate_list' %}" class="btn-primary" style="background:var(--efintel-gray); text-decoration:none;">
        <i data-lucide="arrow-left" style="width:16px;"></i> Volver
      </a>
    </div>
  </div>

  <div class="kpi-grid-3" style="margin-bottom:1.5rem;">
    <div class="kpi-card accent-blue">
      <div class="kpi-header"><span class="kpi-title">TAXONOMÍA PRINCIPAL</span><div class="kpi-icon"><i data-lucide="layers"></i></div></div>
      <div class="kpi-value" style="font-size:1.1rem;">{{ candidate.get_category_code_display }}</div>
    </div>
    <div class="kpi-card accent-turquoise">
      <div class="kpi-header"><span class="kpi-title">MADUREZ TECNOLÓGICA</span><div class="kpi-icon"><i data-lucide="cpu"></i></div></div>
      <div class="kpi-value">TRL {{ candidate.trl_level }}</div>
      <div class="kpi-subtext"><span>Seniority: {{ candidate.get_seniority_display }}</span></div>
    </div>
    <div class="kpi-card accent-emerald">
      <div class="kpi-header"><span class="kpi-title">ESTADO EN CARTERA</span><div class="kpi-icon"><i data-lucide="shield-check"></i></div></div>
      <div class="kpi-value" style="font-size:1.2rem;">{{ candidate.get_status_display }}</div>
    </div>
  </div>

  <div class="data-card" style="padding:1.5rem;">
    <h3>Detalles del Perfil</h3>
    <ul style="line-height:2;">
      <li><strong>Correo:</strong> {{ candidate.email }}</li>
      <li><strong>Teléfono:</strong> {{ candidate.phone|default:"No informado" }}</li>
      <li><strong>Ciudad/Región:</strong> {{ candidate.city }}</li>
      <li><strong>Pretensión de Renta:</strong> ${{ candidate.monthly_salary_target_clp|floatformat:"0"|intcomma }} CLP</li>
      <li><strong>Disponibilidad:</strong> {{ candidate.get_availability_display }}</li>
      {% if candidate.github_url %}<li><strong>GitHub:</strong> <a href="{{ candidate.github_url }}" target="_blank">{{ candidate.github_url }}</a></li>{% endif %}
      {% if candidate.linkedin_url %}<li><strong>LinkedIn:</strong> <a href="{{ candidate.linkedin_url }}" target="_blank">{{ candidate.linkedin_url }}</a></li>{% endif %}
    </ul>
  </div>
</section>
{% endblock %}