@extends('layouts.app')

@section('title', 'Nuevo 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 active">Nuevo Candidato</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-plus me-2 text-primary"></i>Nuevo Candidato
        </h1>
        <div class="btn-group" role="group">
            <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.store') }}" method="POST" enctype="multipart/form-data">
        @csrf
        
        <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') }}" 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') }}" 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') }}" 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') }}">
                                @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') }}">
                                @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') == 'male' ? 'selected' : '' }}>Masculino</option>
                                    <option value="female" {{ old('gender') == 'female' ? 'selected' : '' }}>Femenino</option>
                                    <option value="other" {{ old('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') }}">
                                @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') == 'single' ? 'selected' : '' }}>Soltero(a)</option>
                                    <option value="married" {{ old('marital_status') == 'married' ? 'selected' : '' }}>Casado(a)</option>
                                    <option value="divorced" {{ old('marital_status') == 'divorced' ? 'selected' : '' }}>Divorciado(a)</option>
                                    <option value="widowed" {{ old('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') }}">
                                @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') }}">
                                @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') }}">
                                @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') }}">
                                @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') }}</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') }}" 
                                           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') == 'USD' ? 'selected' : '' }}>USD</option>
                                        <option value="EUR" {{ old('salary_currency') == 'EUR' ? 'selected' : '' }}>EUR</option>
                                        <option value="COP" {{ old('salary_currency') == 'COP' ? 'selected' : '' }}>COP</option>
                                        <option value="MXN" {{ old('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') == 'immediate' ? 'selected' : '' }}>Inmediata</option>
                                    <option value="1_week" {{ old('availability') == '1_week' ? 'selected' : '' }}>1 Semana</option>
                                    <option value="2_weeks" {{ old('availability') == '2_weeks' ? 'selected' : '' }}>2 Semanas</option>
                                    <option value="1_month" {{ old('availability') == '1_month' ? 'selected' : '' }}>1 Mes</option>
                                    <option value="more_than_month" {{ old('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') ? 'checked' : '' }}>
                                    <label class="form-check-label" for="willing_to_relocate">
                                        Dispuesto a reubicarse
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Currículum -->
                <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-file-pdf me-2 text-primary"></i>Currículum
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-12">
                                <label for="curriculum_file" class="form-label">Archivo de Currículum (PDF)</label>
                                <input type="file" class="form-control @error('curriculum_file') is-invalid @enderror" 
                                       id="curriculum_file" name="curriculum_file" accept=".pdf">
                                <div class="form-text">Formatos aceptados: PDF. Tamaño máximo: 10MB</div>
                                @error('curriculum_file')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-12">
                                <label for="curriculum_title" class="form-label">Título del Currículum</label>
                                <input type="text" class="form-control @error('curriculum_title') is-invalid @enderror" 
                                       id="curriculum_title" name="curriculum_title" value="{{ old('curriculum_title') }}" 
                                       placeholder="Ej: Currículum de Juan Pérez - Desarrollador Full Stack">
                                @error('curriculum_title')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </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') }}</textarea>
                                @error('notes')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Panel de Ayuda -->
            <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 Útil
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <h6 class="text-primary">Campos Requeridos:</h6>
                            <ul class="list-unstyled small">
                                <li>• Nombre y Apellido</li>
                                <li>• Email (único)</li>
                            </ul>
                        </div>
                        
                        <div class="mb-3">
                            <h6 class="text-primary">Consejos:</h6>
                            <ul class="list-unstyled small text-muted">
                                <li>• Usa un email válido y único</li>
                                <li>• El resumen profesional es importante</li>
                                <li>• Sube el currículum en formato PDF</li>
                                <li>• Especifica la disponibilidad real</li>
                                <li>• Las notas son para uso interno</li>
                            </ul>
                        </div>

                        <div class="mb-3">
                            <h6 class="text-primary">Próximos Pasos:</h6>
                            <ul class="list-unstyled small text-muted">
                                <li>1. Guardar información básica</li>
                                <li>2. Agregar experiencia laboral</li>
                                <li>3. Agregar educación</li>
                                <li>4. Agregar habilidades</li>
                                <li>5. Agregar posiciones de interés</li>
                            </ul>
                        </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.index') }}" 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>Guardar Candidato
                    </button>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Validación de archivo
    const fileInput = document.getElementById('curriculum_file');
    fileInput.addEventListener('change', function() {
        const file = this.files[0];
        if (file) {
            // Validar tipo de archivo
            if (file.type !== 'application/pdf') {
                alert('Solo se permiten archivos PDF');
                this.value = '';
                return;
            }
            
            // Validar tamaño (10MB)
            if (file.size > 10 * 1024 * 1024) {
                alert('El archivo no puede ser mayor a 10MB');
                this.value = '';
                return;
            }
        }
    });
});
</script>
@endpush