@extends('layouts.app')
@section('title', 'إنشاء إعلان وظيفي - DOTS HR Pro')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">إنشاء إعلان وظيفي</h1>
        <p class="page-subtitle">نشر إعلان وظيفة شاغرة جديدة</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('recruitment.index') }}" class="btn btn-ghost"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

<div class="card" style="max-width:800px">
    <div class="card-body">
        <form method="POST" action="{{ route('recruitment.store') }}">
            @csrf
            <div class="form-group">
                <label class="form-label required">المسمى الوظيفي للإعلان</label>
                <input type="text" name="title" value="{{ old('title') }}" class="form-input" required>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">القسم</label>
                    <select name="department_id" class="form-select" required>
                        <option value="">اختر القسم</option>
                        @foreach($departments as $dept)
                            <option value="{{ $dept->id }}" {{ old('department_id') == $dept->id ? 'selected' : '' }}>{{ $dept->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">المسمى الوظيفي</label>
                    <select name="job_title_id" class="form-select">
                        <option value="">اختر المسمى الوظيفي</option>
                        @foreach($jobTitles as $jt)
                            <option value="{{ $jt->id }}" {{ old('job_title_id') == $jt->id ? 'selected' : '' }}>{{ $jt->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="form-label">وصف الوظيفة</label>
                <textarea name="description" class="form-textarea" rows="4">{{ old('description') }}</textarea>
            </div>
            <div class="form-group">
                <label class="form-label">المتطلبات</label>
                <textarea name="requirements" class="form-textarea" rows="4">{{ old('requirements') }}</textarea>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label">الموقع</label>
                    <input type="text" name="location" value="{{ old('location') }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">الراتب من</label>
                    <input type="number" name="salary_from" value="{{ old('salary_from') }}" class="form-input" step="0.01" placeholder="مثال: 3000">
                </div>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label">الراتب إلى</label>
                    <input type="number" name="salary_to" value="{{ old('salary_to') }}" class="form-input" step="0.01" placeholder="مثال: 5000">
                </div>
            </div>
            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label">نوع التوظيف</label>
                    <select name="employment_type" class="form-select">
                        <option value="full-time" {{ old('employment_type') == 'full-time' ? 'selected' : '' }}>دوام كامل</option>
                        <option value="part-time" {{ old('employment_type') == 'part-time' ? 'selected' : '' }}>دوام جزئي</option>
                        <option value="contract" {{ old('employment_type') == 'contract' ? 'selected' : '' }}>عقد مؤقت</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">الموعد النهائي</label>
                    <input type="date" name="deadline" value="{{ old('deadline') }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">الحالة</label>
                    <select name="status" class="form-select">
                        <option value="draft" {{ old('status') == 'draft' ? 'selected' : '' }}>مسودة</option>
                        <option value="active" {{ old('status') == 'active' ? 'selected' : '' }}>نشط</option>
                        <option value="closed" {{ old('status') == 'closed' ? 'selected' : '' }}>مغلق</option>
                    </select>
                </div>
            </div>
            <div class="form-actions">
                <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> نشر الإعلان</button>
                <a href="{{ route('recruitment.index') }}" class="btn btn-ghost">إلغاء</a>
            </div>
        </form>
    </div>
</div>
@endsection