@extends('HR.layout')

@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">

    <div class="d-flex align-items-center">
        <h5 class="mb-0">
            <button type="button" class="btn btn-icon bg-white waves-effect me-2"
                style="box-shadow: 0px 9px 12px -2px #66328E1F;">
                <a href="{{ route('candidates') }}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                        stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                        class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                        <path d="M15 6l-6 6l6 6" />
                    </svg>
                </a>
            </button>
            Edit Candidates Form
        </h5>
    </div>
    <div class="text-end">
        <a href="{{ route('staff_onboarding', $candidate->id) }}"
   class="btn btn-success mb-3 me-2">
    Hire & Onboard
</a>


    <a href="https://wa.me/?text={{ urlencode('Please complete your staff onboarding form: ' . url('/staff-onboarding/' . $candidate->id)) }}"
       target="_blank"
       rel="noopener noreferrer"
       class="btn btn-outline-success mb-3">

ShareOnboardingLink
    </a>


    </div>
     
   
    <div class="card p-3 mt-3">
       <form action="{{ route('update_candidates') }}" method="POST" enctype="multipart/form-data">
    @csrf

    <input type="hidden" name="id" value="{{ $candidate->id }}">

            <h6>Basic Details</h6>
            <p><span class="text-danger">*</span> indicates required fields</p>

            <div class="row g-2">

                {{-- Category --}}
                <div class="col-lg-4 mb-3">
                    <label class="form-label">Category<span class="text-danger">*</span></label>

                    <select name="category" id="candidate_category"
                        class="form-select @error('category') is-invalid @enderror">

                        <option value="">Select Category</option>
                        <option value="frontend" {{ old('category', $candidate->category) == 'frontend' ? 'selected' : '' }}>
                            Front-end
                        </option>
                        <option value="backend" {{ old('category', $candidate->category) == 'backend' ? 'selected' : '' }}>
                            Back-end
                        </option>
                        <option value="app" {{ old('category', $candidate->category) == 'app' ? 'selected' : '' }}>
                            App Developer
                        </option>
                    </select>

                    @error('category')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                {{-- Candidate Name --}}
                <div class="col-lg-4 mb-3">
                    <label class="form-label">Candidate Name<span class="text-danger">*</span></label>

                    <input type="text" name="candidate_name" id="candidate_name"
                        value="{{ old('candidate_name', $candidate->candidate_name) }}"
                        class="form-control @error('candidate_name') is-invalid @enderror"
                        placeholder="Enter candidate name">

                    @error('candidate_name')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

 
{{-- Technology / Skills --}}
<div class="col-lg-4 mb-3">
    <label class="form-label">
        Technology / Skills <span class="text-danger">*</span>
    </label>

    @php
        $technologies = [
            'Laravel', 'PHP', 'Java', 'Spring Boot',
            'Node.js', 'React', 'Angular', 'Vue.js',
            'Flutter', 'Dart', 'HTML', 'CSS',
            'Bootstrap', 'Tailwind CSS', 'JavaScript',
            'TypeScript', 'MySQL', 'MongoDB',
            'PostgreSQL', 'Python', 'C', 'C++',
            'Git', 'GitHub', 'Docker', 'AWS',
            'Figma', 'UI/UX', 'Testing',
            'Manual Testing', 'Automation Testing',
            'Sales', 'Marketing', 'Communication',
            'Data Analysis', 'Machine Learning',
        ];

        $selectedTechnologies = old(
            'technology',
            $candidate->technology ?? []
        );

        if (is_string($selectedTechnologies)) {
            $selectedTechnologies =
                json_decode($selectedTechnologies, true) ?? [];
        }
    @endphp

    <div class="dropdown">
        <button
            class="btn btn-light border w-100 text-start dropdown-toggle"
            type="button"
            data-bs-toggle="dropdown"
            data-bs-auto-close="outside"
            aria-expanded="false">

            Select Technologies
        </button>

        <div class="dropdown-menu w-100 p-3">

            @foreach ($technologies as $technology)
                <div class="form-check mb-2">

                    <input
                        class="form-check-input"
                        type="checkbox"
                        name="technology[]"
                        value="{{ $technology }}"
                        id="tech_{{ $loop->index }}"
                        {{ in_array($technology, $selectedTechnologies) ? 'checked' : '' }}>

                    <label
                        class="form-check-label"
                        for="tech_{{ $loop->index }}">

                        {{ $technology }}

                    </label>

                </div>
            @endforeach

        </div>
    </div>

    @error('technology')
        <div class="text-danger">{{ $message }}</div>
    @enderror
