@php
    $edad = \Carbon\Carbon::parse($talento->curriculo->fecha_nacimiento)->age ?? 'N/A';
    $moneda = $talento->curriculo->tipoMoneda->simbolo ?? '$';
    $expectativaRenta = $talento->curriculo->expectativa_renta 
        ? number_format($talento->curriculo->expectativa_renta, 0, ',', '.')
        : 'No especificada';
    
    // Clases de estado
    $estadoClasses = [
        'en_proceso' => 'bg-yellow-100 text-yellow-800 border-yellow-300',
        'contactado' => 'bg-green-100 text-green-800 border-green-300',
        'rechazado' => 'bg-red-100 text-red-800 border-red-300'
    ];
    
    $estadoClass = $estadoClasses[$talento->estado] ?? 'bg-gray-100 text-gray-800';
@endphp

<div class="bg-white rounded-lg shadow-md border border-gray-200 hover:shadow-lg transition-all duration-200 overflow-hidden talento-card" data-talento-id="{{ $talento->id_talento_guardado }}">
    <div class="p-6">
        
        {{-- Header con nombre y estado --}}
        <div class="flex justify-between items-start mb-4">
            <div class="flex-1">
                <div class="flex items-center gap-2 mb-2">
                    <h3 class="titulo-curriculo">
                        {{ $talento->curriculo->nombres }} {{ $talento->curriculo->apellidos }}
                    </h3>
                    @if($talento->curriculo->validado)
                    <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800">
                        <svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                        </svg>
                        Verificado
                    </span>
                    @endif
                </div>
                
                <p class="text-[#4AB5BA] text-sm mb-1">{{ $talento->curriculo->profesion_respaldo ?? 'Sin profesión' }}</p>
                
                <div class="flex items-center gap-4 text-sm text-naranja">
                    <span class="flex items-center">
                        <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
                        </svg>
                        {{ $edad }} años
                    </span>
                    @if($talento->curriculo->anos_exp > 0)
                    <span class="flex items-center">
                        <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
                        </svg>
                        {{ $talento->curriculo->anos_exp }} años exp.
                    </span>
                    @endif
                </div>
            </div>
            
            {{-- Badge de Estado --}}
            <span class="px-3 py-1 rounded-full text-sm font-semibold border-2 {{ $estadoClass }} estado-badge">
                {{ $talento->estado_nombre }}
            </span>
        </div>

        {{-- Información del talento --}}
        <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-4 py-4 border-y border-gray-100">
            <div>
                <p class="text-xs text-[#4AB5BA] mb-1">Expectativa Salarial</p>
                <p class="text-sm  text-gray-700">{{ $moneda }} {{ $expectativaRenta }}</p>
            </div>
            <div>
                <p class="text-xs text-[#4AB5BA] mb-1">Ubicación</p>
                <p class="text-sm  text-gray-700">{{ $talento->curriculo->comuna->nombre ?? 'No especificada' }}</p>
            </div>
            <div>
                <p class="text-xs text-[#4AB5BA] mb-1">Fecha Guardado</p>
                <p class="text-sm  text-gray-700">{{ $talento->fecha_guardado->format('d/m/Y') }}</p>
            </div>
         
        </div>

        {{-- Botones de acción --}}
        <div class="flex flex-wrap gap-2">
            
            {{-- Cambiar Estado --}}
            <button 
                class="btn-cambiar-estado flex-1 inline-flex items-center justify-center px-4 py-2 bg-azul text-white text-sm font-medium rounded-lg hover:bg-cyan transition-colors"
                data-talento-id="{{ $talento->id_talento_guardado }}"
            >
                <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
                </svg>
                Cambiar Estado
            </button>

        

            {{-- Ver Perfil Completo --}}
       <a 
    href="{{ route('talentos.show', $talento->id_talento_guardado) }}"
    class="flex-1 inline-flex items-center justify-center px-4 py-2 bg-naranja text-white text-sm font-medium rounded-lg hover:bg-[#142ea0] transition-colors"
>
    <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
    </svg>
    Ver Perfil
</a>
        </div>



    </div>
</div>