@extends('layouts.app')

@section('title', 'Editar Candidato')

@section('content')
<div class="container-fluid">
    <!-- Breadcrumb -->
    <nav aria-label="breadcrumb" class="mb-4">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.hr.dashboard') }}">RRHH</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.hr.curriculum.index') }}">Base de Currículums</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.hr.curriculum.show', $candidate) }}">{{ $candidate->full_name }}</a></li>
            <li class="breadcrumb-item active">Editar</li>
        </ol>
    </nav>

    <!-- Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3 mb-0 text-gray-800">
            <i class="fas fa-user-edit me-2 text-primary"></i>Editar Candidato
        </h1>
        <div class="btn-group" role="group">
            <a href="{{ route('admin.hr.curriculum.show', $candidate) }}" class="btn btn-outline-info">
                <i class="fas fa-eye me-2"></i>Ver Detalles
            </a>
            <a href="{{ route('admin.hr.curriculum.index') }}" class="btn btn-outline-secondary">
                <i class="fas fa-arrow-left me-2"></i>Volver
            </a>
        </div>
    </div>

    <!-- Formulario -->
    <form action="{{ route('admin.hr.curriculum.update', $candidate) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        
        <div class="row">
            <!-- Información Personal -->
            <div class="col-lg-8">
                <div class="card shadow-sm border-0 mb-4">
                    <div class="card-header bg-white border-bottom py-3">
                        <h5 class="mb-0 text-dark">
                            <i class="fas fa-user me-2 text-primary"></i>Información Personal
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label for="first_name" class="form-label">
                                    Nombre <span class="text-danger">*</span>
                                </label>
                                <input type="text" class="form-control @error('first_name') is-invalid @enderror" 
                                       id="first_name" name="first_name" value="{{ old('first_name', $candidate->first_name) }}" required>
                                @error('first_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="last_name" class="form-label">
                                    Apellido <span class="text-danger">*</span>
                                </label>
                                <input type="text" class="form-control @error('last_name') is-invalid @enderror" 
                                       id="last_name" name="last_name" value="{{ old('last_name', $candidate->last_name) }}" required>
                                @error('last_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="email" class="form-label">
                                    Email <span class="text-danger">*</span>
                                </label>
                                <input type="email" class="form-control @error('email') is-invalid @enderror" 
                                       id="email" name="email" value="{{ old('email', $candidate->email) }}" required>
                                @error('email')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="phone" class="form-label">Teléfono</label>
                                <input type="text" class="form-control @error('phone') is-invalid @enderror" 
                                       id="phone" name="phone" value="{{ old('phone', $candidate->phone) }}">
                                @error('phone')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="birth_date" class="form-label">Fecha de Nacimiento</label>
                                <input type="date" class="form-control @error('birth_date') is-invalid @enderror" 
                                       id="birth_date" name="birth_date" value="{{ old('birth_date', $candidate->birth_date?->format('Y-m-d')) }}">
                                @error('birth_date')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="gender" class="form-label">Género</label>
                                <select class="form-select @error('gender') is-invalid @enderror" id="gender" name="gender">
                                    <option value="">Seleccionar...</option>
                                    <option value="male" {{ old('gender', $candidate->gender) == 'male' ? 'selected' : '' }}>Masculino</option>
                                    <option value="female" {{ old('gender', $candidate->gender) == 'female' ? 'selected' : '' }}>Femenino</option>
                                    <option value="other" {{ old('gender', $candidate->gender) == 'other' ? 'selected' : '' }}>Otro</option>
                                </select>
                                @error('gender')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="nationality" class="form-label">Nacionalidad</label>
                                <input type="text" class="form-control @error('nationality') is-invalid @enderror" 
                                       id="nationality" name="nationality" value="{{ old('nationality', $candidate->nationality) }}">
                                @error('nationality')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="marital_status" class="form-label">Estado Civil</label>
                                <select class="form-select @error('marital_status') is-invalid @enderror" id="marital_status" name="marital_status">
                                    <option value="">Seleccionar...</option>
                                    <option value="single" {{ old('marital_status', $candidate->marital_status) == 'single' ? 'selected' : '' }}>Soltero(a)</option>
                                    <option value="married" {{ old('marital_status', $candidate->marital_status) == 'married' ? 'selected' : '' }}>Casado(a)</option>
                                    <option value="divorced" {{ old('marital_status', $candidate->marital_status) == 'divorced' ? 'selected' : '' }}>Divorciado(a)</option>
                                    <option value="widowed" {{ old('marital_status', $candidate->marital_status) == 'widowed' ? 'selected' : '' }}>Viudo(a)</option>
                                </select>
                                @error('marital_status')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Dirección -->
                <div class="card shadow-sm border-0 mb-4">
                    <div class="card-header bg-white border-bottom py-3">
                        <h5 class="mb-0 text-dark">
                            <i class="fas fa-map-marker-alt me-2 text-primary"></i>Dirección
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-12">
                                <label for="address" class="form-label">Dirección</label>
                                <input type="text" class="form-control @error('address') is-invalid @enderror" 
                                       id="address" name="address" value="{{ old('address', $candidate->address) }}">
                                @error('address')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="city" class="form-label">Ciudad</label>
                                <input type="text" class="form-control @error('city') is-invalid @enderror" 
                                       id="city" name="city" value="{{ old('city', $candidate->city) }}">
                                @error('city')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="state" class="form-label">Estado/Provincia</label>
                                <input type="text" class="form-control @error('state') is-invalid @enderror" 
                                       id="state" name="state" value="{{ old('state', $candidate->state) }}">
                                @error('state')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="country" class="form-label">País</label>
                                <input type="text" class="form-control @error('country') is-invalid @enderror" 
                                       id="country" name="country" value="{{ old('country', $candidate->country) }}">
                                @error('country')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Información Profesional -->
                <div class="card shadow-sm border-0 mb-4">
                    <div class="card-header bg-white border-bottom py-3">
                        <h5 class="mb-0 text-dark">
                            <i class="fas fa-briefcase me-2 text-primary"></i>Información Profesional
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-12">
                                <label for="summary" class="form-label">Resumen Profesional</label>
                                <textarea class="form-control @error('summary') is-invalid @enderror" 
                                          id="summary" name="summary" rows="4" 
                                          placeholder="Breve resumen de la experiencia y objetivos profesionales...">{{ old('summary', $candidate->summary) }}</textarea>
                                @error('summary')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="expected_salary" class="form-label">Salario Esperado</label>
                                <div class="input-group">
                                    <input type="number" class="form-control @error('expected_salary') is-invalid @enderror" 
                                           id="expected_salary" name="expected_salary" value="{{ old('expected_salary', $candidate->expected_salary) }}" 
                                           step="0.01" min="0" placeholder="0.00">
                                    <select class="form-select @error('salary_currency') is-invalid @enderror" 
                                            id="salary_currency" name="salary_currency" style="max-width: 100px;">
                                        <option value="USD" {{ old('salary_currency', $candidate->salary_currency) == 'USD' ? 'selected' : '' }}>USD</option>
                                        <option value="EUR" {{ old('salary_currency', $candidate->salary_currency) == 'EUR' ? 'selected' : '' }}>EUR</option>
                                        <option value="COP" {{ old('salary_currency', $candidate->salary_currency) == 'COP' ? 'selected' : '' }}>COP</option>
                                        <option value="MXN" {{ old('salary_currency', $candidate->salary_currency) == 'MXN' ? 'selected' : '' }}>MXN</option>
                                    </select>
                                </div>
                                @error('expected_salary')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                @error('salary_currency')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label for="availability" class="form-label">Disponibilidad</label>
                                <select class="form-select @error('availability') is-invalid @enderror" id="availability" name="availability">
                                    <option value="">Seleccionar...</option>
                                    <option value="immediate" {{ old('availability', $candidate->availability) == 'immediate' ? 'selected' : '' }}>Inmediata</option>
                                    <option value="1_week" {{ old('availability', $candidate->availability) == '1_week' ? 'selected' : '' }}>1 Semana</option>
                                    <option value="2_weeks" {{ old('availability', $candidate->availability) == '2_weeks' ? 'selected' : '' }}>2 Semanas</option>
                                    <option value="1_month" {{ old('availability', $candidate->availability) == '1_month' ? 'selected' : '' }}>1 Mes</option>
                                    <option value="more_than_month" {{ old('availability', $candidate->availability) == 'more_than_month' ? 'selected' : '' }}>Más de 1 mes</option>
                                </select>
                                @error('availability')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-12">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" id="willing_to_relocate" 
                                           name="willing_to_relocate" value="1" {{ old('willing_to_relocate', $candidate->willing_to_relocate) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="willing_to_relocate">
                                        Dispuesto a reubicarse
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Notas -->
                <div class="card shadow-sm border-0 mb-4">
                    <div class="card-header bg-white border-bottom py-3">
                        <h5 class="mb-0 text-dark">
                            <i class="fas fa-sticky-note me-2 text-primary"></i>Notas Adicionales
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-12">
                                <label for="notes" class="form-label">Notas</label>
                                <textarea class="form-control @error('notes') is-invalid @enderror" 
                                          id="notes" name="notes" rows="3" 
                                          placeholder="Notas adicionales sobre el candidato...">{{ old('notes', $candidate->notes) }}</textarea>
                                @error('notes')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Panel de Información -->
            <div class="col-lg-4">
                <div class="card shadow-sm border-0">
                    <div class="card-header bg-white border-bottom py-3">
                        <h5 class="mb-0 text-dark">
                            <i class="fas fa-info-circle me-2 text-info"></i>Información Actual
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <h6 class="text-primary">Estado Actual:</h6>
                            @php
                                $statusColors = [
                                    'active' => 'success',
                                    'inactive' => 'secondary',
                                    'hired' => 'primary',
                                    'rejected' => 'danger'
                                ];
                                $statusLabels = [
                                    'active' => 'Activo',
                                    'inactive' => 'Inactivo',
                                    'hired' => 'Contratado',
                                    'rejected' => 'Rechazado'
                                ];
                            @endphp
                            <span class="badge bg-{{ $statusColors[$candidate->status] ?? 'secondary' }} text-white px-2 py-1">
                                {{ $statusLabels[$candidate->status] ?? ucfirst($candidate->status) }}
                            </span>
                        </div>
                        
                        <div class="mb-3">
                            <h6 class="text-primary">Experiencia Total:</h6>
                            <p class="small">{{ $candidate->getTotalExperienceYears() }} años</p>
                        </div>
                        
                        <div class="mb-3">
                            <h6 class="text-primary">Habilidades:</h6>
                            <p class="small">{{ $candidate->skills()->count() }} habilidades registradas</p>
                        </div>
                        
                        <div class="mb-3">
                            <h6 class="text-primary">Currículums:</h6>
                            <p class="small">{{ $candidate->curriculums()->count() }} archivos subidos</p>
                        </div>
                        
                        <div class="mb-3">
                            <h6 class="text-primary">Última Actualización:</h6>
                            <p class="small">{{ $candidate->updated_at->format('d/m/Y H:i') }}</p>
                        </div>
                    </div>
                </div>

                <!-- Acciones Rápidas -->
                <div class="card shadow-sm border-0 mt-4">
                    <div class="card-header bg-white border-bottom py-3">
                        <h5 class="mb-0 text-dark">
                            <i class="fas fa-bolt me-2 text-warning"></i>Acciones Rápidas
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="d-grid gap-2">
                            <a href="{{ route('admin.hr.curriculum.show', $candidate) }}" class="btn btn-outline-info btn-sm">
                                <i class="fas fa-eye me-1"></i>Ver Detalles
                            </a>
                            <button type="button" class="btn btn-outline-warning btn-sm" onclick="showStatusModal()">
                                <i class="fas fa-edit me-1"></i>Cambiar Estado
                            </button>
                            <a href="{{ route('admin.hr.curriculum.index') }}" class="btn btn-outline-secondary btn-sm">
                                <i class="fas fa-list me-1"></i>Ver Lista
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Botones -->
        <div class="row">
            <div class="col-12">
                <div class="d-flex justify-content-end gap-2">
                    <a href="{{ route('admin.hr.curriculum.show', $candidate) }}" class="btn btn-outline-secondary">
                        <i class="fas fa-times me-1"></i>Cancelar
                    </a>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save me-1"></i>Actualizar Candidato
                    </button>
                </div>
            </div>
        </div>
    </form>
</div>

<!-- Modal para cambiar estado -->
<div class="modal fade" id="statusModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Cambiar Estado del Candidato</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form action="{{ route('admin.hr.curriculum.update-status', $candidate) }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="status" class="form-label">Nuevo Estado</label>
                        <select name="status" id="status" class="form-select" required>
                            <option value="active" {{ $candidate->status == 'active' ? 'selected' : '' }}>Activo</option>
                            <option value="inactive" {{ $candidate->status == 'inactive' ? 'selected' : '' }}>Inactivo</option>
                            <option value="hired" {{ $candidate->status == 'hired' ? 'selected' : '' }}>Contratado</option>
                            <option value="rejected" {{ $candidate->status == 'rejected' ? 'selected' : '' }}>Rechazado</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label for="notes" class="form-label">Notas</label>
                        <textarea name="notes" id="notes" class="form-control" rows="3" 
                                  placeholder="Notas adicionales sobre el cambio de estado...">{{ $candidate->notes }}</textarea>
                    </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">Actualizar Estado</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
function showStatusModal() {
    const modal = new bootstrap.Modal(document.getElementById('statusModal'));
    modal.show();
}
</script>
@endpush