@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('settings.departments.index') }}" class="btn btn-ghost"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

<div class="card" style="max-width:700px">
    <div class="card-body">
        <form method="POST" action="{{ route('settings.departments.store') }}">
            @csrf
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">اسم القسم</label>
                    <input type="text" name="name" value="{{ old('name') }}" class="form-input" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">رمز القسم</label>
                    <input type="text" name="code" value="{{ old('code') }}" class="form-input" required>
                </div>
            </div>
            <div class="form-group">
                <label class="form-label">الوصف</label>
                <textarea name="description" class="form-textarea" rows="3">{{ old('description') }}</textarea>
            </div>
            <div class="form-group">
                <label><input type="checkbox" name="is_active" value="1" {{ old('is_active', true) ? 'checked' : '' }}> قسم نشط</label>
            </div>
            <div class="form-actions">
                <button type="submit" class="btn btn-primary btn-lg"><i class="fas fa-save"></i> حفظ القسم</button>
                <a href="{{ route('settings.departments.index') }}" class="btn btn-ghost btn-lg">إلغاء</a>
            </div>
        </form>
    </div>
</div>
@endsection