@extends('layouts.app')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">{{ isset($jobPosting) ? 'تعديل وظيفة' : 'إضافة وظيفة جديدة' }}</h1>
        <p class="page-subtitle">أدخل تفاصيل الوظيفة الشاغرة</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('job-postings.index') }}" class="btn btn-secondary"><i class="fa-solid fa-arrow-right"></i> رجوع</a>
    </div>
</div>

<form action="{{ isset($jobPosting) ? route('job-postings.update', $jobPosting) : route('job-postings.store') }}" method="POST">
    @csrf
    @if(isset($jobPosting)) @method('PUT') @endif

    <div class="card">
        <div class="card-header"><h3>البيانات الأساسية</h3></div>
        <div class="card-body">
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">مسمى الوظيفة (عربي)</label>
                    <input type="text" name="title" class="form-input" value="{{ old('title', $jobPosting->title ?? '') }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label">مسمى الوظيفة (إنجليزي)</label>
                    <input type="text" name="title_en" class="form-input" value="{{ old('title_en', $jobPosting->title_en ?? '') }}">
                </div>
                <div class="form-group">
                    <label class="form-label">القسم</label>
                    <select name="department_id" class="form-select">
                        <option value="">اختر القسم</option>
                        @foreach($departments as $dept)
                            <option value="{{ $dept->id }}" @selected(old('department_id', $jobPosting->department_id ?? '') == $dept->id)>{{ $dept->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">الموقع</label>
                    <input type="text" name="location" class="form-input" value="{{ old('location', $jobPosting->location ?? '') }}" placeholder="مثال: الرياض، السعودية">
                </div>
                <div class="form-group">
                    <label class="form-label required">نوع الدوام</label>
                    <select name="employment_type" class="form-select" required>
                        <option value="full_time" @selected(old('employment_type', $jobPosting->employment_type ?? '') === 'full_time')>دوام كامل</option>
                        <option value="part_time" @selected(old('employment_type', $jobPosting->employment_type ?? '') === 'part_time')>دوام جزئي</option>
                        <option value="contract" @selected(old('employment_type', $jobPosting->employment_type ?? '') === 'contract')>عقد</option>
                        <option value="remote" @selected(old('employment_type', $jobPosting->employment_type ?? '') === 'remote')>عن بعد</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">مستوى الخبرة</label>
                    <select name="experience_level" class="form-select" required>
                        <option value="entry" @selected(old('experience_level', $jobPosting->experience_level ?? '') === 'entry')>مبتدئ</option>
                        <option value="mid" @selected(old('experience_level', $jobPosting->experience_level ?? '') === 'mid')>متوسط</option>
                        <option value="senior" @selected(old('experience_level', $jobPosting->experience_level ?? '') === 'senior')>خبير</option>
                        <option value="lead" @selected(old('experience_level', $jobPosting->experience_level ?? '') === 'lead')>قائد فريق</option>
                        <option value="executive" @selected(old('experience_level', $jobPosting->experience_level ?? '') === 'executive')>تنفيذي</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">عدد الشواغر</label>
                    <input type="number" name="positions_count" class="form-input" min="1" value="{{ old('positions_count', $jobPosting->positions_count ?? 1) }}">
                </div>
                <div class="form-group">
                    <label class="form-label required">الحالة</label>
                    <select name="status" class="form-select" required>
                        <option value="draft" @selected(old('status', $jobPosting->status ?? 'draft') === 'draft')>مسودة</option>
                        <option value="published" @selected(old('status', $jobPosting->status ?? '') === 'published')>منشورة</option>
                        <option value="closed" @selected(old('status', $jobPosting->status ?? '') === 'closed')>مغلقة</option>
                        <option value="filled" @selected(old('status', $jobPosting->status ?? '') === 'filled')>تم الشغل</option>
                    </select>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><h3>الراتب</h3></div>
        <div class="card-body">
            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label">الحد الأدنى للراتب</label>
                    <input type="number" step="0.01" name="salary_min" class="form-input" value="{{ old('salary_min', $jobPosting->salary_min ?? '') }}">
                </div>
                <div class="form-group">
                    <label class="form-label">الحد الأعلى للراتب</label>
                    <input type="number" step="0.01" name="salary_max" class="form-input" value="{{ old('salary_max', $jobPosting->salary_max ?? '') }}">
                </div>
                <div class="form-group">
                    <label class="form-label">إظهار الراتب في الإعلان</label>
                    <select name="show_salary" class="form-select">
                        <option value="0" @selected(!old('show_salary', $jobPosting->show_salary ?? false))>لا</option>
                        <option value="1" @selected(old('show_salary', $jobPosting->show_salary ?? false))>نعم</option>
                    </select>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><h3>التفاصيل</h3></div>
        <div class="card-body">
            <div class="form-grid cols-1">
                <div class="form-group">
                    <label class="form-label">الوصف الوظيفي</label>
                    <textarea name="description" class="form-textarea" rows="4">{{ old('description', $jobPosting->description ?? '') }}</textarea>
                </div>
                <div class="form-group">
                    <label class="form-label">المتطلبات</label>
                    <textarea name="requirements" class="form-textarea" rows="4">{{ old('requirements', $jobPosting->requirements ?? '') }}</textarea>
                </div>
                <div class="form-group">
                    <label class="form-label">المزايا</label>
                    <textarea name="benefits" class="form-textarea" rows="3">{{ old('benefits', $jobPosting->benefits ?? '') }}</textarea>
                </div>
                <div class="form-group">
                    <label class="form-label">المهارات المطلوبة</label>
                    <input type="text" name="skills" class="form-input" placeholder="افصل بينها بفاصلة، مثال: PHP, Laravel, MySQL"
                        value="{{ old('skills', isset($jobPosting) ? implode(', ', $jobPosting->skills ?? []) : '') }}">
                    <p class="form-hint">افصل بين المهارات بفاصلة (,)</p>
                </div>
                <div class="form-group">
                    <label class="form-label">تاريخ إغلاق التقديم</label>
                    <input type="date" name="closes_at" class="form-input" value="{{ old('closes_at', isset($jobPosting->closes_at) ? $jobPosting->closes_at->format('Y-m-d') : '') }}">
                </div>
            </div>
        </div>
    </div>

    <div class="form-actions">
        <button type="submit" class="btn btn-primary"><i class="fa-solid fa-floppy-disk"></i> حفظ</button>
        <a href="{{ route('job-postings.index') }}" class="btn btn-secondary">إلغاء</a>
    </div>
</form>
@endsection