@extends('layouts.applicant')

@section('title', 'Additional Information')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center mb-4">
                <div>
                    <h1 class="h3 mb-1">Additional Information</h1>
                    <p class="text-muted mb-0">Application #{{ $application->application_number }}</p>
                </div>
                <a href="{{ route('applicant.applications.show', $application) }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-left"></i> Back to Application
                </a>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card shadow">
                <div class="card-body">
                    <form action="{{ route('applicant.additional-information.store', $application) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        
                        <!-- Skills Section -->
                        <div class="section-header">
                            <h5 class="mb-3">
                                <i class="fas fa-cogs text-primary"></i> Skills & Competencies
                            </h5>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="technical_skills">Technical Skills</label>
                                    <textarea class="form-control @error('technical_skills') is-invalid @enderror" 
                                              id="technical_skills" name="technical_skills" rows="4"
                                              placeholder="List your technical skills (e.g., Programming languages, Software, Tools, etc.)">{{ old('technical_skills', $additionalInfo->technical_skills ?? '') }}</textarea>
                                    @error('technical_skills')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="soft_skills">Soft Skills</label>
                                    <textarea class="form-control @error('soft_skills') is-invalid @enderror" 
                                              id="soft_skills" name="soft_skills" rows="4"
                                              placeholder="List your soft skills (e.g., Communication, Leadership, Problem-solving, etc.)">{{ old('soft_skills', $additionalInfo->soft_skills ?? '') }}</textarea>
                                    @error('soft_skills')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="languages_known">Languages Known</label>
                                    <textarea class="form-control @error('languages_known') is-invalid @enderror" 
                                              id="languages_known" name="languages_known" rows="2"
                                              placeholder="List languages you know with proficiency level (e.g., English - Fluent, Hindi - Native, etc.)">{{ old('languages_known', $additionalInfo->languages_known ?? '') }}</textarea>
                                    @error('languages_known')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Certifications Section -->
                        <hr>
                        <div class="section-header">
                            <h5 class="mb-3">
                                <i class="fas fa-certificate text-primary"></i> Certifications & Training
                            </h5>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="certifications">Professional Certifications</label>
                                    <textarea class="form-control @error('certifications') is-invalid @enderror" 
                                              id="certifications" name="certifications" rows="4"
                                              placeholder="List your professional certifications with issuing authority and year">{{ old('certifications', $additionalInfo->certifications ?? '') }}</textarea>
                                    @error('certifications')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="training_programs">Training Programs Attended</label>
                                    <textarea class="form-control @error('training_programs') is-invalid @enderror" 
                                              id="training_programs" name="training_programs" rows="3"
                                              placeholder="List relevant training programs, workshops, or courses attended">{{ old('training_programs', $additionalInfo->training_programs ?? '') }}</textarea>
                                    @error('training_programs')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Projects & Achievements Section -->
                        <hr>
                        <div class="section-header">
                            <h5 class="mb-3">
                                <i class="fas fa-trophy text-primary"></i> Projects & Achievements
                            </h5>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="projects">Notable Projects</label>
                                    <textarea class="form-control @error('projects') is-invalid @enderror" 
                                              id="projects" name="projects" rows="4"
                                              placeholder="Describe your notable projects with brief details about your role and outcomes">{{ old('projects', $additionalInfo->projects ?? '') }}</textarea>
                                    @error('projects')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="achievements">Awards & Achievements</label>
                                    <textarea class="form-control @error('achievements') is-invalid @enderror" 
                                              id="achievements" name="achievements" rows="3"
                                              placeholder="List your awards, recognitions, and notable achievements">{{ old('achievements', $additionalInfo->achievements ?? '') }}</textarea>
                                    @error('achievements')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Publications & Research Section -->
                        <hr>
                        <div class="section-header">
                            <h5 class="mb-3">
                                <i class="fas fa-book text-primary"></i> Publications & Research
                            </h5>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="publications">Publications</label>
                                    <textarea class="form-control @error('publications') is-invalid @enderror" 
                                              id="publications" name="publications" rows="3"
                                              placeholder="List your publications, research papers, articles, etc.">{{ old('publications', $additionalInfo->publications ?? '') }}</textarea>
                                    @error('publications')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                
                                <div class="form-group">
                                    <label for="research_experience">Research Experience</label>
                                    <textarea class="form-control @error('research_experience') is-invalid @enderror" 
                                              id="research_experience" name="research_experience" rows="3"
                                              placeholder="Describe your research experience, areas of interest, and ongoing research work">{{ old('research_experience', $additionalInfo->research_experience ?? '') }}</textarea>
                                    @error('research_experience')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- References Section -->
                        <hr>
                        <div class="section-header">
                            <h5 class="mb-3">
                                <i class="fas fa-users text-primary"></i> Professional References
                            </h5>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="reference1_name">Reference 1 - Name</label>
                                    <input type="text" class="form-control @error('reference1_name') is-invalid @enderror" 
                                           id="reference1_name" name="reference1_name" 
                                           value="{{ old('reference1_name', $additionalInfo->reference1_name ?? '') }}">
                                    @error('reference1_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="reference1_designation">Reference 1 - Designation</label>
                                    <input type="text" class="form-control @error('reference1_designation') is-invalid @enderror" 
                                           id="reference1_designation" name="reference1_designation" 
                                           value="{{ old('reference1_designation', $additionalInfo->reference1_designation ?? '') }}">
                                    @error('reference1_designation')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="reference1_organization">Reference 1 - Organization</label>
                                    <input type="text" class="form-control @error('reference1_organization') is-invalid @enderror" 
                                           id="reference1_organization" name="reference1_organization" 
                                           value="{{ old('reference1_organization', $additionalInfo->reference1_organization ?? '') }}">
                                    @error('reference1_organization')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="reference1_contact">Reference 1 - Contact</label>
                                    <input type="text" class="form-control @error('reference1_contact') is-invalid @enderror" 
                                           id="reference1_contact" name="reference1_contact" 
                                           value="{{ old('reference1_contact', $additionalInfo->reference1_contact ?? '') }}">
                                    @error('reference1_contact')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="reference2_name">Reference 2 - Name</label>
                                    <input type="text" class="form-control @error('reference2_name') is-invalid @enderror" 
                                           id="reference2_name" name="reference2_name" 
                                           value="{{ old('reference2_name', $additionalInfo->reference2_name ?? '') }}">
                                    @error('reference2_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="reference2_designation">Reference 2 - Designation</label>
                                    <input type="text" class="form-control @error('reference2_designation') is-invalid @enderror" 
                                           id="reference2_designation" name="reference2_designation" 
                                           value="{{ old('reference2_designation', $additionalInfo->reference2_designation ?? '') }}">
                                    @error('reference2_designation')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="reference2_organization">Reference 2 - Organization</label>
                                    <input type="text" class="form-control @error('reference2_organization') is-invalid @enderror" 
                                           id="reference2_organization" name="reference2_organization" 
                                           value="{{ old('reference2_organization', $additionalInfo->reference2_organization ?? '') }}">
                                    @error('reference2_organization')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="reference2_contact">Reference 2 - Contact</label>
                                    <input type="text" class="form-control @error('reference2_contact') is-invalid @enderror" 
                                           id="reference2_contact" name="reference2_contact" 
                                           value="{{ old('reference2_contact', $additionalInfo->reference2_contact ?? '') }}">
                                    @error('reference2_contact')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Additional Documents Section -->
                        <hr>
                        <div class="section-header">
                            <h5 class="mb-3">
                                <i class="fas fa-file-upload text-primary"></i> Additional Documents
                            </h5>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="resume">Resume/CV</label>
                                    <input type="file" class="form-control-file @error('resume') is-invalid @enderror" 
                                           id="resume" name="resume" accept=".pdf,.doc,.docx">
                                    <small class="form-text text-muted">Upload your latest resume (PDF, DOC, DOCX, max 5MB)</small>
                                    @if($additionalInfo && $additionalInfo->resume_path)
                                    <div class="mt-2">
                                        <a href="{{ Storage::url($additionalInfo->resume_path) }}" target="_blank" class="btn btn-sm btn-info">
                                            <i class="fas fa-eye"></i> View Current Resume
                                        </a>
                                    </div>
                                    @endif
                                    @error('resume')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="cover_letter">Cover Letter</label>
                                    <input type="file" class="form-control-file @error('cover_letter') is-invalid @enderror" 
                                           id="cover_letter" name="cover_letter" accept=".pdf,.doc,.docx">
                                    <small class="form-text text-muted">Upload cover letter (PDF, DOC, DOCX, max 2MB)</small>
                                    @if($additionalInfo && $additionalInfo->cover_letter_path)
                                    <div class="mt-2">
                                        <a href="{{ Storage::url($additionalInfo->cover_letter_path) }}" target="_blank" class="btn btn-sm btn-info">
                                            <i class="fas fa-eye"></i> View Current Cover Letter
                                        </a>
                                    </div>
                                    @endif
                                    @error('cover_letter')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="portfolio">Portfolio</label>
                                    <input type="file" class="form-control-file @error('portfolio') is-invalid @enderror" 
                                           id="portfolio" name="portfolio" accept=".pdf,.zip,.rar">
                                    <small class="form-text text-muted">Upload portfolio (PDF, ZIP, RAR, max 10MB)</small>
                                    @if($additionalInfo && $additionalInfo->portfolio_path)
                                    <div class="mt-2">
                                        <a href="{{ Storage::url($additionalInfo->portfolio_path) }}" target="_blank" class="btn btn-sm btn-info">
                                            <i class="fas fa-eye"></i> View Current Portfolio
                                        </a>
                                    </div>
                                    @endif
                                    @error('portfolio')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="other_documents">Other Documents</label>
                                    <input type="file" class="form-control-file @error('other_documents') is-invalid @enderror" 
                                           id="other_documents" name="other_documents" accept=".pdf,.doc,.docx,.zip,.rar">
                                    <small class="form-text text-muted">Upload any other relevant documents (max 5MB)</small>
                                    @if($additionalInfo && $additionalInfo->other_documents_path)
                                    <div class="mt-2">
                                        <a href="{{ Storage::url($additionalInfo->other_documents_path) }}" target="_blank" class="btn btn-sm btn-info">
                                            <i class="fas fa-eye"></i> View Current Documents
                                        </a>
                                    </div>
                                    @endif
                                    @error('other_documents')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Personal Statement Section -->
                        <hr>
                        <div class="section-header">
                            <h5 class="mb-3">
                                <i class="fas fa-comment-alt text-primary"></i> Personal Statement
                            </h5>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="personal_statement">Why are you interested in this position?</label>
                                    <textarea class="form-control @error('personal_statement') is-invalid @enderror" 
                                              id="personal_statement" name="personal_statement" rows="5"
                                              placeholder="Write a brief statement about your interest in this position and how you can contribute to the organization">{{ old('personal_statement', $additionalInfo->personal_statement ?? '') }}</textarea>
                                    @error('personal_statement')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="additional_notes">Additional Notes</label>
                                    <textarea class="form-control @error('additional_notes') is-invalid @enderror" 
                                              id="additional_notes" name="additional_notes" rows="3"
                                              placeholder="Any additional information you would like to share">{{ old('additional_notes', $additionalInfo->additional_notes ?? '') }}</textarea>
                                    @error('additional_notes')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <hr>
                        <div class="row">
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save"></i> Save Additional Information
                                </button>
                                <a href="{{ route('applicant.applications.show', $application) }}" class="btn btn-secondary ml-2">
                                    Cancel
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<style>
.section-header {
    margin-bottom: 20px;
}

.section-header h5 {
    border-bottom: 2px solid #e9ecef;
    padding-bottom: 10px;
}

.form-group label {
    font-weight: 500;
    color: #495057;
}

.text-primary {
    color: #007bff !important;
}
</style>
@endpush