@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('performance.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('performance.store') }}">
            @csrf
            <div class="form-group">
                <label class="form-label required">الموظف</label>
                <select name="employee_id" class="form-select" required>
                    <option value="">اختر الموظف</option>
                    @foreach($employees as $emp)
                        <option value="{{ $emp->id }}" {{ old('employee_id') == $emp->id ? 'selected' : '' }}>{{ $emp->full_name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">فترة التقييم</label>
                    <input type="text" name="period" value="{{ old('period') }}" class="form-input" placeholder="مثال: الربع الأول" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">السنة</label>
                    <input type="number" name="year" value="{{ old('year', date('Y')) }}" class="form-input" min="2020" max="2030" required>
                </div>
            </div>
            <div class="form-group">
                <label class="form-label required">التقييم العام (1-5)</label>
                <input type="number" name="overall_rating" value="{{ old('overall_rating') }}" class="form-input" min="1" max="5" required>
            </div>
            <div class="form-group">
                <label class="form-label">نقاط القوة</label>
                <textarea name="strengths" class="form-textarea" rows="3">{{ old('strengths') }}</textarea>
            </div>
            <div class="form-group">
                <label class="form-label">نقاط التحسين</label>
                <textarea name="improvements" class="form-textarea" rows="3">{{ old('improvements') }}</textarea>
            </div>
            <div class="form-group">
                <label class="form-label">الأهداف</label>
                <textarea name="goals" class="form-textarea" rows="3">{{ old('goals') }}</textarea>
            </div>
            <div class="form-group">
                <label class="form-label">ملاحظات</label>
                <textarea name="comments" class="form-textarea" rows="3">{{ old('comments') }}</textarea>
            </div>
            <div class="form-actions">
                <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> حفظ التقييم</button>
                <a href="{{ route('performance.index') }}" class="btn btn-ghost">إلغاء</a>
            </div>
        </form>
    </div>
</div>
@endsection