@extends('admin.layouts.main')
@section('title', 'Edit Lowongan: ' . $job->title)

@section('content')
<div class="page-header d-flex align-items-center justify-content-between">
    <div>
        <h1 class="page-title">Edit Lowongan</h1>
        <p class="page-sub">{{ $job->title }} — {{ $job->company_name }}</p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('frontend.job-detail', $job->slug) }}" target="_blank" class="btn-adm btn-success-adm btn-adm-sm">
            <i class="fas fa-eye"></i> Lihat di Website
        </a>
        <a href="{{ route('admin.jobs.index') }}" class="btn-adm btn-outline-adm">
            <i class="fas fa-arrow-left"></i> Kembali
        </a>
    </div>
</div>

<form action="{{ route('admin.jobs.update', $job->id) }}" method="POST">
    @csrf @method('PUT')
    <div class="row g-4">
        <div class="col-lg-8">
            <div class="adm-card mb-4">
                <div class="adm-card-header"><div class="adm-card-title"><i class="fas fa-info-circle"></i> Informasi Dasar</div></div>
                <div class="adm-card-body">
                    <div class="row g-3">
                        <div class="col-12">
                            <div class="form-group">
                                <label class="form-label">Judul Posisi <span style="color:#ef4444;">*</span></label>
                                <input type="text" name="title" class="form-control" value="{{ old('title', $job->title) }}" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label">Nama Perusahaan <span style="color:#ef4444;">*</span></label>
                                <input type="text" name="company_name" class="form-control" value="{{ old('company_name', $job->company_name) }}" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label">Lokasi <span style="color:#ef4444;">*</span></label>
                                <input type="text" name="location" class="form-control" value="{{ old('location', $job->location) }}" required>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="adm-card mb-4">
                <div class="adm-card-header"><div class="adm-card-title"><i class="fas fa-align-left"></i> Deskripsi & Persyaratan</div></div>
                <div class="adm-card-body">
                    <div class="form-group">
                        <label class="form-label">Deskripsi Pekerjaan <span style="color:#ef4444;">*</span></label>
                        <textarea name="description" class="form-control" rows="5" required>{{ old('description', $job->description) }}</textarea>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Kualifikasi & Persyaratan <span style="color:#ef4444;">*</span></label>
                        <textarea name="requirements" class="form-control" rows="6" required>{{ old('requirements', $job->requirements) }}</textarea>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Benefit & Fasilitas</label>
                        <textarea name="benefits" class="form-control" rows="5">{{ old('benefits', $job->benefits) }}</textarea>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="adm-card mb-4">
                <div class="adm-card-header"><div class="adm-card-title"><i class="fas fa-globe"></i> Negara Tujuan</div></div>
                <div class="adm-card-body">
                    <div class="form-group">
                        <label class="form-label">Negara <span style="color:#ef4444;">*</span></label>
                        <select name="country" class="form-select" id="countrySelect" onchange="autoFillCountry(this)" required>
                            @foreach(['Malaysia','Singapore','Taiwan','Hong Kong','Jepang'] as $c)
                            <option value="{{ $c }}" {{ old('country',$job->country)==$c ? 'selected' : '' }}>{{ $c }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="row g-2">
                        <div class="col-6">
                            <div class="form-group">
                                <label class="form-label">Kode Negara</label>
                                <input type="text" name="country_code" id="countryCode" class="form-control" value="{{ old('country_code', $job->country_code) }}" required>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="form-label">Mata Uang</label>
                                <input type="text" name="currency" id="currency" class="form-control" value="{{ old('currency', $job->currency) }}" required>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="adm-card mb-4">
                <div class="adm-card-header"><div class="adm-card-title"><i class="fas fa-money-bill"></i> Gaji & Tipe</div></div>
                <div class="adm-card-body">
                    <div class="form-group">
                        <label class="form-label">Tipe Pekerjaan</label>
                        <select name="job_type" class="form-select">
                            @foreach(['Full-time','Part-time','Contract','Seasonal'] as $t)
                            <option value="{{ $t }}" {{ old('job_type',$job->job_type)==$t ? 'selected' : '' }}>{{ $t }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Kategori</label>
                        <select name="category" class="form-select">
                            @foreach(['Baby Sitter','Caregiver','Caretaker','Spa Terapis','Perhotelan','Cleaning Service','Restaurant','Pertanian','Perawat','Pengepakan Makanan','Pabrik Las','Pabrik Jahit Jok Mobil','Sopir','Lainnya'] as $cat)
                            <option value="{{ $cat }}" {{ old('category',$job->category)==$cat ? 'selected' : '' }}>{{ $cat }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Level Pengalaman</label>
                        <select name="experience_level" class="form-select">
                            @foreach(['Fresh Graduate','1-2 Tahun','3-5 Tahun'] as $e)
                            <option value="{{ $e }}" {{ old('experience_level',$job->experience_level)==$e ? 'selected' : '' }}>{{ $e }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="row g-2">
                        <div class="col-6">
                            <div class="form-group">
                                <label class="form-label">Gaji Min</label>
                                <input type="number" name="salary_min" class="form-control" value="{{ old('salary_min', $job->salary_min) }}">
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label class="form-label">Gaji Max</label>
                                <input type="number" name="salary_max" class="form-control" value="{{ old('salary_max', $job->salary_max) }}">
                            </div>
                        </div>
                    </div>
                    <label style="display:flex;align-items:center;gap:8px;cursor:pointer;margin-top:4px;">
                        <input type="checkbox" name="salary_negotiable" {{ $job->salary_negotiable ? 'checked' : '' }}>
                        <span style="font-size:13px;font-weight:500;color:var(--c-700);">Gaji Negotiable</span>
                    </label>
                </div>
            </div>

            <div class="adm-card mb-4">
                <div class="adm-card-header"><div class="adm-card-title"><i class="fas fa-calendar"></i> Detail Penempatan</div></div>
                <div class="adm-card-body">
                    <div class="form-group">
                        <label class="form-label">Deadline <span style="color:#ef4444;">*</span></label>
                        <input type="date" name="deadline" class="form-control" value="{{ old('deadline', $job->deadline->format('Y-m-d')) }}" required>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Kuota</label>
                        <input type="number" name="quota" class="form-control" min="1" value="{{ old('quota', $job->quota) }}" required>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Durasi Kontrak</label>
                        <input type="text" name="contract_duration" class="form-control" value="{{ old('contract_duration', $job->contract_duration) }}">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Kota Keberangkatan</label>
                        <input type="text" name="departure_city" class="form-control" value="{{ old('departure_city', $job->departure_city) }}">
                    </div>
                </div>
            </div>

            <div class="adm-card mb-4">
                <div class="adm-card-header"><div class="adm-card-title"><i class="fas fa-toggle-on"></i> Status</div></div>
                <div class="adm-card-body">
                    <label style="display:flex;align-items:center;gap:10px;padding:11px;background:var(--c-50);border-radius:9px;cursor:pointer;margin-bottom:8px;">
                        <input type="checkbox" name="is_active" {{ $job->is_active ? 'checked' : '' }}>
                        <div>
                            <div style="font-size:13px;font-weight:600;color:var(--c-900);">Aktif / Published</div>
                            <div style="font-size:11.5px;color:var(--c-500);">Tampil di website</div>
                        </div>
                    </label>
                    <label style="display:flex;align-items:center;gap:10px;padding:11px;background:var(--c-50);border-radius:9px;cursor:pointer;">
                        <input type="checkbox" name="is_featured" {{ $job->is_featured ? 'checked' : '' }}>
                        <div>
                            <div style="font-size:13px;font-weight:600;color:var(--c-900);">Lowongan Unggulan</div>
                            <div style="font-size:11.5px;color:var(--c-500);">Tampil di bagian featured</div>
                        </div>
                    </label>
                </div>
            </div>

            <div class="d-flex gap-3">
                <button type="submit" class="btn-adm btn-primary-adm flex-fill" style="justify-content:center;">
                    <i class="fas fa-save"></i> Simpan Perubahan
                </button>
                <form action="{{ route('admin.jobs.destroy', $job->id) }}" method="POST" id="del-job-form">
                    @csrf @method('DELETE')
                    <button type="button" class="btn-adm btn-danger-adm" onclick="confirmDelete('del-job-form')">
                        <i class="fas fa-trash"></i>
                    </button>
                </form>
            </div>
        </div>
    </div>
</form>
@endsection

@push('scripts')
<script>
const countryData = {'Malaysia':{code:'MY',currency:'MYR'},'Singapore':{code:'SG',currency:'SGD'},'Taiwan':{code:'TW',currency:'TWD'},'Hong Kong':{code:'HK',currency:'HKD'},'Jepang':{code:'JP',currency:'JPY'}};
function autoFillCountry(sel) {
    const val = sel.value;
    if (countryData[val]) {
        document.getElementById('countryCode').value = countryData[val].code;
        document.getElementById('currency').value    = countryData[val].currency;
    }
}
</script>
@endpush