@extends('layouts.admin')

@section('title', 'Edit Lowongan')
@section('page-title', 'Edit Lowongan')
@section('page-subtitle', $vacancy->title)

@section('content')
<div style="max-width: 700px;">
    <div class="card" style="padding: 1.5rem;">
        <form method="POST" action="{{ route('admin.vacancies.update', $vacancy) }}">
            @csrf
            @method('PUT')
            <div class="form-group">
                <label for="title">Judul Lowongan *</label>
                <input type="text" name="title" id="title" class="form-control" value="{{ old('title', $vacancy->title) }}" required>
            </div>
            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
                <div class="form-group">
                    <label for="location">Lokasi *</label>
                    <input type="text" name="location" id="location" class="form-control" value="{{ old('location', $vacancy->location) }}" required>
                </div>
                <div class="form-group">
                    <label for="employment_type">Tipe Pekerjaan</label>
                    <select name="employment_type" id="employment_type" class="form-control">
                        <option value="">Pilih</option>
                        @foreach(['Full-time', 'Part-time', 'Kontrak', 'Magang'] as $type)
                        <option value="{{ $type }}" {{ old('employment_type', $vacancy->employment_type) == $type ? 'selected' : '' }}>{{ $type }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
                <div class="form-group">
                    <label for="category">Kategori</label>
                    <input type="text" name="category" id="category" class="form-control" value="{{ old('category', $vacancy->category) }}">
                </div>
                <div class="form-group">
                    <label for="department">Departemen *</label>
                    <input type="text" name="department" id="department" class="form-control" value="{{ old('department', $vacancy->department) }}" placeholder="Contoh: HRD, Agronomi, IT" required>
                </div>
            </div>
            <div class="form-group">
                <label for="description">Deskripsi</label>
                <textarea name="description" id="description" class="form-control" rows="4">{{ old('description', $vacancy->description) }}</textarea>
            </div>
            <div class="form-group">
                <label for="requirements">Persyaratan</label>
                <textarea name="requirements" id="requirements" class="form-control" rows="4">{{ old('requirements', $vacancy->requirements) }}</textarea>
            </div>
            <div class="form-group">
                <label for="benefits">Benefit</label>
                <textarea name="benefits" id="benefits" class="form-control" rows="3">{{ old('benefits', $vacancy->benefits) }}</textarea>
            </div>
            <div class="form-group" style="display: flex; align-items: center; gap: 8px;">
                <input type="checkbox" name="is_active" id="is_active" {{ $vacancy->is_active ? 'checked' : '' }} style="width: 18px; height: 18px; accent-color: var(--green-500);">
                <label for="is_active" style="margin: 0;">Aktifkan lowongan</label>
            </div>
            <div style="display: flex; gap: 0.5rem; margin-top: 1.25rem;">
                <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Simpan Perubahan</button>
                <a href="{{ route('admin.vacancies.index') }}" class="btn btn-secondary">Batal</a>
            </div>
        </form>
    </div>
</div>
@endsection