@extends('layouts.app')
@section('title', 'تعديل مؤشر الأداء - DOTS HR Pro')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تعديل مؤشر الأداء</h1>
        <p class="page-subtitle">{{ $kpi->name }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('kpis.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('kpis.update', $kpi) }}">
            @csrf
            @method('PUT')
            <div class="form-grid cols-2">
                <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', $kpi->employee_id) == $emp->id ? 'selected' : '' }}>{{ $emp->full_name }}</option>
                        @endforeach
                        @if(!isset($employees) && $kpi->employee)
                            <option value="{{ $kpi->employee->id }}" selected>{{ $kpi->employee->full_name }}</option>
                        @endif
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">اسم المؤشر</label>
                    <input type="text" name="name" value="{{ old('name', $kpi->name) }}" class="form-input" required>
                </div>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label">القيمة المستهدفة</label>
                    <input type="number" name="target_value" value="{{ old('target_value', $kpi->target_value) }}" class="form-input" step="0.01">
                </div>
                <div class="form-group">
                    <label class="form-label">القيمة الفعلية</label>
                    <input type="number" name="actual_value" value="{{ old('actual_value', $kpi->actual_value) }}" class="form-input" step="0.01">
                </div>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label">الفترة</label>
                    <input type="text" name="period" value="{{ old('period', $kpi->period) }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">الوحدة</label>
                    <input type="text" name="unit" value="{{ old('unit', $kpi->unit) }}" class="form-input">
                </div>
            </div>
            <div class="form-group">
                <label class="form-label">ملاحظات</label>
                <textarea name="description" class="form-textarea" rows="3">{{ old('description', $kpi->description) }}</textarea>
            </div>
            <div class="form-actions">
                <button type="submit" class="btn btn-primary btn-lg"><i class="fas fa-save"></i> حفظ التعديلات</button>
                <a href="{{ route('kpis.index') }}" class="btn btn-ghost btn-lg">إلغاء</a>
            </div>
        </form>
    </div>
</div>
@endsection