@extends('admin.layouts.app')

@section('title', 'الهيكل الأكاديمي')
@section('page-title', 'الجامعات والكليات والأقسام')
@section('page-description', 'إدارة المحافظات والجامعات والكليات والأقسام من مكان واحد.')

@section('content')
    <section class="hero-card">
        <div class="hero-split">
            <div>
                <span class="eyebrow">الهيكل الأكاديمي</span>
                <h3>ترتيب الهيكل الأكاديمي</h3>
                <p>أضف وعدل واحذف من نفس الصفحة.</p>
            </div>

            <div class="hero-actions">
                <a href="#catalog-filters" class="btn btn-primary">تصفية وعرض</a>
                <a href="#catalog-departments" class="btn btn-secondary">الأقسام</a>
            </div>
        </div>
    </section>

    <section class="table-card" id="catalog-filters">
        <h3>تصفية العرض</h3>
        <p>فلترة حسب المحافظة أو الجامعة أو الكلية.</p>

        <form method="GET" action="{{ route('admin.catalog.index') }}" class="filters" style="margin-top: 18px;" data-academic-form>
            <div class="filters-inline">
                <div class="field">
                    <label for="governorate_id">المحافظة</label>
                    <select id="governorate_id" name="governorate_id" data-role="governorate">
                        <option value="">الكل</option>
                        @foreach ($options['governorates'] as $governorate)
                            <option value="{{ $governorate->id }}" @selected($filters['governorate_id'] === $governorate->id)>{{ $governorate->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="field">
                    <label for="university_id">الجامعة</label>
                    <select id="university_id" name="university_id" data-role="university">
                        <option value="">الكل</option>
                        @foreach ($options['universities'] as $university)
                            <option value="{{ $university->id }}" data-governorate="{{ $university->governorate_id }}" @selected($filters['university_id'] === $university->id)>{{ $university->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="field">
                    <label for="college_id">الكلية</label>
                    <select id="college_id" name="college_id" data-role="college">
                        <option value="">الكل</option>
                        @foreach ($options['colleges'] as $college)
                            <option value="{{ $college->id }}" data-university="{{ $college->university_id }}" @selected($filters['college_id'] === $college->id)>{{ $college->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="actions-row">
                    <button type="submit" class="btn btn-primary">تطبيق</button>
                    <a href="{{ route('admin.catalog.index') }}" class="btn btn-secondary">إلغاء</a>
                </div>
            </div>
        </form>
    </section>

    <section class="split">
        <div class="card">
            <h3>إضافة محافظة</h3>
            <form method="POST" action="{{ route('admin.catalog.governorates.store') }}" class="grid" style="margin-top: 18px;">
                @csrf
                <div class="field">
                    <label for="gov_name">اسم المحافظة</label>
                    <input id="gov_name" name="name" type="text" required>
                </div>
                <button type="submit" class="btn btn-primary">إضافة المحافظة</button>
            </form>
        </div>

        <div class="table-card">
            <h3>المحافظات</h3>
            <div class="table-wrap" style="margin-top: 18px;">
                <table>
                    <thead>
                        <tr>
                            <th>الاسم</th>
                            <th>عدد الجامعات</th>
                            <th>الإجراءات</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($governorates as $governorate)
                            @php($formId = 'gov-'.$governorate->id)
                            <tr>
                                <td data-label="الاسم">
                                    <form id="{{ $formId }}" method="POST" action="{{ route('admin.catalog.governorates.update', $governorate) }}">
                                        @csrf
                                        @method('PUT')
                                    </form>
                                    <input type="text" name="name" value="{{ $governorate->name }}" form="{{ $formId }}">
                                </td>
                                <td data-label="عدد الجامعات">{{ $governorate->universities_count }}</td>
                                <td data-label="الإجراءات">
                                    <div class="actions-row">
                                        <button type="submit" form="{{ $formId }}" class="btn btn-secondary">تحديث</button>
                                        <form method="POST" action="{{ route('admin.catalog.governorates.destroy', $governorate) }}" onsubmit="return confirm('تأكيد حذف المحافظة؟');">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-danger">حذف</button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="3" class="empty-state">لا توجد محافظات.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <div class="pagination">
                {{ $governorates->links() }}
            </div>
        </div>
    </section>

    <section class="split">
        <div class="card">
            <h3>إضافة جامعة</h3>
            <form method="POST" action="{{ route('admin.catalog.universities.store') }}" class="grid" style="margin-top: 18px;" data-academic-form>
                @csrf
                <div class="field">
                    <label for="university_name">اسم الجامعة</label>
                    <input id="university_name" name="name" type="text" required>
                </div>
                <div class="field">
                    <label for="university_governorate">المحافظة</label>
                    <select id="university_governorate" name="governorate_id" data-role="governorate" required>
                        <option value="">اختر المحافظة</option>
                        @foreach ($options['governorates'] as $governorate)
                            <option value="{{ $governorate->id }}">{{ $governorate->name }}</option>
                        @endforeach
                    </select>
                </div>
                <button type="submit" class="btn btn-primary">إضافة الجامعة</button>
            </form>
        </div>

        <div class="table-card">
            <h3>الجامعات</h3>
            <div class="table-wrap" style="margin-top: 18px;">
                <table>
                    <thead>
                        <tr>
                            <th>الاسم</th>
                            <th>المحافظة</th>
                            <th>عدد الكليات</th>
                            <th>الإجراءات</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($universities as $university)
                            @php($formId = 'university-'.$university->id)
                            <tr>
                                <td data-label="الاسم">
                                    <form id="{{ $formId }}" method="POST" action="{{ route('admin.catalog.universities.update', $university) }}">
                                        @csrf
                                        @method('PUT')
                                    </form>
                                    <input type="text" name="name" value="{{ $university->name }}" form="{{ $formId }}">
                                </td>
                                <td data-label="المحافظة">
                                    <select name="governorate_id" form="{{ $formId }}">
                                        @foreach ($options['governorates'] as $governorate)
                                            <option value="{{ $governorate->id }}" @selected($university->governorate_id === $governorate->id)>{{ $governorate->name }}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td data-label="عدد الكليات">{{ $university->colleges_count }}</td>
                                <td data-label="الإجراءات">
                                    <div class="actions-row">
                                        <button type="submit" form="{{ $formId }}" class="btn btn-secondary">تحديث</button>
                                        <form method="POST" action="{{ route('admin.catalog.universities.destroy', $university) }}" onsubmit="return confirm('تأكيد حذف الجامعة؟');">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-danger">حذف</button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4" class="empty-state">لا توجد جامعات مطابقة.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <div class="pagination">
                {{ $universities->links() }}
            </div>
        </div>
    </section>

    <section class="split">
        <div class="card">
            <h3>إضافة كلية</h3>
            <form method="POST" action="{{ route('admin.catalog.colleges.store') }}" class="grid" style="margin-top: 18px;" data-academic-form>
                @csrf
                <div class="field">
                    <label for="college_name">اسم الكلية</label>
                    <input id="college_name" name="name" type="text" required>
                </div>
                <div class="field">
                    <label for="college_university">الجامعة</label>
                    <select id="college_university" name="university_id" data-role="university" required>
                        <option value="">اختر الجامعة</option>
                        @foreach ($options['universities'] as $university)
                            <option value="{{ $university->id }}" data-governorate="{{ $university->governorate_id }}">{{ $university->name }}</option>
                        @endforeach
                    </select>
                </div>
                <button type="submit" class="btn btn-primary">إضافة الكلية</button>
            </form>
        </div>

        <div class="table-card">
            <h3>الكليات</h3>
            <div class="table-wrap" style="margin-top: 18px;">
                <table>
                    <thead>
                        <tr>
                            <th>الاسم</th>
                            <th>الجامعة</th>
                            <th>عدد الأقسام</th>
                            <th>الإجراءات</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($colleges as $college)
                            @php($formId = 'college-'.$college->id)
                            <tr>
                                <td data-label="الاسم">
                                    <form id="{{ $formId }}" method="POST" action="{{ route('admin.catalog.colleges.update', $college) }}">
                                        @csrf
                                        @method('PUT')
                                    </form>
                                    <input type="text" name="name" value="{{ $college->name }}" form="{{ $formId }}">
                                </td>
                                <td data-label="الجامعة">
                                    <select name="university_id" form="{{ $formId }}">
                                        @foreach ($options['universities'] as $university)
                                            <option value="{{ $university->id }}" @selected($college->university_id === $university->id)>{{ $university->name }}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td data-label="عدد الأقسام">{{ $college->departments_count }}</td>
                                <td data-label="الإجراءات">
                                    <div class="actions-row">
                                        <button type="submit" form="{{ $formId }}" class="btn btn-secondary">تحديث</button>
                                        <form method="POST" action="{{ route('admin.catalog.colleges.destroy', $college) }}" onsubmit="return confirm('تأكيد حذف الكلية؟');">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-danger">حذف</button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4" class="empty-state">لا توجد كليات مطابقة.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <div class="pagination">
                {{ $colleges->links() }}
            </div>
        </div>
    </section>

    <section class="split" id="catalog-departments">
        <div class="card">
            <h3>إضافة قسم</h3>
            <form method="POST" action="{{ route('admin.catalog.departments.store') }}" class="grid" style="margin-top: 18px;" data-academic-form>
                @csrf
                <div class="field">
                    <label for="department_name">اسم القسم</label>
                    <input id="department_name" name="name" type="text" required>
                </div>
                <div class="field">
                    <label for="department_college">الكلية</label>
                    <select id="department_college" name="college_id" data-role="college" required>
                        <option value="">اختر الكلية</option>
                        @foreach ($options['colleges'] as $college)
                            <option value="{{ $college->id }}" data-university="{{ $college->university_id }}">{{ $college->name }}</option>
                        @endforeach
                    </select>
                </div>
                <button type="submit" class="btn btn-primary">إضافة القسم</button>
            </form>
        </div>

        <div class="table-card">
            <h3>الأقسام</h3>
            <div class="table-wrap" style="margin-top: 18px;">
                <table>
                    <thead>
                        <tr>
                            <th>الاسم</th>
                            <th>الكلية</th>
                            <th>الجامعة</th>
                            <th>الإجراءات</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($departments as $department)
                            @php($formId = 'department-'.$department->id)
                            <tr>
                                <td data-label="الاسم">
                                    <form id="{{ $formId }}" method="POST" action="{{ route('admin.catalog.departments.update', $department) }}">
                                        @csrf
                                        @method('PUT')
                                    </form>
                                    <input type="text" name="name" value="{{ $department->name }}" form="{{ $formId }}">
                                </td>
                                <td data-label="الكلية">
                                    <select name="college_id" form="{{ $formId }}">
                                        @foreach ($options['colleges'] as $college)
                                            <option value="{{ $college->id }}" @selected($department->college_id === $college->id)>{{ $college->name }}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td data-label="الجامعة">{{ $department->college?->university?->name ?? '-' }}</td>
                                <td data-label="الإجراءات">
                                    <div class="actions-row">
                                        <button type="submit" form="{{ $formId }}" class="btn btn-secondary">تحديث</button>
                                        <form method="POST" action="{{ route('admin.catalog.departments.destroy', $department) }}" onsubmit="return confirm('تأكيد حذف القسم؟');">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-danger">حذف</button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4" class="empty-state">لا توجد أقسام مطابقة.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <div class="pagination">
                {{ $departments->links() }}
            </div>
        </div>
    </section>
@endsection