관리-도구

편집 파일: post_jobs.blade.php

@extends('theme.saintsaccessories.websiteEcom')
<style>
    .form-item-signin input {
      height: 63px;
    }
    div#type_of_location {display: grid;grid-template-columns: repeat(2, 1fr);}
</style>
@section('content')

<section class="sign-in-sec">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="create-new-account job_post_pg">
                    <div class="sign-txt-btn">
                        <div class="welcome-web-head account-sign">
                            <h3>POST A JOB!</h3>
                            
                        </div>
                    </div>
                <form action="{{ url('/post-job/create') }}" method="POST">
                    @csrf
                    <div class="row job_post_main">
                        <div class="col-lg-6">
                                <div class="form-item-signin">
                                    <label for="username">Job Title</label>
                                    <input type="text" id="email" autocomplete="off" name="job_title"  required value="">
                                </div>
                                  <div class="form-item-signin">
                                    <label for="description">Job Description</label>
                                     <textarea name="job_description" id=""></textarea>
                                </div>
                                 <div class="form-item-signin">
                                    <label for="keywords">Keywords</label>
                                    <input type="text" id="text" autocomplete="off" name="keywords"  required value="">
                                </div>
                                <div class="form-item-signin">
                                    <label for="min_experience">Min Experience (optional)</label>
                                    <input type="number" id="number" autocomplete="off" name="min_experience"  value="">
                                </div>
                                <div class="form-item-signin">
                                    <label for="jobpost_date">Min Salary (optional)</label>
                                    <input type="number" id="date" autocomplete="off"  name="min_salary"  value="">
                                </div>
                                <div class="form-item-signin">
                                  <label for="username">Job type</label>
                                    <select name="job_type" id="">
                                        <option value="Full-time">Full-time</option>
                                        <option value="Part-time">Part-time</option>
                                        <option value="Contract">Contract</option>
                                        <option value="Temporary">Temporary</option>
                                        <option value="Volunteer">Volunteer</option>
                                        <option value="Internship">Internship</option>
                                        <option value="Other">Other</option>
                                    </select>
                                </div>
                                 <div class="form-item-signin">
                                    <label for="employer_designation">Your Title</label>
                                    <input type="text" id="employer_designation" autocomplete="off"  name="empolyer_designation" required value="">
                                </div>
                                <div class="form-item-signin">
                                    <label for="employer_email">Employer Email (Resumes will be sent to this email)</label>
                                    <input type="text" id="employer_email" autocomplete="off"  name="employer_email"  value="">
                                  </div>
                              
                            </div>
                            <div class="col-lg-6">
                                
                                
                                
                                
                                 <div class="form-item-signin">
                                    <label for="max_salary">No. of vacancy</label>
                                    <input type="number" id="number" autocomplete="off" placeholder="1" name="no_of_vacancy"  value="1">
                                </div>
                                 <div class="form-item-signin">
                                    <div class="row" >
                                        <div class="col-lg-12" >
                                            <div class="form-item-signin"> 
                                            <label for="username">Workplace type</label>
                                                <select name="workplace_type" id="workplace_type">
                                                    <option value="On-Site">On-Site</option>
                                                    <option value="Remote">Remote</option>
                                                    <option value="Hybrid">Hybrid</option>
                                                </select>
                                            </div>
                                        </div>
                                     <div class="col-lg-12" >
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        <div class="based_on_type" id="type_of_location" style="display: none;">
                                            <div class="form-item-signin">
                                                <label>Enter Country</label>    
                                                <input name="job_country" placeholder="Enter Country">
                                                
                                                
                                                
                                            </div>
                                            <div class="form-item-signin">
                                                <label>Enter Country Zip Code</label>    
                                                <input name="job_country_cip_code" placeholder="Enter Country Zip Code">
                                                
                                                
                                                
                                            </div>
                                            <div class="form-item-signin">
                                                <label>Enter States</label>    
                                                <input name="job_state" placeholder="Enter States">
                                            </div>
                                            <div class="form-item-signin">
                                                <label>Enter City</label>    
                                                <input name="job_city" placeholder="Enter City">
                                            </div>
                                            <div class="form-item-signin">
                                                <label for="job_location">Job location</label>
                                                <input type="text" id="job_location" autocomplete="off" name="job_location" required value="">
                                            </div>    
                                        </div>
                                        <div id="type_of_remote" style="display: none;">
                                            You are selected remote
                                        </div>
                                      </div>
                                    </div>
                                </div>
                                  <div class="form-item-signin">
                                    <label for="industry">Industry (optional</label>
                                    <input type="text" id="text" autocomplete="off"  name="industry"  value="">
                                </div>
                                <div class="form-item-signin">
                                    <label for="qualification">Qualification</label>
                                    <select name="qualification" id="">
                                        <option value="" disabled >--Select Qualification</option>
                                        <option value="none">None</option>
                                        <option value="non-auth">NA</option>
                                        <option value="Masters">Masters</option>
                                        <option value="Graduate">Graduate</option>
                                        <option value="Undergraduate">Undergraduate</option>
                                    </select>
                                </div>
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                <input type="hidden" name="company_name" value="{{ $_GET['company'] }}">
                                <div class="form-item-signin">
                                    <label for="max_experience">Max Experience (optional)</label>
                                    <input type="number" id="number" autocomplete="off" name="max_experience"  value="">
                                </div>
                                <div class="form-item-signin">
                                    <label for="contact-person">Contact Person</label>
                                    <input type="text" id="text" autocomplete="off"  name="contact_person" required value="">
                                </div>
        
                                    
                                <div class="form-item-signin">
                                    <label for="min_salary">Max Salary (optional)</label>
                                    <input type="number" id="number" autocomplete="off" name="max_salary"  value="">
                                </div>
                                <div class="form-item-signin">
                                    <label for="jobpost_expirydate">Job Post Expire Date</label>
                                    <input type="date" id="jobpost_expirydate" autocomplete="off"  name="jobpost_expirydate" required value="">
                                </div>
                                
                               
                                <div class="form-item-signin">
                                    <label for="employer_contact">Hiring Manager Number (This will only be available to website admin) (Optional)</label>
                                    <input type="text" id="employer_contact" autocomplete="off"  name="employer_contact" required value="">
                                </div>
                                </div>
                                
                                
                                <div class="col-lg-12" >
                                  
                                </div>
                                <div class="col-lg-12" >
                                  <div class="form-item-signin">
                                    <label for="link_space">Add A Link</label>
                                    <input type="text" id="link_space" autocomplete="off"  name="link_space" required value="">
                                  </div>
                                </div>
                                <div class="col-lg-12 d-none" >
                                  <div class="form-item-signin">
                                    <input type="hidden"  autocomplete="off"  name="pinned_jobs" required value="0">
                                  </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="continue-btn post-job-started">
                                     <button class="btn btn-dark " type="submit">Get started for free</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

// Static data for countries and their cities
    const countryData = {
        "United Kingdom": [
            "London", "Birmingham", "Manchester", "Liverpool", 
            "Bristol", "Leeds", "Sheffield", "Glasgow", "Newcastle"
        ],
        "United States": [
            "Washington DC", "New York", "Los Angeles", "Chicago", 
            "Houston", "Phoenix", "Philadelphia", "San Antonio", "Austin" ,"San Diego"
        ],
        "Canada": [
            "Toronto", "Vancouver", "Montreal", "Calgary", 
            "Ottawa", "Edmonton", "Quebec City", "Winnipeg", "Halifax"
        ],
        "Australia": [
            "Sydney", "Melbourne", "Brisbane", "Perth", 
            "Adelaide", "Gold Coast", "Canberra", "Hobart", "Darwin"
        ]
    };

// Populate the country dropdown
    for (let country in countryData) {
        const option = document.createElement('option');
        option.value = country;
        option.textContent = country;
        countrySelect.appendChild(option);
    }

// Event listener for country selection
    countrySelect.addEventListener('change', function () {
        // Clear previous city options
        citySelect.innerHTML = '<option value="">Select City</option>';
        
        const selectedCountry = this.value;
        if (selectedCountry) {
            const cities = countryData[selectedCountry];

// Populate cities based on selected country
            cities.forEach(city => {
                const option = document.createElement('option');
                option.value = city;
                option.textContent = city;
                citySelect.appendChild(option);
            });
        }
    });
});
</script>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        const workplaceType = document.querySelector('[name="workplace_type"]');
        const typeOfLocation = document.getElementById("type_of_location");
        const typeOfRemote = document.getElementById("type_of_remote");

function handleWorkplaceChange() {
            const selectedValue = workplaceType.value;

if (selectedValue === "On-Site") {
                typeOfLocation.style.display = "block";
                typeOfRemote.style.display = "none";
            } else if (selectedValue === "Remote") {
                typeOfLocation.style.display = "none";
                typeOfRemote.style.display = "block";
            } else {
                typeOfLocation.style.display = "none";
                typeOfRemote.style.display = "none";
            }
        }

workplaceType.addEventListener("change", handleWorkplaceChange);
        handleWorkplaceChange();
    });
</script>
@endsection