@extends('layouts.admin')

@section('title', 'Tambah Lowongan')
@section('page-title', 'Tambah Lowongan')
@section('page-subtitle', 'Buat lowongan pekerjaan baru')

@section('content')
<div style="max-width: 700px;">
    <div class="card" style="padding: 1.5rem;">
        <form method="POST" action="{{ route('admin.vacancies.store') }}">
            @csrf
            <div class="form-group">
                <label for="title">Judul Lowongan *</label>
                <input type="text" name="title" id="title" class="form-control" value="{{ old('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') }}" 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>
                        <option value="Full-time" {{ old('employment_type') == 'Full-time' ? 'selected' : '' }}>Full-time</option>
                        <option value="Part-time" {{ old('employment_type') == 'Part-time' ? 'selected' : '' }}>Part-time</option>
                        <option value="Kontrak" {{ old('employment_type') == 'Kontrak' ? 'selected' : '' }}>Kontrak</option>
                        <option value="Magang" {{ old('employment_type') == 'Magang' ? 'selected' : '' }}>Magang</option>
                    </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') }}" placeholder="Contoh: Staff, Lapangan">
                </div>
                <div class="form-group">
                    <label for="department">Departemen *</label>
                    <input type="text" name="department" id="department" class="form-control" value="{{ old('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') }}</textarea>
            </div>
            <div class="form-group">
                <label for="requirements">Persyaratan</label>
                <textarea name="requirements" id="requirements" class="form-control" rows="4">{{ old('requirements') }}</textarea>
            </div>
            <div class="form-group">
                <label for="benefits">Benefit</label>
                <textarea name="benefits" id="benefits" class="form-control" rows="3">{{ old('benefits') }}</textarea>
            </div>
            <div class="form-group" style="display: flex; align-items: center; gap: 8px;">
                <input type="checkbox" name="is_active" id="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</button>
                <a href="{{ route('admin.vacancies.index') }}" class="btn btn-secondary">Batal</a>
            </div>
        </form>
    </div>
</div>
@endsection