@extends('layouts.app')

@section('title', 'تعديل ' . $grade->name)

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تعديل الدرجة: {{ $grade->name }}</h1>
    </div>
    <div class="page-actions">
        <a href="{{ route('pay-scale.show', $grade) }}" class="btn btn-secondary"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

<form method="POST" action="{{ route('pay-scale.update', $grade) }}">
    @csrf @method('PUT')
    <div class="card">
        <div class="card-header"><h3><i class="fas fa-edit"></i> بيانات الدرجة</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="name" class="form-input" value="{{ old('name', $grade->name) }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">رمز الدرجة</label>
                    <input type="text" name="code" class="form-input" value="{{ old('code', $grade->code) }}" required>
                </div>
            </div>
            <div class="form-group">
                <label class="form-label">الوصف</label>
                <textarea name="description" class="form-textarea" rows="2">{{ old('description', $grade->description) }}</textarea>
            </div>
            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label required">الحد الأدنى</label>
                    <input type="number" name="min_salary" class="form-input" step="0.01" value="{{ old('min_salary', $grade->min_salary) }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">المتوسط</label>
                    <input type="number" name="mid_salary" class="form-input" step="0.01" value="{{ old('mid_salary', $grade->mid_salary) }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">الحد الأقصى</label>
                    <input type="number" name="max_salary" class="form-input" step="0.01" value="{{ old('max_salary', $grade->max_salary) }}" required>
                </div>
            </div>
            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label required">نسبة بدل السكن (%)</label>
                    <input type="number" name="housing_percent" class="form-input" step="0.01" value="{{ old('housing_percent', $grade->housing_percent) }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">بدل النقل</label>
                    <input type="number" name="transport_allowance" class="form-input" step="0.01" value="{{ old('transport_allowance', $grade->transport_allowance) }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label">الحالة</label>
                    <select name="is_active" class="form-select">
                        <option value="1" {{ $grade->is_active ? 'selected' : '' }}>نشط</option>
                        <option value="0" {{ !$grade->is_active ? 'selected' : '' }}>غير نشط</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
    <div class="form-actions">
        <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> حفظ التعديلات</button>
        <a href="{{ route('pay-scale.show', $grade) }}" class="btn btn-secondary">إلغاء</a>
    </div>
</form>
@endsection