@extends('layouts.applicant')

@section('title', isset($experience) ? 'Edit Work Experience' : 'Add Work Experience')

@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">{{ isset($experience) ? 'Edit' : 'Add' }} Work Experience</h1>
                    <p class="text-muted mb-0">Application #{{ $application->application_number }}</p>
                </div>
                <a href="{{ route('applicant.work-experience.index', $application) }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-left"></i> Back to Experience
                </a>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card shadow">
                <div class="card-body">
                    <form action="{{ isset($experience) ? route('applicant.work-experience.update', [$application, $experience]) : route('applicant.work-experience.store', $application) }}" 
                          method="POST" enctype="multipart/form-data">
                        @csrf
                        @if(isset($experience))
                            @method('PUT')
                        @endif

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="job_title">Job Title <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control @error('job_title') is-invalid @enderror" 
                                           id="job_title" name="job_title" 
                                           value="{{ old('job_title', $experience->job_title ?? '') }}" required>
                                    @error('job_title')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="company_name">Company Name <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control @error('company_name') is-invalid @enderror" 
                                           id="company_name" name="company_name" 
                                           value="{{ old('company_name', $experience->company_name ?? '') }}" required>
                                    @error('company_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="employment_type">Employment Type</label>
                                    <select class="form-control @error('employment_type') is-invalid @enderror" 
                                            id="employment_type" name="employment_type">
                                        <option value="">Select Type</option>
                                        <option value="full-time" {{ old('employment_type', $experience->employment_type ?? '') === 'full-time' ? 'selected' : '' }}>Full-time</option>
                                        <option value="part-time" {{ old('employment_type', $experience->employment_type ?? '') === 'part-time' ? 'selected' : '' }}>Part-time</option>
                                        <option value="contract" {{ old('employment_type', $experience->employment_type ?? '') === 'contract' ? 'selected' : '' }}>Contract</option>
                                        <option value="freelance" {{ old('employment_type', $experience->employment_type ?? '') === 'freelance' ? 'selected' : '' }}>Freelance</option>
                                        <option value="internship" {{ old('employment_type', $experience->employment_type ?? '') === 'internship' ? 'selected' : '' }}>Internship</option>
                                    </select>
                                    @error('employment_type')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="start_date">Start Date <span class="text-danger">*</span></label>
                                    <input type="date" class="form-control @error('start_date') is-invalid @enderror" 
                                           id="start_date" name="start_date" 
                                           value="{{ old('start_date', isset($experience) ? $experience->start_date->format('Y-m-d') : '') }}" required>
                                    @error('start_date')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <div class="form-check mb-2">
                                        <input class="form-check-input" type="checkbox" id="is_current" name="is_current" 
                                               value="1" {{ old('is_current', $experience->is_current ?? false) ? 'checked' : '' }}
                                               onchange="toggleEndDate()">
                                        <label class="form-check-label" for="is_current">
                                            Currently working here
                                        </label>
                                    </div>
                                    <label for="end_date">End Date</label>
                                    <input type="date" class="form-control @error('end_date') is-invalid @enderror" 
                                           id="end_date" name="end_date" 
                                           value="{{ old('end_date', isset($experience) && $experience->end_date ? $experience->end_date->format('Y-m-d') : '') }}">
                                                                      @error('end_date')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="location">Location</label>
                                    <input type="text" class="form-control @error('location') is-invalid @enderror" 
                                           id="location" name="location" 
                                           value="{{ old('location', $experience->location ?? '') }}">
                                    @error('location')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="salary">Monthly Salary (₹)</label>
                                    <input type="number" class="form-control @error('salary') is-invalid @enderror" 
                                           id="salary" name="salary" min="0"
                                           value="{{ old('salary', $experience->salary ?? '') }}">
                                    @error('salary')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="job_description">Job Description</label>
                                    <textarea class="form-control @error('job_description') is-invalid @enderror" 
                                              id="job_description" name="job_description" rows="4"
                                              placeholder="Describe your role and responsibilities...">{{ old('job_description', $experience->job_description ?? '') }}</textarea>
                                    @error('job_description')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="key_achievements">Key Achievements</label>
                                    <textarea class="form-control @error('key_achievements') is-invalid @enderror" 
                                              id="key_achievements" name="key_achievements" rows="3"
                                              placeholder="List your key achievements and accomplishments...">{{ old('key_achievements', $experience->key_achievements ?? '') }}</textarea>
                                    @error('key_achievements')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="certificate">Experience Certificate</label>
                                    <input type="file" class="form-control-file @error('certificate') is-invalid @enderror" 
                                           id="certificate" name="certificate" accept=".pdf,.jpg,.jpeg,.png">
                                    <small class="form-text text-muted">Upload experience certificate (PDF, JPG, PNG, max 5MB)</small>
                                    @if(isset($experience) && $experience->certificate_path)
                                    <div class="mt-2">
                                        <a href="{{ Storage::url($experience->certificate_path) }}" target="_blank" class="btn btn-sm btn-info">
                                            <i class="fas fa-eye"></i> View Current Certificate
                                        </a>
                                    </div>
                                    @endif
                                    @error('certificate')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="supervisor_name">Supervisor Name</label>
                                    <input type="text" class="form-control @error('supervisor_name') is-invalid @enderror" 
                                           id="supervisor_name" name="supervisor_name" 
                                           value="{{ old('supervisor_name', $experience->supervisor_name ?? '') }}">
                                    @error('supervisor_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="supervisor_contact">Supervisor Contact</label>
                                    <input type="text" class="form-control @error('supervisor_contact') is-invalid @enderror" 
                                           id="supervisor_contact" name="supervisor_contact" 
                                           value="{{ old('supervisor_contact', $experience->supervisor_contact ?? '') }}">
                                    @error('supervisor_contact')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="reason_for_leaving">Reason for Leaving</label>
                                    <input type="text" class="form-control @error('reason_for_leaving') is-invalid @enderror" 
                                           id="reason_for_leaving" name="reason_for_leaving" 
                                           value="{{ old('reason_for_leaving', $experience->reason_for_leaving ?? '') }}">
                                    @error('reason_for_leaving')
                                    <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> {{ isset($experience) ? 'Update' : 'Save' }} Experience
                                </button>
                                <a href="{{ route('applicant.work-experience.index', $application) }}" class="btn btn-secondary ml-2">
                                    Cancel
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
function toggleEndDate() {
    const isCurrentCheckbox = document.getElementById('is_current');
    const endDateField = document.getElementById('end_date');
    
    if (isCurrentCheckbox.checked) {
        endDateField.disabled = true;
        endDateField.value = '';
        endDateField.removeAttribute('required');
    } else {
        endDateField.disabled = false;
        endDateField.setAttribute('required', 'required');
    }
}

// Initialize on page load
document.addEventListener('DOMContentLoaded', function() {
    toggleEndDate();
});
</script>
@endpush