@extends('layouts.app')

@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('talent-pool.index') }}" class="btn btn-secondary"><i class="fa-solid fa-arrow-right"></i> رجوع</a>
    </div>
</div>

<form action="{{ route('talent-pool.store') }}" method="POST">
    @csrf
    <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="first_name" class="form-input" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">اسم العائلة</label>
                    <input type="text" name="last_name" class="form-input" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">البريد الإلكتروني</label>
                    <input type="email" name="email" class="form-input" required>
                </div>
                <div class="form-group">
                    <label class="form-label">رقم الهاتف</label>
                    <input type="text" name="phone" class="form-input">
                </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="text" name="current_company" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">المسمى الوظيفي الحالي</label>
                    <input type="text" name="current_position" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">سنوات الخبرة</label>
                    <input type="number" step="0.5" name="experience_years" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label required">التصنيف</label>
                    <select name="category" class="form-select" required>
                        <option value="engineering">هندسة</option>
                        <option value="hr">موارد بشرية</option>
                        <option value="finance">مالية</option>
                        <option value="marketing">تسويق</option>
                        <option value="operations">عمليات</option>
                        <option value="other">أخرى</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">المصدر</label>
                    <select name="source" class="form-select" required>
                        <option value="direct">مباشر</option>
                        <option value="application">من طلب توظيف</option>
                        <option value="referral">ترشيح</option>
                        <option value="linkedin">لينكدإن</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">المهارات</label>
                    <input type="text" name="skills" class="form-input" placeholder="افصل بينها بفاصلة">
                </div>
            </div>
            <div class="form-group">
                <label class="form-label">ملاحظات</label>
                <textarea name="notes" class="form-textarea" rows="3"></textarea>
            </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('talent-pool.index') }}" class="btn btn-secondary">إلغاء</a>
    </div>
</form>
@endsection