@extends('portal.layouts.app', [
    'class' => '',
    'elementActive' => ''
])

@section('title','Create Job')

@section('content')
<div id="content-page" class="content-page">
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="iq-card">
                    <div class="iq-card-header d-flex justify-content-between">
                        <div class="iq-header-title">
                            <h4 class="card-title">Create New Job</h4>
                        </div>
                    </div>
                    <div class="iq-card-body">
                        <form action="{{ route('addjob') }}" class="autosubmit" method="POST" enctype="multipart/form-data">
                            @csrf

                            {{-- COMPANY --}}
                            <div class="form-group">
                                <label>Company <span class="text-danger">*</span></label>
                                <select name="company" class="form-control select2" required>
                                    <option value="">Select Company</option>
                                    @foreach($companies as $comp)
                                        <option value="{{ $comp->uuid }}">{{ $comp->name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            {{-- JOB TITLE --}}
                            <div class="form-group">
                                <label>Job Title <span class="text-danger">*</span></label>
                                <select name="job_title" class="form-control select2" required>
                                    <option value="">Select Job Title</option>
                                    @foreach($titles as $title)
                                        <option value="{{ $title->uuid }}">{{ $title->name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            {{-- TITLE NAME --}}
                            <div class="form-group">
                                <label>Title (Display Name) <span class="text-danger">*</span></label>
                                <input type="text" name="title" class="form-control" placeholder="Enter display title" required>
                            </div>

                            {{-- CATEGORY --}}
                            <div class="form-group">
                                <label>Job Category</label>
                                <select name="job_category" class="form-control select2">
                                    <option value="">Select Category</option>
                                    @foreach($categories as $cat)
                                        <option value="{{ $cat->uuid }}">{{ $cat->name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            {{-- DESCRIPTION --}}
                            <div class="form-group">
                                <label>Job Description</label>
                                <textarea name="job_description" class="form-control" rows="4" placeholder="Detailed job description..."></textarea>
                            </div>

                            {{-- REQUIREMENTS --}}
                            <div class="form-group">
                                <label>Job Requirements (Document)</label>
                                <textarea name="job_requirements" class="form-control" rows="4" placeholder="Enter job requirements..."></textarea>
                            </div>

                            {{-- EXPERIENCE --}}
                            <div class="form-group">
                                <label>Experience Requirements</label>
                                <textarea name="job_experience_requirements" class="form-control" rows="3" placeholder="Experience requirements..."></textarea>
                            </div>

                            {{-- EDUCATION --}}
                            <div class="form-group">
                                <label>Education Requirements</label>
                                <textarea name="job_education_requirements" class="form-control" rows="3" placeholder="Education requirements..."></textarea>
                            </div>

                            {{-- RESPONSIBILITIES --}}
                            {{-- <div class="form-group">
                                <label>Job Responsibilities</label>
                                <textarea name="job_responsibilities" class="form-control" rows="3" placeholder="List job responsibilities..."></textarea>
                            </div> --}}

                            {{-- BENEFITS --}}
                            <div class="form-group">
                                <label>Job Benefits</label>
                                <textarea name="job_benefits" class="form-control" rows="3" placeholder="List job benefits..."></textarea>
                            </div>

                            {{-- SKILL REQUIREMENTS --}}
                            <div class="form-group">
                                <label>Skill Requirements</label>
                                <textarea name="job_skill_requirements" class="form-control" rows="3" placeholder="Enter required skills..."></textarea>
                            </div>

                            {{-- GENDER & LEVEL --}}
                            <div class="form-row">
                                <div class="form-group col-md-6">
                                    <label>Gender</label>
                                    <select name="job_gender" class="form-control select2">
                                        <option value="">Any</option>
                                        <option value="male">Male</option>
                                        <option value="female">Female</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-6">
                                    <label>Job Level</label>
                                    <input type="text" name="job_level" class="form-control" placeholder="e.g., Entry, Mid, Senior">
                                </div>
                            </div>

                            {{-- LOCATION --}}
                            <div class="form-group">
                                <label>Job Location</label>
                                <input type="text" name="job_location" class="form-control" placeholder="City, State, or Region">
                            </div>

                            {{-- COUNTRY --}}
                            <div class="form-group">
                                <label>Country</label>
                                <select name="job_country_id" class="form-control select2">
                                    <option value="">Select Country</option>
                                    @foreach(App\Models\Country::orderBy('name')->get() as $country)
                                        <option value="{{ $country->id }}">{{ $country->name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            {{-- JOB TYPE --}}
                            <div class="form-group">
                                <label>Job Type</label>
                                <select name="job_type" class="form-control select2">
                                    <option value="">Select Type</option>
                                    <option value="full-time">Full-time</option>
                                    <option value="part-time">Part-time</option>
                                    <option value="contract">Contract</option>
                                    <option value="internship">Internship</option>
                                </select>
                            </div>

                            {{-- WORKING HOURS --}}
                            <div class="form-group">
                                <label>Working Hours</label>
                                <input type="text" name="job_working_hours" class="form-control" placeholder="e.g., 8:00 AM - 5:00 PM">
                            </div>

                            {{-- SALARY --}}
                            <div class="form-row">
                                <div class="form-group col-md-4">
                                    <label>Currency</label>
                                    <input type="text" name="currency" class="form-control" placeholder="e.g., USD">
                                </div>
                                <div class="form-group col-md-4">
                                    <label>Salary Min</label>
                                    <input type="number" name="job_salary_min" class="form-control" placeholder="Minimum salary">
                                </div>
                                <div class="form-group col-md-4">
                                    <label>Salary Max</label>
                                    <input type="number" name="job_salary_max" class="form-control" placeholder="Maximum salary">
                                </div>
                            </div>

                            {{-- CANDIDATES --}}
                            <div class="form-group">
                                <label>Number of Candidates Needed</label>
                                <input type="number" name="job_candidates" class="form-control" placeholder="e.g., 5">
                            </div>

                            {{-- INTERVIEW --}}
                            <div class="form-group">
                                <label>Interview Required?</label>
                                <select name="job_interview_required" class="form-control select2">
                                    <option value="">Select Option</option>
                                    <option value="yes">Yes</option>
                                    <option value="no">No</option>
                                </select>
                            </div>

                            {{-- EXPIRATION DATE --}}
                            <div class="form-group">
                                <label>Expiration Date</label>
                                <input type="date" name="job_expiration" class="form-control">
                            </div>

                            {{-- STATUS --}}
                            <div class="form-group">
                                <label>Status</label>
                                <select name="job_status" class="form-control select2">
                                    <option value="">Select Option</option>
                                    <option value="Active">Active</option>
                                    <option value="Inactive">Inactive</option>
                                </select>
                            </div>

                            {{-- DEMAND LETTER --}}
                            <div class="form-group">
                                <label>Demand Letter (Optional)</label>
                                <input type="file" name="demand_letter" class="form-control-file">
                            </div>
                            {{-- Banner Image --}}
                            <div class="form-group">
                                <label>Banner Image (Optional for job advertisement)</label>
                                <input type="file" name="banner_image" class="form-control-file">
                            </div>

                            {{-- SUBMIT --}}
                            <div class="form-group text-right">
                                <button type="submit" class="btn btn-primary">Create Job</button>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection


@section('script')
<script src="{{ asset('portal/js/formsubmission.js') }}"></script>
@endsection