@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>{{ $student->username }}</h3>
                <p>رقم الحساب: #{{ $student->id }} | الهاتف: {{ $phone ?? 'غير مربوط' }}</p>
            </div>

            <div class="actions-row profile-actions">
                <a href="{{ route('admin.students.index') }}" class="btn btn-secondary">رجوع للقائمة</a>

                @if (in_array($student->role, ['طالب', 'ممثل'], true))
                    <form method="POST" action="{{ route('admin.students.toggle-role', $student) }}">
                        @csrf
                        <button type="submit" class="btn btn-warning">تبديل الدور</button>
                    </form>
                @endif

                <form method="POST" action="{{ route('admin.students.clear-session', $student) }}">
                    @csrf
                    <button type="submit" class="btn btn-success">مسح التوكن والجهاز</button>
                </form>

                <form method="POST" action="{{ route('admin.students.destroy', $student) }}" onsubmit="return confirm('تأكيد حذف الحساب؟');">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">حذف الحساب</button>
                </form>
            </div>
        </div>
    </section>

    <section class="details-grid">
        <div class="detail-box">
            <span>الدور</span>
            <strong>{{ $student->role }}</strong>
        </div>
        <div class="detail-box">
            <span>الكلية / القسم</span>
            <strong>{{ $student->college ?? '-' }} / {{ $student->department ?? '-' }}</strong>
        </div>
        <div class="detail-box">
            <span>المرحلة / الشعبة</span>
            <strong>{{ $student->stage ?? '-' }} / {{ $student->section ?? '-' }}</strong>
        </div>
        <div class="detail-box">
            <span>الجلسة الحالية</span>
            <strong>{{ $student->fcm_token || ($student->active_device_id ?? null) ? 'موجودة' : 'فارغة' }}</strong>
        </div>
        <div class="detail-box">
            <span>مجموعة الصف</span>
            <strong>{{ $student->class_group_id ?? '-' }}</strong>
        </div>
        <div class="detail-box">
            <span>تاريخ الإنشاء</span>
            <strong>{{ optional($student->created_at)->format('Y-m-d H:i') }}</strong>
        </div>
    </section>

    <section class="card">
        <div class="panel-header">
            <div>
                <span class="eyebrow">تعديل مباشر</span>
                <h3>تحديث الحساب</h3>
                <p>كل تعديل ينحفظ مباشرة على نفس الحساب.</p>
            </div>
        </div>

        <form method="POST" action="{{ route('admin.students.update', $student) }}" class="grid" data-academic-form>
            @csrf
            @method('PUT')

            <div class="form-section">
                <div class="section-kicker">بيانات الحساب</div>
                <div class="form-grid cols-3">
                    <div class="field">
                        <label for="username">اسم المستخدم</label>
                        <input id="username" name="username" type="text" value="{{ old('username', $student->username) }}" required>
                    </div>

                    <div class="field">
                        <label for="password">كلمة مرور جديدة</label>
                        <input id="password" name="password" type="text" placeholder="اتركها فارغة إذا ما تريد تغيرها">
                    </div>

                    <div class="field">
                        <label for="role">الدور</label>
                        <select id="role" name="role" required>
                            @foreach (['طالب', 'ممثل', 'مقرر', 'مشرف'] as $roleOption)
                                <option value="{{ $roleOption }}" @selected(old('role', $student->role) === $roleOption)>{{ $roleOption }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="field">
                        <label for="phone">رقم الهاتف</label>
                        <input id="phone" name="phone" type="text" value="{{ old('phone', $phone) }}" placeholder="07xxxxxxxxx">
                    </div>

                    <div class="field">
                        <label for="study_shift">الدوام</label>
                        <select id="study_shift" name="study_shift">
                            <option value="">غير محدد</option>
                            <option value="صباحي" @selected(old('study_shift', $student->study_shift) === 'صباحي')>صباحي</option>
                            <option value="مسائي" @selected(old('study_shift', $student->study_shift) === 'مسائي')>مسائي</option>
                        </select>
                    </div>

                    <div class="field">
                        <label for="stage">المرحلة</label>
                        <input id="stage" name="stage" type="text" value="{{ old('stage', $student->stage) }}">
                    </div>

                    <div class="field">
                        <label for="section">الشعبة</label>
                        <input id="section" name="section" type="text" value="{{ old('section', $student->section) }}">
                    </div>

                    <div class="field is-wide">
                        <label for="fcm_token">FCM Token</label>
                        <input id="fcm_token" name="fcm_token" type="text" value="{{ old('fcm_token', $student->fcm_token) }}">
                    </div>
                </div>
            </div>

            <div class="form-section">
                <div class="section-kicker">الموقع الدراسي</div>
                <div class="form-grid cols-3">
                    <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((string) old('governorate_id', $student->governorate_id) === (string) $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((string) old('university_id', $student->university_id) === (string) $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((string) old('college_id', $student->college_id) === (string) $college->id)>
                                    {{ $college->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="field is-wide">
                        <label for="department_id">القسم</label>
                        <select id="department_id" name="department_id" data-role="department">
                            <option value="">اختر القسم</option>
                            @foreach ($options['departments'] as $department)
                                <option value="{{ $department->id }}" data-college="{{ $department->college_id }}" @selected((string) old('department_id', $student->department_id) === (string) $department->id)>
                                    {{ $department->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>

            <label class="checkbox-row">
                <input type="checkbox" name="remove_phone_link" value="1" @checked(old('remove_phone_link'))>
                فصل ربط رقم الهاتف من هذا الحساب
            </label>

            <div class="actions-row">
                <button type="submit" class="btn btn-primary">حفظ التعديلات</button>
            </div>
        </form>
    </section>
@endsection