@extends('company.layouts.main')
@section('content')
<div class="content-wrapper">
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Add job</h1><br>
                    <a class="edit btn btn-info btn-sm" href="{{ route('view.job') }}">Back</a>
                </div>
            </div>
        </div>
    </div>

    <div class="content">
        <div class="container-fluid">
            <div class="card">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card-body">
                            <form action="{{ route('store.job') }}" method="POST" id="addJob"
                                enctype="multipart/form-data">
                                @if (Session::has('success'))
                                <div class="alert alert-success">{{ Session::get('success') }}</div>
                                @endif
                                @csrf

                                <label>Job Title</label><span class="text-danger">*</span>
                                <input type="text" name="title" class="form-control" value="{{ old('title') }}" />
                                <span class="text-danger">
                                    @error('title')
                                    {{ $message }}
                                    @enderror
                                </span><br>

                                    <label>Job Description </label><span class="text-danger">*</span>
                                    <textarea class="form-control summernote" id="jobDescription" name="description" oninput="updateRemainingChars()" maxlength="150">{{ old('description') }}</textarea>
                                    <span id="remainingCharacters">(150 characters remaining)</span>
                                    <span class="text-danger" id="descriptionError">
                                        @error('description')
                                            {{ $message }}
                                        @enderror
                                    </span><br>

                                <label>Job Location</label><span class="text-danger">*</span>
                                <select class="form-control" name="location" id="">
                                    <option value="">Select Job Location</option>
                                    @foreach ($cities as $city_name)
                                    <option value="{{ $city_name->id }}">{{ $city_name->city_name }}</option>
                                    @endforeach
                                </select><br>

                                <label>Requried Experience</label><span class="text-danger">*</span>
                                <input type="text" name="experience" class="form-control"
                                    value="{{ old('experience') }}" />
                                <span class="text-danger">
                                    @error('experience')
                                    {{ $message }}
                                    @enderror
                                </span><br>

                                <label>Employee type</label><span class="text-danger">*</span>
                                <select class="form-control" name="employee_type_name" id="">
                                    <option value="0">Select Employe Type</option>
                                    @foreach ($employeeTypes as $employeeType)
                                    <option value="{{ $employeeType->id }}">{{ $employeeType->name }}</option>
                                    @endforeach
                                </select><br>

                                <div class="row">
                                    <div class="form-group col-12 col-md-6">
                                        <label>Salary From</label><span class="text-danger">*</span>
                                        <input type="text" name="salary_from" class="form-control"
                                            value="{{ old('salary_from') }}" placeholder="Enter Salary In LPA" />
                                    </div>
                                    <div class="form-group col-12 col-md-6"><span class="text-danger">*</span>
                                        <label> Salary To</label><span class="text-danger">*</span>
                                        <input type="text" name="salary_to" class="form-control"
                                            value="{{ old('salary_to') }}" placeholder="Enter  Salary In LPA" />
                                    </div>
                                </div>

                                <label>Job Post Date</label><span class="text-danger">*</span>
                                <input type="date" name="start_date" id="start_date" class="form-control" min="{{ date('Y-m-d') }}"
                                    value="{{ old('start_date') }}" />
                                <span class="text-danger">
                                    @error('start_date')
                                    {{ $message }}
                                    @enderror
                                </span><br>

                                <label>Job Expire Date</label><span class="text-danger">*</span>
                                <input type="date" name="end_date" id="end_date" class="form-control"
                                    value="{{ old('end_date') }}" />
                                <span class="text-danger">
                                    @error('end_date')
                                    {{ $message }}
                                    @enderror
                                </span><br>

                                <label>Select Job Level</label><span class="text-danger">*</span>
                                <select class="form-control" name="job_level">
                                    <option value="">Select Job Level</option>
                                    @foreach ($joblevels as $job)
                                    <option value="{{ $job->id }}">{{ $job->title }}</option>
                                    @endforeach
                                </select><br>

                                <label>Select Education Name</label><span class="text-danger">*</span>
                                <select class="form-control" name="education">
                                    <option value="">Select Education Name</option>
                                    @foreach ($educations as $education)
                                    <option value="{{ $education->id }}">{{ $education->name }}</option>
                                    @endforeach
                                </select><br>

                                <label>Select Designations Name</label><span class="text-danger">*</span>
                                <select class="form-control" name="designition">
                                    <option value="">Select Designations Name</option>
                                    @foreach ($designitions as $designition)
                                    <option value="{{ $designition->id }}">{{ $designition->title }}</option>
                                    @endforeach
                                </select><br>

                                <!-- <label>Select Industry Name</label><span class="text-danger">*</span>
                      <select class="form-control" name="industry">
                          <option value="0">Select Industry Name</option>
                          @foreach ($industries as $industry)
    <option value="{{ $industry->id }}">{{ $industry->industry_name }}</option>
    @endforeach
                      </select><br>

                      <label>Select Department</label><span class="text-danger">*</span>
                      <select class="form-control" name="department_id" id="">
                          <option value="0">Select Department</option>
                          @foreach ($industry_mappings as $industry_mapping)
    <option value="{{ $industry_mapping->id }}">{{ $industry_mapping->department_name }}</option>
    @endforeach
                      </select><br> -->

                                <label>Select Industry Name</label><span class="text-danger">*</span>
                                <select class="form-control dynamic" name="industry" id="industry">
                                    <option value="">Select Industry Name</option>
                                    @foreach ($industries as $industry)
                                    <option value="{{ $industry->id }}">{{ $industry->industry_name }}</option>
                                    @endforeach
                                </select><br>

                                <label>Select Department</label><span class="text-danger">*</span>
                                <select class="form-control" name="department" id="department">
                                    <option value="">Select Department</option>
                                </select><br>


                                <div class="form-group">
                                    <label>Banner Image</label><span class="text-danger">* </span>
                                        <p style="font-size:14px;">Image size should be 1440 * 368 px and image file type should be JPG or PNG .</p>
                                    <input type="file" name="banner" class="form-control" value="{{ old('banner') }}"
                                        accept="image/jpeg, image/png" />
                                    @error('banner')
                                    <span class='text-danger'>{{ $message }}</span>
                                    @enderror
                                </div>


                                <label>About the Role</label><span class="text-danger">*</span>
                                <textarea class="form-control summernote" id="about_role"
                                    name="about_role">{{ old('about_role') }}</textarea>
                                <span class="text-danger" id="aboutRoleError">
                                    @error('description')
                                    {{ $message }}
                                    @enderror
                                </span><br>

                                <label>Roles and responsibilities</label><span class="text-danger">*</span>
                                <textarea class="form-control summernote" id="roles_responsibilities"
                                    name="roles_responsibilities">{{ old('roles_responsibilities') }}</textarea>
                                <span class="text-danger" id="rolesResponsibilitiesError">
                                    @error('description')
                                    {{ $message }}
                                    @enderror
                                </span><br>

                                <label>Eligibility</label><span class="text-danger">*</span>
                                <textarea class="form-control summernote" id="eligibility"
                                    name="eligibility">{{ old('eligibility') }}</textarea>
                                <span class="text-danger" id="eligibilityerror">
                                    @error('description')
                                    {{ $message }}
                                    @enderror
                                </span><br>

                                <label>Required skills</label><span class="text-danger">*</span>
                                <textarea class="form-control summernote" id="required_skills"
                                    name="required_skills">{{ old('required_skills') }}</textarea>
                                <span class="text-danger" id="requiredSkillsError">
                                    @error('description')
                                    {{ $message }}
                                    @enderror
                                </span><br>

                                <label>Is Featured</label><br>
                                <label for="trent_yes">Yes</label>
                                <input type="radio" id="trend_yes" name="is_featured" value="1" />&nbsp;&nbsp;&nbsp;
                                <label for="trent_no">No</label>
                                <input type="radio" id="trend_no" name="is_featured" value="0" /><br><br>


                                <button class="btn btn-info mt-4" type="submit">Submit</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        var today = new Date().toISOString().split('T')[0];
        document.getElementById('start_date').setAttribute('min', today);
    });