</div>
{{-- Work Preference --}}
<div class="col-lg-4 mb-3">
    <label class="form-label">
        Work Preference <span class="text-danger">*</span>
    </label>

    <select name="work_preference"
            id="work_preference"
            class="form-select @error('work_preference') is-invalid @enderror">

        <option value="">Select Work Preference</option>

        @foreach ([
            'Full Time WFH',
            'Full Time WFO',
            'Hybrid WFH',
            'Hybrid WFO'
        ] as $preference)

            <option value="{{ $preference }}"
                {{ old('work_preference', $candidate->work_preference) == $preference ? 'selected' : '' }}>
                {{ $preference }}
            </option>

        @endforeach
    </select>

    @error('work_preference')
        <div class="invalid-feedback">
            {{ $message }}
        </div>
    @enderror
</div>

                {{-- Work Status --}}
                <div class="col-lg-4 mb-3">
                    <label class="form-label">Work Status<span class="text-danger">*</span></label>

                    <select name="work_status" id="candidate_work_status"
                        class="form-select @error('work_status') is-invalid @enderror">

                        <option value="">Select Work Status</option>
                        <option value="Experienced" {{ old('work_status', $candidate->work_status) == 'Experienced' ? 'selected' : '' }}>
                            Experienced
                        </option>
                        <option value="Freshers" {{ old('work_status', $candidate->work_status) == 'Freshers' ? 'selected' : '' }}>
                            Freshers
                        </option>
                    </select>

                    @error('work_status')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                {{-- Experience --}}
                <div class="col-lg-4 mb-3">
                    <label class="form-label">Experience<span class="text-danger">*</span></label>

                    <input type="number" name="experience" id="candidate_experience"
                        value="{{ old('experience', $candidate->experience) }}"
                        class="form-control @error('experience') is-invalid @enderror">

                    @error('experience')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

            </div>

<hr>

{{-- Project Experience --}}
<h6>Project Experience</h6>

<div class="row g-2">
    <div class="col-lg-12 mb-3">
        <label class="form-label">Project Experience</label>

        <textarea name="project_experience"
                  id="project_experience"
                  class="form-control @error('project_experience') is-invalid @enderror"
                  rows="6">{{ old('project_experience', $candidate->project_experience) }}</textarea>

        @error('project_experience')
            <div class="invalid-feedback">
                {{ $message }}
            </div>
        @enderror
    </div>
