@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="{{ url()->previous() }}" class="btn btn-secondary">
            <i class="fa-solid fa-arrow-right"></i> رجوع
        </a>
    </div>
</div>

@if(session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
        @if(session('converted_employee_id'))
            <br>
            <a href="{{ route('employees.show', session('converted_employee_id')) }}">عرض ملف الموظف</a>
        @endif
    </div>
@endif

@if($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="card">
    <div class="card-header">بيانات المرشح الأصلية</div>
    <div class="card-body">
        <div class="detail-grid">
            <div class="detail-item">
                <label>اسم المرشح</label>
                <span>{{ $application->full_name ?? $application->name ?? '—' }}</span>
            </div>
            <div class="detail-item">
                <label>الوظيفة المتقدم لها</label>
                <span>{{ $application->jobPosting->title ?? '—' }}</span>
            </div>
            @if($offer)
            <div class="detail-item">
                <label>رقم عرض التوظيف</label>
                <span class="code-badge">{{ $offer->offer_number }}</span>
            </div>
            <div class="detail-item">
                <label>إجمالي الحزمة المعروضة</label>
                <span>{{ number_format($offer->total_package, 2) }}</span>
            </div>
            @else
            <div class="detail-item full">
                <span class="status-badge status-pending">لا يوجد عرض توظيف مرتبط بهذا الطلب — يرجى تعبئة بيانات الراتب يدوياً</span>
            </div>
            @endif
        </div>
    </div>
</div>

<form method="POST" action="{{ route('recruitment.convert', $application->id) }}">
    @csrf

    <div class="card">
        <div class="card-header">البيانات الشخصية</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" value="{{ old('first_name') }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">اسم العائلة</label>
                    <input type="text" name="last_name" class="form-input" value="{{ old('last_name') }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">البريد الإلكتروني</label>
                    <input type="email" name="email" class="form-input" value="{{ old('email') }}" required>
                    <div class="form-hint">سيتم إنشاء حساب دخول للنظام بهذا البريد</div>
                </div>
                <div class="form-group">
                    <label class="form-label">رقم الهاتف</label>
                    <input type="text" name="phone" class="form-input" value="{{ old('phone') }}">
                </div>
                <div class="form-group">
                    <label class="form-label">الرقم الوظيفي</label>
                    <input type="text" name="employee_number" class="form-input" value="{{ old('employee_number') }}">
                </div>
                <div class="form-group">
                    <label class="form-label">رقم الهوية الوطنية</label>
                    <input type="text" name="national_id" class="form-input" value="{{ old('national_id') }}">
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">البيانات الوظيفية</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="job_title" class="form-input"
                        value="{{ old('job_title', $offer->position_title ?? ($application->jobPosting->title ?? '')) }}" required>
                </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', $offer->department_id ?? null) == $dept->id)>{{ $dept->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">تاريخ المباشرة</label>
                    <input type="date" name="hire_date" class="form-input"
                        value="{{ old('hire_date', $offer->start_date ? $offer->start_date->format('Y-m-d') : '') }}" required>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">الراتب والبدلات</div>
        <div class="card-body">
            <div class="form-grid cols-4">
                <div class="form-group">
                    <label class="form-label">الراتب الأساسي</label>
                    <input type="number" step="0.01" name="salary_basic" class="form-input"
                        value="{{ old('salary_basic', $offer->salary_basic ?? 0) }}">
                </div>
                <div class="form-group">
                    <label class="form-label">بدل السكن</label>
                    <input type="number" step="0.01" name="housing_allowance" class="form-input"
                        value="{{ old('housing_allowance', $offer->housing_allowance ?? 0) }}">
                </div>
                <div class="form-group">
                    <label class="form-label">بدل المواصلات</label>
                    <input type="number" step="0.01" name="transportation_allowance" class="form-input"
                        value="{{ old('transportation_allowance', $offer->transportation_allowance ?? 0) }}">
                </div>
                <div class="form-group">
                    <label class="form-label">بدلات أخرى</label>
                    <input type="number" step="0.01" name="other_allowances" class="form-input"
                        value="{{ old('other_allowances', $offer->other_allowances ?? 0) }}">
                </div>
            </div>
        </div>
    </div>

    @if($onboardingTemplateExists)
    <div class="card">
        <div class="card-header">التهيئة الوظيفية (Onboarding)</div>
        <div class="card-body">
            <div class="form-group">
                <label class="form-label">
                    <input type="checkbox" name="apply_onboarding_template" value="1" checked>
                    تطبيق قالب التهيئة الوظيفية الافتراضي على الموظف الجديد
                </label>
                <div class="form-hint">سيتم اقتراح مهام التهيئة بعد إنشاء ملف الموظف</div>
            </div>
        </div>
    </div>
    @endif

    <div class="form-actions">
        <button type="submit" class="btn btn-success"><i class="fa-solid fa-user-check"></i> تحويل إلى موظف</button>
        <a href="{{ url()->previous() }}" class="btn btn-secondary">إلغاء</a>
    </div>
</form>
@endsection