function updateRemainingChars() {
    var maxLength = 150;
    var currentChars = document.getElementById('jobDescription').value.length;
    var remainingChars = maxLength - currentChars;
    document.getElementById('remainingCharacters').textContent = "(" + remainingChars + " characters remaining)";
}



document.addEventListener('DOMContentLoaded', function() {
    var today = new Date();
    var tomorrow = new Date();
    tomorrow.setDate(today.getDate() + 1);

    var year = tomorrow.getFullYear();
    var month = ("0" + (tomorrow.getMonth() + 1)).slice(-2); // Months are zero-indexed
    var day = ("0" + tomorrow.getDate()).slice(-2);

    var tomorrowFormatted = year + "-" + month + "-" + day;

    document.getElementById('end_date').setAttribute('min', tomorrowFormatted);
});

$('.dynamic').change(function() {

    var id = $('.dynamic').val();
    //  alert(id)


    $.ajax({
        url: "{{ route('getDepartments') }}",
        method: "POST",
        data: {
            id
        },
        success: function(result) {
            console.log("result", result.data)

            myFunction(result.data);

        }
    })

});

function myFunction(data) {
    var select_option = ''
    data.forEach((item, department_name) => {
        select_option += '<option value=' + item["id"] + '>' + item['department_name'] + '</option>';
    })


    {
        {
            select_option += '</select>';
            
        }
    }
    document.getElementById("department").innerHTML = select_option;
}
</script>
@section('script')
$('.summernote').summernote({
height: 100,
toolbar: [
['style', ['bold', 'italic', 'underline', 'clear']],
['para', ['ul', 'ol']],
],
disableDragAndDrop: true,
});
@endsection
@endsection