@extends('layouts.app')
@section('title', 'إعدادات الأقسام')
@section('sidebar') @include('admin._sidebar') @endsection
@section('content')
<h1 class="text-xl font-bold mb-4">إعدادات الأقسام / التخصصات</h1>
<form method="POST" action="{{ route('admin.settings.update') }}" class="bg-white rounded-xl border border-gray-200 p-6 space-y-4">
    @csrf @method('PUT')
    @foreach($departments as $i => $dept)
    <div class="grid grid-cols-12 gap-3 items-center border-b border-gray-100 pb-3">
        <input type="hidden" name="departments[{{ $i }}][id]" value="{{ $dept->id }}">
        <div class="col-span-4">
            <label class="block text-xs text-gray-500 mb-1">الاسم بالعربي</label>
            <input type="text" name="departments[{{ $i }}][name_ar]" value="{{ $dept->name_ar }}" class="w-full border border-gray-300 rounded-lg px-3 py-1.5 text-sm">
        </div>
        <div class="col-span-4">
            <label class="block text-xs text-gray-500 mb-1">الاسم بالإنجليزي</label>
            <input type="text" name="departments[{{ $i }}][name_en]" value="{{ $dept->name_en }}" class="w-full border border-gray-300 rounded-lg px-3 py-1.5 text-sm">
        </div>
        <div class="col-span-4 flex items-center gap-2 pt-4 text-sm">
            <input type="checkbox" name="departments[{{ $i }}][is_active]" value="1" @checked($dept->is_active)> مفعّل
        </div>
    </div>
    @endforeach
    <button class="bg-indigo-600 text-white rounded-lg px-6 py-2.5 font-medium hover:bg-indigo-700">حفظ</button>
</form>
<p class="text-xs text-gray-400 mt-3">لإضافة قسم جديد بالكامل، تواصل مع المطور أو استخدم Tinker/phpMyAdmin مؤقتًا حتى إضافة شاشة "إضافة قسم" في مرحلة لاحقة.</p>
@endsection