</div>


            <hr>

            <h6>Employment Info & Resume</h6>

            <div class="row g-2">

                {{-- Resume --}}
                <div class="col-lg-3 mb-3">
                    <label class="form-label">Resume</label>

                    <input type="file" name="resume" id="resume" class="form-control @error('resume') is-invalid @enderror">

                    @error('resume')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror

                    @if($candidate->resume)
                        <small class="d-block mt-2">

        <a href="{{ route('candidate.resume', $candidate->id) }}" target="_blank">
                          View Current Resume
                            </a>
                        </small>
                    @endif
                </div>

                {{-- Notice Period --}}
                <div class="col-lg-3 mb-3">
                    <label class="form-label">Notice Period(month)</label>

                    <input type="number" name="notice_period" id="notice_period"
                        value="{{ old('notice_period', $candidate->notice_period) }}"
                        class="form-control @error('notice_period') is-invalid @enderror"
                        placeholder="Enter Notice Period in days">

                    @error('notice_period')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                {{-- Current Salary --}}
                <div class="col-lg-3 mb-3">
                    <label class="form-label">Current Salary</label>

                    <input type="number" name="current_salary" id="current_salary"
                        value="{{ old('current_salary', $candidate->current_salary) }}"
                        class="form-control @error('current_salary') is-invalid @enderror"
                        placeholder="Enter Current Salary">

                    @error('current_salary')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                {{-- Expected Salary --}}
                <div class="col-lg-3 mb-3">
                    <label class="form-label">Expected Salary</label>

                    <input type="number" name="expected_salary" id="expected_salary"
                        value="{{ old('expected_salary', $candidate->expected_salary) }}"
                        class="form-control @error('expected_salary') is-invalid @enderror"
                        placeholder="Enter Expected Salary">

                    @error('expected_salary')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

            </div>

            <hr>

            <h6>Contact Info</h6>

            <div class="row g-2">

                {{-- Phone Number --}}
                <div class="col-lg-4 mb-3">
                    <label class="form-label">Phone Number <span class="text-danger">*</span></label>

                    <input type="tel" name="phone_number" id="phone_number"
                        value="{{ old('phone_number', $candidate->phone_number) }}"
                        class="form-control @error('phone_number') is-invalid @enderror" minlength="10" maxlength="10"
                        placeholder="Enter Phone Number">

                    @error('phone_number')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                {{-- Alternate Phone Number --}}
                <div class="col-lg-4 mb-3">
                    <label class="form-label">Alternate Phone Number</label>

                    <input type="tel" name="alternate_phone_number" id="alternate_phone_number"
                        value="{{ old('alternate_phone_number', $candidate->alternate_phone_number) }}"
                        class="form-control @error('alternate_phone_number') is-invalid @enderror" minlength="10"
                        maxlength="10" placeholder="Enter Alternate Phone Number">

                    @error('alternate_phone_number')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                {{-- Email --}}
                <div class="col-lg-4 mb-3">
                    <label class="form-label">Email Address <span class="text-danger">*</span></label>

                    <input type="email" name="email" id="email" value="{{ old('email', $candidate->email) }}"
                        class="form-control @error('email') is-invalid @enderror" placeholder="Enter Email Address">

                    @error('email')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

            </div>

            <hr>

            <h6>Location Info</h6>

            <div class="row g-2">

                {{-- State --}}
                <div class="col-lg-6 mb-3">
                    <label class="form-label">State <span class="text-danger">*</span></label>

                    <input type="text" name="state" id="state" value="{{ old('state', $candidate->state) }}"
                        class="form-control @error('state') is-invalid @enderror" placeholder="Enter or Select state"
                        list="stateList">

                    <datalist id="stateList">
                        <option value="Tamil Nadu">
                        <option value="Karnataka">
                        <option value="Telangana">
                    </datalist>

                    @error('state')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                {{-- City --}}
                <div class="col-lg-6 mb-3">
                    <label class="form-label">City <span class="text-danger">*</span></label>

                    <input type="text" name="city" id="city" value="{{ old('city', $candidate->city) }}"
                        class="form-control @error('city') is-invalid @enderror" placeholder="Enter or Select City"
                        list="cityList">

                    <datalist id="cityList">
                        <option value="Chennai">
                        <option value="Bangalore">
                        <option value="Hyderabad">
                    </datalist>

                    @error('city')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

            </div>

            <hr>

            <div class="form-actions d-flex justify-content-center mt-3">
                <button type="submit" class="btn btn-primary me-3" id="#">Update</button>
                <button type="reset" class="btn btn-label-secondary">Reset</button>
            </div>

        </form>


    </div>
   
    <script>
    function shareOnboardingLink() {
        const link = "{{ url('/staff-onboarding/' . $candidate->id) }}";

        navigator.clipboard.writeText(link)
            .then(() => {
                alert('Onboarding link copied successfully!');
            })
            .catch(() => {
                prompt('Copy the onboarding link:', link);
            });
    }
</script>
@endsection