iteracion 2

templates/talent/candidate_detail.html

@@ -0,0 +1,50 @@
+{% 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 %}