@extends('employer.layout')
@section('title', 'Edit job posting')
@section('content')
<main class="page">
    <span class="eyebrow">Employer workspace</span>
    <h1 class="title">Edit job posting</h1>
    <p class="muted">Update the details or change whether this job is accepting applications.</p>
    @if ($errors->any())<div class="error" role="alert">{{ $errors->first() }}</div>@endif
    <section class="panel">
        <form method="POST" action="{{ route('employer.jobs.update', $job) }}" enctype="multipart/form-data">
            @csrf @method('PATCH')
            <div class="grid">
                <div class="field"><label for="title">Job title *</label><input class="input" id="title" name="title" value="{{ old('title', $job->title) }}" maxlength="255" required></div>
                <div class="field"><label for="category_id">Category</label><select class="input" id="category_id" name="category_id"><option value="">Choose a category</option>@foreach ($categories as $category)<option value="{{ $category->id }}" @selected(old('category_id', $job->category_id) == $category->id)>{{ $category->name }}</option>@endforeach</select></div>
                <div class="field"><label for="employment_type">Employment type *</label><select class="input" id="employment_type" name="employment_type" required>@foreach (['full_time' => 'Full-time', 'part_time' => 'Part-time', 'contract' => 'Contract', 'temporary' => 'Temporary', 'internship' => 'Internship'] as $value => $label)<option value="{{ $value }}" @selected(old('employment_type', $job->employment_type) === $value)>{{ $label }}</option>@endforeach</select></div>
                <div class="field"><label for="work_mode">Work arrangement *</label><select class="input" id="work_mode" name="work_mode" required>@foreach (['onsite' => 'On-site', 'hybrid' => 'Hybrid', 'remote' => 'Remote'] as $value => $label)<option value="{{ $value }}" @selected(old('work_mode', $job->work_mode) === $value)>{{ $label }}</option>@endforeach</select></div>
                <div class="field"><label for="career_level">Career level</label><input class="input" id="career_level" name="career_level" value="{{ old('career_level', $job->career_level) }}" maxlength="100"></div>
                <div class="field"><label for="county_id">County</label><select class="input" id="county_id" name="county_id"><option value="">Choose a county</option>@foreach ($counties as $county)<option value="{{ $county->id }}" @selected(old('county_id', $job->county_id) == $county->id)>{{ $county->name }}</option>@endforeach</select></div>
                <div class="field"><label for="town">Town</label><input class="input" id="town" name="town" value="{{ old('town', $job->town) }}" maxlength="255" list="job-cities"><datalist id="job-cities">@foreach ($cities as $city)<option value="{{ $city->name }}">{{ $city->county->name }}</option>@endforeach</datalist></div>
                <div class="field"><label for="application_deadline">Application deadline</label><input class="input" id="application_deadline" type="date" name="application_deadline" value="{{ old('application_deadline', $job->application_deadline?->format('Y-m-d')) }}"></div>
                <div class="field"><label for="salary_min">Minimum salary (KES)</label><input class="input" id="salary_min" type="number" step="0.01" min="0" name="salary_min" value="{{ old('salary_min', $job->salary_min) }}"></div>
                <div class="field"><label for="salary_max">Maximum salary (KES)</label><input class="input" id="salary_max" type="number" step="0.01" min="0" name="salary_max" value="{{ old('salary_max', $job->salary_max) }}"></div>
                <div class="field span-2"><label for="job-cover-image">Job cover image <span class="muted">(optional)</span></label>@if ($job->cover_image_path)<img src="{{ route('employer.jobs.cover', $job) }}" alt="Current job cover image" style="display:block;width:min(100%,520px);max-height:240px;object-fit:cover;border-radius:12px;margin:8px 0 12px">@endif<input class="input" id="job-cover-image" name="cover_image" type="file" accept="image/jpeg,image/png,image/webp"><p class="hint">JPG, PNG, or WebP, up to 5 MB. Upload a new image to replace the current one.</p>@if ($job->cover_image_path)<label class="settings-remove"><input type="checkbox" name="remove_cover_image" value="1"> Remove current image</label>@endif</div>
                <div class="field"><label for="status">Posting status</label><select class="input" id="status" name="status" required>
                    <option value="draft" @selected(old('status', $job->status) === 'draft')>Draft</option>
                    @if ($employer->is_verified || $job->status === 'open')<option value="open" @selected(old('status', $job->status) === 'open')>Open — accepting applications</option>@endif
                    <option value="closed" @selected(old('status', $job->status) === 'closed')>Closed — stop accepting applications</option>
                </select></div>
                <div class="field span-2"><label for="description">Job description *</label><textarea class="input" id="description" name="description" rows="5" required>{{ old('description', $job->description) }}</textarea></div>
                <div class="field span-2"><label for="requirements">Requirements</label><textarea class="input" id="requirements" name="requirements" rows="3">{{ old('requirements', $job->requirements) }}</textarea></div>
                <div class="field span-2"><label for="responsibilities">Responsibilities</label><textarea class="input" id="responsibilities" name="responsibilities" rows="3">{{ old('responsibilities', $job->responsibilities) }}</textarea></div>
            </div>
            <input type="hidden" name="salary_currency" value="{{ $job->salary_currency ?: 'KES' }}">
            <div class="form-end"><a class="button button-light" href="{{ route('employer.dashboard') }}">Cancel</a><button class="button" type="submit">Save changes</button></div>
        </form>
    </section>
</main>
@endsection