Fix SportsActivity column mismatches + add membership tutorials

Column fixes across 13 controllers/models/views:
- sa_coaches: name_ar → full_name_ar, status → is_active
- sa_players: serial_number → registration_serial, code → registration_serial
- sa_facility_units: removed non-existent is_archived references
- sa_player_documents: title → file_name, original_name → file_name, uploaded_by → created_by
- sa_blackout_dates: wrong table name sa_facility_blackouts → sa_blackout_dates
- sa_disciplines: wrong table name disciplines → sa_disciplines
- sa_attendance: added missing attendance_date, removed non-existent recorded_at
- sa_player_documents: document_type medical → medical_cert, status → approval_status
- card_status: not_issued → inactive, expired → revoked
- player_type: removed invalid academy_player
- academy_type: removed invalid partnership
- gender_restriction: store NULL instead of 'mixed'
- Added missing [] params to $db->select() calls

Membership tutorials: 25 tutorial files covering all membership operations.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

app/Modules/SportsActivity/Controllers/AcademyController.php

@@ -67,7 +67,7 @@ class AcademyController extends Controller
         unset($academy);
 
         // Get disciplines for filter
-        $disciplines = $db->select("SELECT id, name_ar FROM sa_disciplines WHERE is_active = 1 ORDER BY name_ar");
+        $disciplines = $db->select("SELECT id, name_ar FROM sa_disciplines WHERE is_active = 1 ORDER BY name_ar", []);
 
         return $this->view('SportsActivity.Views.academies.index', [
             'academies'   => $academies,
@@ -86,7 +86,7 @@ class AcademyController extends Controller
     public function create(Request $request): Response
     {
         $db = App::getInstance()->db();
-        $disciplines = $db->select("SELECT id, name_ar FROM sa_disciplines WHERE is_active = 1 ORDER BY name_ar");
+        $disciplines = $db->select("SELECT id, name_ar FROM sa_disciplines WHERE is_active = 1 ORDER BY name_ar", []);
 
         return $this->view('SportsActivity.Views.academies.create', [
             'disciplines' => $disciplines,
@@ -123,7 +123,7 @@ class AcademyController extends Controller
             $errors[] = 'اللعبة / النشاط الرياضي مطلوب';
         }
 
-        $validTypes = ['internal', 'external', 'partnership'];
+        $validTypes = ['internal', 'external'];
         if ($academyType !== '' && !in_array($academyType, $validTypes, true)) {
             $errors[] = 'نوع الأكاديمية غير صالح';
         }
@@ -202,7 +202,7 @@ class AcademyController extends Controller
             return $this->redirect('/sa/academies')->withError('الأكاديمية غير موجودة');
         }
 
-        $disciplines = $db->select("SELECT id, name_ar FROM sa_disciplines WHERE is_active = 1 ORDER BY name_ar");
+        $disciplines = $db->select("SELECT id, name_ar FROM sa_disciplines WHERE is_active = 1 ORDER BY name_ar", []);
 
         return $this->view('SportsActivity.Views.academies.edit', [
             'academy'     => $academy,

app/Modules/SportsActivity/Controllers/AttendanceController.php

@@ -66,7 +66,7 @@ class AttendanceController extends Controller
         $players = [];
         if ($booking['group_id']) {
             $players = $db->select(
-                "SELECT gp.player_id, p.full_name_ar as player_name, p.code as player_code
+                "SELECT gp.player_id, p.full_name_ar as player_name, p.registration_serial as player_code
                  FROM sa_group_players gp
                  JOIN sa_players p ON p.id = gp.player_id
                  WHERE gp.group_id = ? AND gp.status = 'active'
@@ -130,13 +130,13 @@ class AttendanceController extends Controller
             }
 
             $db->insert('sa_attendance', [
-                'booking_id'  => (int) $bookingId,
-                'player_id'   => (int) $playerId,
-                'status'      => $status,
-                'recorded_by' => $employeeId,
-                'recorded_at' => $now,
-                'created_at'  => $now,
-                'updated_at'  => $now,
+                'booking_id'      => (int) $bookingId,
+                'player_id'       => (int) $playerId,
+                'attendance_date' => $booking['booking_date'],
+                'status'          => $status,
+                'recorded_by'     => $employeeId,
+                'created_at'      => $now,
+                'updated_at'      => $now,
             ]);
             $recorded++;
         }

app/Modules/SportsActivity/Controllers/BookingController.php

@@ -103,7 +103,7 @@ class BookingController extends Controller
             "SELECT fu.id, fu.name_ar, fu.code, f.name_ar as facility_name, f.id as facility_id
              FROM sa_facility_units fu
              JOIN sa_facilities f ON f.id = fu.facility_id
-             WHERE fu.is_archived = 0 AND fu.is_active = 1
+             WHERE fu.is_active = 1
              ORDER BY f.name_ar ASC, fu.name_ar ASC",
             []
         );
@@ -182,7 +182,7 @@ class BookingController extends Controller
         $booking = $db->selectOne(
             "SELECT b.*, fu.name_ar as unit_name, fu.code as unit_code,
                     f.name_ar as facility_name, g.name_ar as group_name,
-                    c.name_ar as coach_name
+                    c.full_name_ar as coach_name
              FROM sa_bookings b
              LEFT JOIN sa_facility_units fu ON fu.id = b.facility_unit_id
              LEFT JOIN sa_facilities f ON f.id = fu.facility_id
@@ -197,7 +197,7 @@ class BookingController extends Controller
         }
 
         $participants = $db->select(
-            "SELECT bp.*, p.name_ar as player_name, p.code as player_code
+            "SELECT bp.*, p.full_name_ar as player_name, p.registration_serial as player_code
              FROM sa_booking_participants bp
              LEFT JOIN sa_players p ON p.id = bp.player_id
              WHERE bp.booking_id = ?

app/Modules/SportsActivity/Controllers/DashboardController.php

@@ -37,7 +37,7 @@ class DashboardController extends Controller
 
         // Total active coaches
         $activeCoaches = (int) ($db->selectOne(
-            "SELECT COUNT(*) as cnt FROM sa_coaches WHERE status = 'active' AND is_archived = 0",
+            "SELECT COUNT(*) as cnt FROM sa_coaches WHERE is_active = 1 AND is_archived = 0",
             []
         )['cnt'] ?? 0);
 
@@ -66,7 +66,7 @@ class DashboardController extends Controller
 
         // Pending medical approvals
         $pendingMedical = (int) ($db->selectOne(
-            "SELECT COUNT(*) as cnt FROM sa_player_documents WHERE document_type = 'medical' AND status = 'pending'",
+            "SELECT COUNT(*) as cnt FROM sa_player_documents WHERE document_type = 'medical_cert' AND approval_status = 'pending'",
             []
         )['cnt'] ?? 0);
 

app/Modules/SportsActivity/Controllers/DisciplineController.php

@@ -193,7 +193,7 @@ class DisciplineController extends Controller
         if ($code !== '') {
             $db = App::getInstance()->db();
             $existing = $db->selectOne(
-                "SELECT id FROM disciplines WHERE code = ? AND id != ?",
+                "SELECT id FROM sa_disciplines WHERE code = ? AND id != ?",
                 [$code, (int) $id]
             );
             if ($existing) {

app/Modules/SportsActivity/Controllers/FacilityController.php

@@ -391,11 +391,11 @@ class FacilityController extends Controller
         }
 
         $db = App::getInstance()->db();
-        $db->insert('sa_facility_blackouts', [
-            'facility_id'  => (int) $id,
+        $db->insert('sa_blackout_dates', [
+            'facility_id'   => (int) $id,
             'blackout_date' => $blackoutDate,
-            'reason'       => $reason ?: null,
-            'created_at'   => date('Y-m-d H:i:s'),
+            'reason'        => $reason ?: null,
+            'created_at'    => date('Y-m-d H:i:s'),
         ]);
 
         return $this->redirect("/sa/facilities/{$id}")->withSuccess('تم إضافة تاريخ الإيقاف');

app/Modules/SportsActivity/Controllers/GroupController.php

@@ -53,7 +53,7 @@ class GroupController extends Controller
 
         $offset = ($page - 1) * $perPage;
         $groups = $db->select(
-            "SELECT g.*, p.name_ar as program_name, c.name_ar as coach_name
+            "SELECT g.*, p.name_ar as program_name, c.full_name_ar as coach_name
              FROM sa_groups g
              LEFT JOIN sa_programs p ON p.id = g.program_id
              LEFT JOIN sa_coaches c ON c.id = g.coach_id
@@ -64,7 +64,7 @@ class GroupController extends Controller
         );
 
         $programs = Program::getActive();
-        $coaches = $db->select("SELECT id, name_ar FROM sa_coaches WHERE is_archived = 0 ORDER BY name_ar", []);
+        $coaches = $db->select("SELECT id, full_name_ar as name_ar FROM sa_coaches WHERE is_archived = 0 ORDER BY full_name_ar", []);
 
         return $this->view('SportsActivity.Views.groups.index', [
             'groups'     => $groups,
@@ -82,7 +82,7 @@ class GroupController extends Controller
     {
         $db = App::getInstance()->db();
         $programs = Program::getActive();
-        $coaches = $db->select("SELECT id, name_ar FROM sa_coaches WHERE is_archived = 0 ORDER BY name_ar", []);
+        $coaches = $db->select("SELECT id, full_name_ar as name_ar FROM sa_coaches WHERE is_archived = 0 ORDER BY full_name_ar", []);
 
         return $this->view('SportsActivity.Views.groups.create', [
             'programs' => $programs,
@@ -164,7 +164,7 @@ class GroupController extends Controller
     {
         $db = App::getInstance()->db();
         $group = $db->selectOne(
-            "SELECT g.*, p.name_ar as program_name, c.name_ar as coach_name
+            "SELECT g.*, p.name_ar as program_name, c.full_name_ar as coach_name
              FROM sa_groups g
              LEFT JOIN sa_programs p ON p.id = g.program_id
              LEFT JOIN sa_coaches c ON c.id = g.coach_id
@@ -181,11 +181,11 @@ class GroupController extends Controller
 
         // Available players for enrollment (not already in this group)
         $availablePlayers = $db->select(
-            "SELECT id, name_ar, code FROM sa_players
+            "SELECT id, full_name_ar as name_ar, registration_serial as code FROM sa_players
              WHERE is_archived = 0 AND id NOT IN (
                 SELECT player_id FROM sa_group_players WHERE group_id = ? AND status = 'active'
              )
-             ORDER BY name_ar ASC LIMIT 100",
+             ORDER BY full_name_ar ASC LIMIT 100",
             [(int) $id]
         );
 
@@ -194,7 +194,7 @@ class GroupController extends Controller
             "SELECT fu.id, fu.name_ar, fu.code, f.name_ar as facility_name
              FROM sa_facility_units fu
              JOIN sa_facilities f ON f.id = fu.facility_id
-             WHERE fu.is_archived = 0 AND fu.is_active = 1
+             WHERE fu.is_active = 1
              ORDER BY f.name_ar ASC, fu.name_ar ASC",
             []
         );
@@ -221,7 +221,7 @@ class GroupController extends Controller
 
         $db = App::getInstance()->db();
         $programs = Program::getActive();
-        $coaches = $db->select("SELECT id, name_ar FROM sa_coaches WHERE is_archived = 0 ORDER BY name_ar", []);
+        $coaches = $db->select("SELECT id, full_name_ar as name_ar FROM sa_coaches WHERE is_archived = 0 ORDER BY full_name_ar", []);
 
         return $this->view('SportsActivity.Views.groups.edit', [
             'group'    => $group,

app/Modules/SportsActivity/Controllers/PlayerController.php

@@ -111,7 +111,7 @@ class PlayerController extends Controller
             $errors[] = 'رقم العضوية مطلوب للأعضاء';
         }
 
-        $validTypes = ['member', 'non_member', 'academy_player'];
+        $validTypes = ['member', 'non_member'];
         if (!in_array($playerType, $validTypes, true)) {
             $errors[] = 'نوع اللاعب غير صالح';
         }

app/Modules/SportsActivity/Controllers/PlayerDocumentController.php

@@ -47,16 +47,12 @@ class PlayerDocumentController extends Controller
         }
 
         $documentType = trim((string) $request->post('document_type', ''));
-        $title = trim((string) $request->post('title', ''));
 
         // Validation
         $errors = [];
         if ($documentType === '') {
             $errors[] = 'نوع المستند مطلوب';
         }
-        if ($title === '') {
-            $errors[] = 'عنوان المستند مطلوب';
-        }
 
         $file = $_FILES['document_file'] ?? null;
         if (!$file || $file['error'] !== UPLOAD_ERR_OK) {
@@ -85,11 +81,10 @@ class PlayerDocumentController extends Controller
         $data = [
             'player_id'       => (int) $pid,
             'document_type'   => $documentType,
-            'title'           => $title,
             'file_path'       => $filePath,
-            'original_name'   => $file['name'],
+            'file_name'       => $file['name'],
             'approval_status' => 'pending',
-            'uploaded_by'     => (int) (App::getInstance()->session()->get('employee_id') ?? 0),
+            'created_by'      => (int) (App::getInstance()->session()->get('employee_id') ?? 0),
             'created_at'      => now(),
             'updated_at'      => now(),
         ];

app/Modules/SportsActivity/Controllers/ProgramController.php

@@ -96,7 +96,8 @@ class ProgramController extends Controller
         $programType = trim((string) $request->post('program_type', ''));
         $ageFrom = $request->post('age_from', '') !== '' ? (int) $request->post('age_from', 0) : null;
         $ageTo = $request->post('age_to', '') !== '' ? (int) $request->post('age_to', 0) : null;
-        $genderRestriction = trim((string) $request->post('gender_restriction', 'mixed'));
+        $genderRestriction = trim((string) $request->post('gender_restriction', ''));
+        $genderRestriction = in_array($genderRestriction, ['male', 'female'], true) ? $genderRestriction : null;
         $skillLevel = trim((string) $request->post('skill_level', ''));
         $sessionDuration = $request->post('session_duration_minutes', '') !== '' ? (int) $request->post('session_duration_minutes', 0) : null;
         $sessionsPerWeek = $request->post('sessions_per_week', '') !== '' ? (int) $request->post('sessions_per_week', 0) : null;
@@ -169,7 +170,7 @@ class ProgramController extends Controller
         }
 
         $groups = $db->select(
-            "SELECT g.*, c.name_ar as coach_name
+            "SELECT g.*, c.full_name_ar as coach_name
              FROM sa_groups g
              LEFT JOIN sa_coaches c ON c.id = g.coach_id
              WHERE g.program_id = ? AND g.is_archived = 0
@@ -226,7 +227,8 @@ class ProgramController extends Controller
         $programType = trim((string) $request->post('program_type', ''));
         $ageFrom = $request->post('age_from', '') !== '' ? (int) $request->post('age_from', 0) : null;
         $ageTo = $request->post('age_to', '') !== '' ? (int) $request->post('age_to', 0) : null;
-        $genderRestriction = trim((string) $request->post('gender_restriction', 'mixed'));
+        $genderRestriction = trim((string) $request->post('gender_restriction', ''));
+        $genderRestriction = in_array($genderRestriction, ['male', 'female'], true) ? $genderRestriction : null;
         $skillLevel = trim((string) $request->post('skill_level', ''));
         $sessionDuration = $request->post('session_duration_minutes', '') !== '' ? (int) $request->post('session_duration_minutes', 0) : null;
         $sessionsPerWeek = $request->post('sessions_per_week', '') !== '' ? (int) $request->post('sessions_per_week', 0) : null;

app/Modules/SportsActivity/Controllers/ScheduleController.php

@@ -34,7 +34,7 @@ class ScheduleController extends Controller
         $bookings = $db->select(
             "SELECT b.*, fu.name_ar as unit_name, fu.code as unit_code,
                     f.name_ar as facility_name, f.id as facility_id,
-                    g.name_ar as group_name, c.name_ar as coach_name
+                    g.name_ar as group_name, c.full_name_ar as coach_name
              FROM sa_bookings b
              JOIN sa_facility_units fu ON fu.id = b.facility_unit_id
              JOIN sa_facilities f ON f.id = fu.facility_id
@@ -64,7 +64,7 @@ class ScheduleController extends Controller
             "SELECT fu.id, fu.name_ar, fu.code, f.name_ar as facility_name
              FROM sa_facility_units fu
              JOIN sa_facilities f ON f.id = fu.facility_id
-             WHERE fu.is_archived = 0 AND fu.is_active = 1
+             WHERE fu.is_active = 1
              ORDER BY f.name_ar ASC, fu.name_ar ASC",
             []
         );
@@ -121,7 +121,7 @@ class ScheduleController extends Controller
             "SELECT fu.id, fu.name_ar, fu.code, f.name_ar as facility_name
              FROM sa_facility_units fu
              JOIN sa_facilities f ON f.id = fu.facility_id
-             WHERE fu.is_archived = 0 AND fu.is_active = 1
+             WHERE fu.is_active = 1
              ORDER BY f.name_ar ASC, fu.name_ar ASC",
             []
         );

app/Modules/SportsActivity/Controllers/SubscriptionController.php

@@ -112,7 +112,7 @@ class SubscriptionController extends Controller
         $db = App::getInstance()->db();
 
         $subscription = $db->selectOne(
-            "SELECT s.*, p.full_name_ar as player_name, p.code as player_code,
+            "SELECT s.*, p.full_name_ar as player_name, p.registration_serial as player_code,
                     g.name_ar as group_name, g.code as group_code
              FROM sa_subscriptions s
              LEFT JOIN sa_players p ON p.id = s.player_id

app/Modules/SportsActivity/Controllers/WaitlistController.php

@@ -52,7 +52,7 @@ class WaitlistController extends Controller
         $offset = ($page - 1) * $perPage;
 
         $entries = $db->select(
-            "SELECT w.*, p.full_name_ar as player_name, p.code as player_code,
+            "SELECT w.*, p.full_name_ar as player_name, p.registration_serial as player_code,
                     g.name_ar as group_name
              FROM sa_waitlist w
              LEFT JOIN sa_players p ON p.id = w.player_id

app/Modules/SportsActivity/Models/Group.php

@@ -48,11 +48,11 @@ class Group extends Model
     {
         $db = App::getInstance()->db();
         return $db->select(
-            "SELECT gp.*, p.name_ar as player_name, p.code as player_code, p.phone
+            "SELECT gp.*, p.full_name_ar as player_name, p.registration_serial as player_code, p.phone
              FROM sa_group_players gp
              JOIN sa_players p ON p.id = gp.player_id
              WHERE gp.group_id = ? AND gp.status = 'active'
-             ORDER BY p.name_ar ASC",
+             ORDER BY p.full_name_ar ASC",
             [$groupId]
         );
     }
@@ -61,7 +61,7 @@ class Group extends Model
     {
         $db = App::getInstance()->db();
         return $db->select(
-            "SELECT g.*, p.name_ar as program_name, c.name_ar as coach_name
+            "SELECT g.*, p.name_ar as program_name, c.full_name_ar as coach_name
              FROM sa_groups g
              LEFT JOIN sa_programs p ON p.id = g.program_id
              LEFT JOIN sa_coaches c ON c.id = g.coach_id

app/Modules/SportsActivity/Views/players/create.php

@@ -24,7 +24,6 @@ $__template->layout('Layout.main');
                     <option value="">اختر...</option>
                     <option value="member" <?= old('player_type') === 'member' ? 'selected' : '' ?>>عضو</option>
                     <option value="non_member" <?= old('player_type') === 'non_member' ? 'selected' : '' ?>>غير عضو</option>
-                    <option value="academy_player" <?= old('player_type') === 'academy_player' ? 'selected' : '' ?>>لاعب أكاديمية</option>
                 </select>
             </div>
             <div id="member_id_field" style="display:none;">

app/Modules/SportsActivity/Views/players/documents.php

@@ -13,7 +13,7 @@ $canApprove = in_array('sa.medical.approve', $employeePermissions, true) || ($se
 <?php $__template->section('content'); ?>
 
 <?php
-$docTypes = ['medical_cert' => 'شهادة طبية', 'id_copy' => 'صورة بطاقة', 'photo' => 'صورة شخصية', 'birth_cert' => 'شهادة ميلاد', 'other' => 'أخرى'];
+$docTypes = ['medical_cert' => 'شهادة طبية', 'national_id' => 'صورة بطاقة', 'photo' => 'صورة شخصية', 'birth_cert' => 'شهادة ميلاد'];
 $approvalLabels = ['pending' => 'في الانتظار', 'approved' => 'معتمد', 'rejected' => 'مرفوض'];
 $approvalColors = ['pending' => '#D97706', 'approved' => '#059669', 'rejected' => '#DC2626'];
 ?>
@@ -46,7 +46,7 @@ $approvalColors = ['pending' => '#D97706', 'approved' => '#059669', 'rejected' =
                     $isMedicalPending = ($doc['document_type'] ?? '') === 'medical_cert' && $aStatus === 'pending';
                 ?>
                 <tr>
-                    <td style="font-weight:600;"><?= e($doc['title'] ?? '') ?></td>
+                    <td style="font-weight:600;"><?= e($doc['file_name'] ?? '') ?></td>
                     <td><?= e($docTypes[$doc['document_type'] ?? ''] ?? $doc['document_type'] ?? '') ?></td>
                     <td>
                         <span style="padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600;background:<?= $aColor ?>15;color:<?= $aColor ?>;">
@@ -128,8 +128,8 @@ $approvalColors = ['pending' => '#D97706', 'approved' => '#059669', 'rejected' =
                     </select>
                 </div>
                 <div>
-                    <label class="form-label">العنوان <span style="color:#DC2626;">*</span></label>
-                    <input type="text" name="title" class="form-input" placeholder="عنوان المستند" required>
+                    <label class="form-label">ملاحظات</label>
+                    <input type="text" name="notes" class="form-input" placeholder="ملاحظات (اختياري)">
                 </div>
                 <div>
                     <label class="form-label">الملف <span style="color:#DC2626;">*</span></label>

app/Modules/SportsActivity/Views/players/edit.php

@@ -24,7 +24,6 @@ $__template->layout('Layout.main');
                     <option value="">اختر...</option>
                     <option value="member" <?= (old('player_type') ?? $player['player_type']) === 'member' ? 'selected' : '' ?>>عضو</option>
                     <option value="non_member" <?= (old('player_type') ?? $player['player_type']) === 'non_member' ? 'selected' : '' ?>>غير عضو</option>
-                    <option value="academy_player" <?= (old('player_type') ?? $player['player_type']) === 'academy_player' ? 'selected' : '' ?>>لاعب أكاديمية</option>
                 </select>
             </div>
             <div id="member_id_field" style="<?= ($player['player_type'] ?? '') !== 'member' ? 'display:none;' : '' ?>">

app/Modules/SportsActivity/Views/players/index.php

@@ -22,7 +22,6 @@ $__template->layout('Layout.main');
                 <option value="">الكل</option>
                 <option value="member" <?= ($filters['player_type'] ?? '') === 'member' ? 'selected' : '' ?>>عضو</option>
                 <option value="non_member" <?= ($filters['player_type'] ?? '') === 'non_member' ? 'selected' : '' ?>>غير عضو</option>
-                <option value="academy_player" <?= ($filters['player_type'] ?? '') === 'academy_player' ? 'selected' : '' ?>>لاعب أكاديمية</option>
             </select>
         </div>
         <div style="min-width:150px;">
@@ -67,8 +66,8 @@ $__template->layout('Layout.main');
                     </td>
                     <td>
                         <?php
-                        $typeLabels = ['member' => 'عضو', 'non_member' => 'غير عضو', 'academy_player' => 'لاعب أكاديمية'];
-                        $typeColors = ['member' => '#059669', 'non_member' => '#D97706', 'academy_player' => '#7C3AED'];
+                        $typeLabels = ['member' => 'عضو', 'non_member' => 'غير عضو'];
+                        $typeColors = ['member' => '#059669', 'non_member' => '#D97706'];
                         $pType = $player['player_type'] ?? '';
                         $tColor = $typeColors[$pType] ?? '#6B7280';
                         ?>
@@ -90,9 +89,9 @@ $__template->layout('Layout.main');
                     </td>
                     <td>
                         <?php
-                        $cardLabels = ['not_issued' => 'لم تصدر', 'active' => 'فعالة', 'expired' => 'منتهية', 'suspended' => 'موقوفة'];
-                        $cardColors = ['not_issued' => '#6B7280', 'active' => '#059669', 'expired' => '#DC2626', 'suspended' => '#D97706'];
-                        $cStatus = $player['card_status'] ?? 'not_issued';
+                        $cardLabels = ['inactive' => 'غير مفعلة', 'active' => 'فعالة', 'suspended' => 'موقوفة', 'revoked' => 'ملغاة'];
+                        $cardColors = ['inactive' => '#6B7280', 'active' => '#059669', 'suspended' => '#D97706', 'revoked' => '#DC2626'];
+                        $cStatus = $player['card_status'] ?? 'inactive';
                         $cColor = $cardColors[$cStatus] ?? '#6B7280';
                         ?>
                         <span style="padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600;background:<?= $cColor ?>15;color:<?= $cColor ?>;">

app/Modules/SportsActivity/Views/players/show.php

@@ -12,10 +12,10 @@ $__template->layout('Layout.main');
 <?php $__template->section('content'); ?>
 
 <?php
-$typeLabels = ['member' => 'عضو', 'non_member' => 'غير عضو', 'academy_player' => 'لاعب أكاديمية'];
-$medLabels = ['fit' => 'لائق', 'unfit' => 'غير لائق', 'pending' => 'في الانتظار', 'expired' => 'منتهي'];
-$medColors = ['fit' => '#059669', 'unfit' => '#DC2626', 'pending' => '#D97706', 'expired' => '#6B7280'];
-$cardLabels = ['not_issued' => 'لم تصدر', 'active' => 'فعالة', 'expired' => 'منتهية', 'suspended' => 'موقوفة'];
+$typeLabels = ['member' => 'عضو', 'non_member' => 'غير عضو'];
+$medLabels = ['fit' => 'لائق', 'unfit' => 'غير لائق', 'pending' => 'في الانتظار', 'expired' => 'منتهي', 'conditional' => 'مشروط'];
+$medColors = ['fit' => '#059669', 'unfit' => '#DC2626', 'pending' => '#D97706', 'expired' => '#6B7280', 'conditional' => '#F59E0B'];
+$cardLabels = ['inactive' => 'غير مفعلة', 'active' => 'فعالة', 'suspended' => 'موقوفة', 'revoked' => 'ملغاة'];
 $genderLabels = ['male' => 'ذكر', 'female' => 'أنثى'];
 $relationLabels = ['father' => 'أب', 'mother' => 'أم', 'brother' => 'أخ', 'sister' => 'أخت', 'uncle' => 'عم / خال', 'other' => 'أخرى'];
 ?>
@@ -142,10 +142,10 @@ $relationLabels = ['father' => 'أب', 'mother' => 'أم', 'brother' => 'أخ',
             <tbody>
                 <?php foreach ($documents as $doc): ?>
                 <tr>
-                    <td><?= e($doc['title'] ?? '') ?></td>
+                    <td><?= e($doc['file_name'] ?? '') ?></td>
                     <td>
                         <?php
-                        $docTypes = ['medical_cert' => 'شهادة طبية', 'id_copy' => 'صورة بطاقة', 'photo' => 'صورة شخصية', 'birth_cert' => 'شهادة ميلاد', 'other' => 'أخرى'];
+                        $docTypes = ['medical_cert' => 'شهادة طبية', 'national_id' => 'صورة بطاقة', 'photo' => 'صورة شخصية', 'birth_cert' => 'شهادة ميلاد'];
                         ?>
                         <?= e($docTypes[$doc['document_type'] ?? ''] ?? $doc['document_type'] ?? '') ?>
                     </td>

app/Modules/Tutorials/Views/membership/add_child.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: إضافة أبناء<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#F59E0B08,#F59E0B04);border-radius:16px;border:1px solid #F59E0B20}.tut-header-icon{width:56px;height:56px;background:#F59E0B;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#F59E0B60}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#F59E0B15;color:#F59E0B;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">إضافة أبناء</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="baby" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>إضافة أبناء</h1><p>إضافة أبناء مع التصنيف التلقائي</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">تصنيف الأبناء بالعمر</h3><div class="tut-step-body"><div class="tut-diagram">الفئة العمرية    │ الرسوم              │ الحالة
+──────────────────┼─────────────────────┼──────────────
+أقل من 5 سنوات  │ مجاناً              │ طفل (لا كارنيه)
+5 – 16 سنة      │ 5% من قيمة العضوية  │ ناشئ
+16 – 21 سنة     │ 10% من قيمة العضوية │ شاب
+21 – 25 سنة     │ 20% من قيمة العضوية │ بالغ (مع العائلة)
+أكثر من 25 سنة  │ يُفصل تلقائياً     │ عضو مستقل</div></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">إجراء الإضافة</h3><div class="tut-step-body">من ملف العضو > <span class="field">التابعين</span> > <span class="field">إضافة ابن/ابنة</span>:
+<ul>
+<li><span class="field">الاسم</span></li>
+<li><span class="field">تاريخ الميلاد</span> أو <span class="field">الرقم القومي</span></li>
+<li><span class="field">النوع</span> — ذكر / أنثى</li>
+</ul>
+<span class="info">النظام يحدد الفئة العمرية والرسوم تلقائياً من تاريخ الميلاد.</span></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">الرسوم والدفع</h3><div class="tut-step-body">إذا كان العمر ≥ 5 سنوات:
+<ul>
+<li>يتم حساب نسبة الرسوم المناسبة</li>
+<li>يُنشئ طلب دفع ويُرسل للخزينة</li>
+<li>بعد الدفع يُصبح الابن مُضافاً رسمياً</li>
+</ul>
+<span class="warn">عند بلوغ الابن 25 سنة، يتم فصله تلقائياً ويحتاج لتقديم عضوية مستقلة (بنسبة فصل مخفضة).</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/add-spouse"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> إضافة زوج/زوجة</a>
+        <a href="/tutorials/membership/add-temporary-member">إضافة عضو مؤقت <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/add_spouse.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: إضافة زوج/زوجة<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#F9731608,#F9731604);border-radius:16px;border:1px solid #F9731620}.tut-header-icon{width:56px;height:56px;background:#F97316;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#F9731660}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#F9731615;color:#F97316;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">إضافة زوج/زوجة</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="heart" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>إضافة زوج/زوجة</h1><p>إضافة زوجة للعضوية مع حساب الرسوم</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">قواعد إضافة الزوج/الزوجة</h3><div class="tut-step-body"><div class="tut-diagram">رسوم إضافة الزوج/الزوجة:
+─────────────────────────────────────────
+الزوجة الأولى:    مجاناً (0%)
+الزوجة الثانية:   10% من قيمة العضوية
+الزوجة الثالثة:   20% من قيمة العضوية
+─────────────────────────────────────────
+ملاحظة: نفس القاعدة تطبق إذا كانت العضوية الأصلية لسيدة وتريد إضافة زوج.</div></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">إجراء الإضافة</h3><div class="tut-step-body">من ملف العضو > <span class="field">التابعين</span> > <span class="field">إضافة زوج/زوجة</span>:
+<ul>
+<li><span class="field">الاسم الكامل</span></li>
+<li><span class="field">الرقم القومي</span></li>
+<li><span class="field">رقم الهاتف</span></li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">حساب الرسوم</h3><div class="tut-step-body">النظام يحسب الرسوم تلقائياً:
+<ul>
+<li>يتحقق من ترتيب الزوجة (أولى/ثانية/ثالثة)</li>
+<li>يحسب النسبة المطبقة</li>
+<li>يُنشئ طلب دفع إذا كان هناك رسوم</li>
+</ul>
+<span class="success">الزوجة الأولى تُضاف مباشرة بدون رسوم إضافية.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/special-discounts"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> الخصومات الخاصة</a>
+        <a href="/tutorials/membership/add-child">إضافة أبناء <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/add_temporary_member.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: إضافة عضو مؤقت<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#6366F108,#6366F104);border-radius:16px;border:1px solid #6366F120}.tut-header-icon{width:56px;height:56px;background:#6366F1;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#6366F160}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#6366F115;color:#6366F1;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">إضافة عضو مؤقت</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="user-cog" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>إضافة عضو مؤقت</h1><p>والدين أو أشقاء أو مربية</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">أنواع الأعضاء المؤقتين</h3><div class="tut-step-body"><div class="tut-diagram">النوع         │ الرسوم الشهرية  │ ملاحظات
+───────────────┼─────────────────┼────────────────────────
+والد/والدة    │ 500 ج.م/شهر    │ يحتاج إثبات قرابة
+أخ/أخت        │ 750 ج.م/شهر    │ يحتاج إثبات قرابة
+مربية (Nanny) │ 300 ج.م/شهر    │ مرتبطة بأسرة محددة</div></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">إجراء الإضافة</h3><div class="tut-step-body">من ملف العضو > <span class="field">التابعين</span> > <span class="field">إضافة مؤقت</span>:
+<ul>
+<li><span class="field">الاسم</span></li>
+<li><span class="field">نوع العلاقة</span> — والد/والدة/أخ/أخت/مربية</li>
+<li><span class="field">الرقم القومي</span></li>
+<li><span class="field">رقم الهاتف</span></li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">الاشتراك الشهري</h3><div class="tut-step-body"><span class="info">العضو المؤقت يدفع اشتراكاً شهرياً (ليس لمرة واحدة). يتم إنشاء فاتورة شهرية تلقائياً ضمن دورة الاشتراكات.</span>
+<span class="warn">إذا لم يُسدد 3 أشهر متتالية، يتم تعليق العضو المؤقت تلقائياً.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/add-child"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> إضافة أبناء</a>
+        <a href="/tutorials/membership/children-aging">تقادم أعمار الأبناء <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/annual_subscription.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: الاشتراك السنوي<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#05966908,#05966904);border-radius:16px;border:1px solid #05966920}.tut-header-icon{width:56px;height:56px;background:#059669;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#05966960}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#05966915;color:#059669;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">الاشتراك السنوي</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="calendar-check" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>الاشتراك السنوي</h1><p>توليد وتحصيل الاشتراكات السنوية</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">الاشتراك السنوي</h3><div class="tut-step-body">كل عضو فعال يُطالب باشتراك سنوي لتجديد العضوية:
+<ul>
+<li>يُستحق في بداية كل سنة ميلادية</li>
+<li>يُنشئ النظام فاتورة تلقائية</li>
+<li>يُرسل تنبيه للعضو</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">قيمة الاشتراك</h3><div class="tut-step-body"><span class="info">قيمة الاشتراك السنوي تُحدد بقرار مجلس الإدارة وتُسجل في إعدادات النظام (system_config). القيمة واحدة لكل الأعضاء ما لم يكن هناك فئات خاصة.</span></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">حالات عدم السداد</h3><div class="tut-step-body"><ul>
+<li><strong>تأخر شهر</strong> — تنبيه أول</li>
+<li><strong>تأخر 3 أشهر</strong> — تنبيه ثانٍ + غرامة تأخير</li>
+<li><strong>تأخر 6 أشهر</strong> — تجميد العضوية تلقائياً</li>
+<li><strong>تأخر سنة</strong> — إسقاط العضوية</li>
+</ul>
+<span class="warn">العضو المجمد لا يستطيع دخول النادي أو استخدام المرافق حتى يُسدد المستحق.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/change-status"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> تغيير حالة العضوية</a>
+        <a href="/tutorials/membership/fines-violations">المخالفات والغرامات <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/athletic_conversion.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: تحويل لاعب لعضو<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#EC489908,#EC489904);border-radius:16px;border:1px solid #EC489920}.tut-header-icon{width:56px;height:56px;background:#EC4899;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#EC489960}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#EC489915;color:#EC4899;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">تحويل لاعب لعضو</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="trophy" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>تحويل لاعب لعضو</h1><p>تحويل عضوية رياضية لعاملة</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">ما هو التحويل الرياضي؟</h3><div class="tut-step-body">اللاعب الرياضي (عضوية رياضية) يمكنه التحويل لعضوية عاملة كاملة:
+<ul>
+<li>يدفع <strong>50% فقط</strong> من قيمة العضوية العاملة</li>
+<li>الشرط: أن يكون لاعباً مسجلاً لمدة 3 سنوات على الأقل</li>
+<li>يحتاج توصية من المدير الفني للعبة</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">الرسوم</h3><div class="tut-step-body"><div class="tut-diagram">حساب رسوم التحويل الرياضي:
+─────────────────────────────────────────
+القيمة الأصلية (حسب المؤهل) × 50%
+─────────────────────────────────────────
+مثال: لاعب بمؤهل عالي
+= 150,000 × 50% = 75,000 ج.م
+
+مثال: لاعب بدون مؤهل
+= 300,000 × 50% = 150,000 ج.م</div>
+<span class="success">خصم 50% هو تقدير لمساهمة اللاعب الرياضية في سمعة النادي.</span></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">الإجراء</h3><div class="tut-step-body"><ol style="padding-right:18px;">
+<li>تقديم طلب تحويل + توصية المدير الفني</li>
+<li>مراجعة مدة اللعب (3 سنوات كحد أدنى)</li>
+<li>حساب الرسوم (50%)</li>
+<li>موافقة مجلس الإدارة</li>
+<li>إنشاء طلب دفع</li>
+<li>بعد الدفع: تتحول العضوية من "رياضية" إلى "عاملة"</li>
+</ol>
+<span class="warn">بعد التحويل، لا يمكن العودة لعضوية رياضية مرة أخرى.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/foreign-membership"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> العضوية الأجنبية</a>
+        <a href="/tutorials/membership/full-new-member-scenario">سيناريو كامل: عضو جديد <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/carnet_issuance.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: إصدار الكارنيه<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#3B82F608,#3B82F604);border-radius:16px;border:1px solid #3B82F620}.tut-header-icon{width:56px;height:56px;background:#3B82F6;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#3B82F660}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#3B82F615;color:#3B82F6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">إصدار الكارنيه</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="id-card" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>إصدار الكارنيه</h1><p>شروط وإجراءات طباعة الكارنيه</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">شروط الإصدار</h3><div class="tut-step-body">لا يُصدر الكارنيه إلا إذا:
+<ul>
+<li>✅ العضوية <span class="field">فعالة (active)</span></li>
+<li>✅ لا توجد غرامات غير مسددة</li>
+<li>✅ الاشتراك السنوي مسدد</li>
+<li>✅ الصورة الشخصية مرفوعة</li>
+<li>✅ لا يوجد إيقاف نشط</li>
+</ul>
+<span class="warn">النظام يمنع إصدار الكارنيه إذا لم تتحقق أي من هذه الشروط.</span></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">إجراء الإصدار</h3><div class="tut-step-body">من ملف العضو > <span class="field">الكارنيه</span> > <span class="field">إصدار كارنيه جديد</span>:
+<ul>
+<li>النظام يتحقق من كل الشروط تلقائياً</li>
+<li>يُنشئ رقم كارنيه فريد</li>
+<li>يُعيّن تاريخ صلاحية (سنة واحدة)</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">تجديد الكارنيه</h3><div class="tut-step-body"><span class="info">عند انتهاء الصلاحية أو فقدان الكارنيه، يمكن إصدار بديل بنفس الشروط. الكارنيه البديل قد يحتاج رسوم إعادة إصدار.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/fines-violations"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> المخالفات والغرامات</a>
+        <a href="/tutorials/membership/transfer-separation">فصل الأبناء <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/change_status.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: تغيير حالة العضوية<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#8B5CF608,#8B5CF604);border-radius:16px;border:1px solid #8B5CF620}.tut-header-icon{width:56px;height:56px;background:#8B5CF6;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#8B5CF660}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#8B5CF615;color:#8B5CF6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">تغيير حالة العضوية</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="refresh-cw" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>تغيير حالة العضوية</h1><p>دورة الحالات من محتمل حتى فعال</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">خريطة الحالات</h3><div class="tut-step-body"><div class="tut-diagram">potential (محتمل)
+    │
+    ├─→ under_review (تحت المراجعة) ← بعد دفع الاستمارة
+    │       │
+    │       ├─→ interview_scheduled (مجدولة للمقابلة)
+    │       │       │
+    │       │       ├─→ accepted (مقبول) ← بعد نجاح المقابلة
+    │       │       │       │
+    │       │       │       ├─→ payment_pending (في انتظار الدفع)
+    │       │       │       │       │
+    │       │       │       │       └─→ active (فعال) ← بعد السداد
+    │       │       │       │               │
+    │       │       │       │               ├─→ frozen (مجمد)
+    │       │       │       │               ├─→ suspended (موقوف)
+    │       │       │       │               ├─→ dropped (مسقط)
+    │       │       │       │               └─→ expired (منتهي)
+    │       │       │
+    │       │       └─→ rejected (مرفوض)
+    │       │
+    │       └─→ rejected (مرفوض)
+    │
+    └─→ rejected (مرفوض)</div></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">تغيير الحالة</h3><div class="tut-step-body">من ملف العضو > <span class="field">تغيير الحالة</span>:
+<ul>
+<li>النظام يعرض الحالات المتاحة فقط (حسب الحالة الحالية)</li>
+<li>بعض التحولات تحتاج ملاحظة إلزامية</li>
+<li>كل تغيير يُسجل في سجل التغييرات (changelog)</li>
+</ul>
+<span class="warn">لا يمكن تخطي خطوات — مثلاً لا يمكن الانتقال من potential مباشرة إلى active.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/interview-process"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> المقابلات</a>
+        <a href="/tutorials/membership/annual-subscription">الاشتراك السنوي <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/children_aging.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: تقادم أعمار الأبناء<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#DC262608,#DC262604);border-radius:16px;border:1px solid #DC262620}.tut-header-icon{width:56px;height:56px;background:#DC2626;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#DC262660}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#DC262615;color:#DC2626;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">تقادم أعمار الأبناء</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="clock" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>تقادم أعمار الأبناء</h1><p>التجميد التلقائي والفصل عند بلوغ 25</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">المتابعة التلقائية</h3><div class="tut-step-body">النظام يراقب أعمار الأبناء تلقائياً ويقوم بـ:
+<ul>
+<li><strong>تحديث الفئة</strong> — عند الانتقال بين الفئات العمرية (ناشئ → شاب → بالغ)</li>
+<li><strong>تحديث الرسوم</strong> — يتم تعديل نسبة الرسوم عند تغيير الفئة</li>
+<li><strong>تنبيه الفصل</strong> — قبل بلوغ 25 سنة بـ 6 أشهر</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">الفصل عند بلوغ 25</h3><div class="tut-step-body">عند بلوغ الابن 25 سنة:
+<ul>
+<li>يتم فصله تلقائياً عن عضوية الوالد</li>
+<li>يُرسل تنبيه للعضو والإدارة</li>
+<li>يحق للابن التقدم لعضوية مستقلة بنسبة فصل مخفضة</li>
+</ul>
+<span class="info">راجع شرح "فصل الأبناء" لمعرفة إجراءات الفصل والتسعير الخاص.</span></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">حالات خاصة</h3><div class="tut-step-body"><span class="warn">الطالب الجامعي (حتى 26 سنة): يمكن تمديد البقاء سنة إضافية بتقديم إثبات قيد جامعي.</span>
+<span class="info">ذوي الاحتياجات الخاصة: لا يُطبق الفصل التلقائي ويحتاج قرار يدوي.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/add-temporary-member"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> إضافة عضو مؤقت</a>
+        <a href="/tutorials/membership/interview-process">المقابلات <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/death_transfer.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: تحويل عند الوفاة<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#6B728008,#6B728004);border-radius:16px;border:1px solid #6B728020}.tut-header-icon{width:56px;height:56px;background:#6B7280;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#6B728060}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#6B728015;color:#6B7280;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">تحويل عند الوفاة</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="heart-off" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>تحويل عند الوفاة</h1><p>نقل العضوية للزوج/الزوجة</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">القواعد</h3><div class="tut-step-body">عند وفاة العضو:
+<ul>
+<li>العضوية تُنقل <strong>تلقائياً</strong> للزوج/الزوجة</li>
+<li>إذا لم يوجد زوج/زوجة → تُنقل لأكبر الأبناء</li>
+<li>إذا لم يوجد أبناء → تُلغى العضوية</li>
+</ul>
+<span class="info">النقل بالوفاة مجاني — لا رسوم تحويل.</span></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">المستندات المطلوبة</h3><div class="tut-step-body"><ul>
+<li>شهادة الوفاة (أصل للاطلاع + صورة)</li>
+<li>إثبات صلة القرابة</li>
+<li>بطاقة المستفيد (الزوج/الزوجة أو الابن)</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">الإجراء</h3><div class="tut-step-body">من <span class="field">شئون العضوية</span> > <span class="field">تحويلات</span> > <span class="field">تحويل بالوفاة</span>:
+<ul>
+<li>اختر العضو المتوفى</li>
+<li>حدد المستفيد</li>
+<li>ارفق المستندات</li>
+<li>النظام ينقل العضوية ويحدث البيانات</li>
+</ul>
+<span class="success">المستفيد يحتفظ بنفس رقم العضوية ونفس التابعين (الأبناء).</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/divorce-transfer"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> تحويل عند الطلاق</a>
+        <a href="/tutorials/membership/waiver-process">التنازل عن العضوية <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/divorce_transfer.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: تحويل عند الطلاق<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#DC262608,#DC262604);border-radius:16px;border:1px solid #DC262620}.tut-header-icon{width:56px;height:56px;background:#DC2626;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#DC262660}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#DC262615;color:#DC2626;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">تحويل عند الطلاق</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="split" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>تحويل عند الطلاق</h1><p>نقل العضوية بعد الطلاق</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">القواعد</h3><div class="tut-step-body">عند الطلاق:
+<ul>
+<li>العضوية تبقى باسم <strong>صاحب العضوية الأصلي</strong></li>
+<li>الطرف الآخر يُفصل من التابعين</li>
+<li>يحق للمطلق/المطلقة التقدم لعضوية مستقلة</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">رسوم التحويل</h3><div class="tut-step-body"><div class="tut-diagram">سيناريوهات الطلاق:
+─────────────────────────────────────────────────────────
+1. العضوية باسم الزوج:
+   الزوج يحتفظ بالعضوية
+   الزوجة يمكنها: تقديم عضوية جديدة بخصم 40%
+
+2. العضوية باسم الزوجة:
+   الزوجة تحتفظ بالعضوية
+   الزوج يمكنه: تقديم عضوية جديدة بخصم 40%
+
+3. نقل العضوية بالتراضي:
+   يمكن نقل العضوية للطرف الآخر
+   رسوم النقل: 15% من قيمة العضوية الحالية
+─────────────────────────────────────────────────────────</div></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">المستندات المطلوبة</h3><div class="tut-step-body"><ul>
+<li>وثيقة الطلاق (أصل للاطلاع + صورة)</li>
+<li>طلب رسمي من العضو</li>
+<li>موافقة مجلس الإدارة (في حالة النقل)</li>
+</ul>
+<span class="warn">يجب تقديم المستندات خلال 60 يوماً من تاريخ الطلاق وإلا تُطبق الرسوم الكاملة.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/transfer-separation"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> فصل الأبناء</a>
+        <a href="/tutorials/membership/death-transfer">تحويل عند الوفاة <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/fill_form.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: ملء استمارة العضوية<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#3B82F608,#3B82F604);border-radius:16px;border:1px solid #3B82F620}.tut-header-icon{width:56px;height:56px;background:#3B82F6;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#3B82F660}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#3B82F615;color:#3B82F6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">ملء استمارة العضوية</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="file-text" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>ملء استمارة العضوية</h1><p>إكمال البيانات الشخصية والمهنية</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">فتح ملء الاستمارة</h3><div class="tut-step-body">من ملف العضو اضغط <span class="field">ملء الاستمارة</span>.</div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">البيانات الشخصية</h3><div class="tut-step-body"><ul>
+<li><span class="field">العنوان</span> — عنوان السكن الكامل</li>
+<li><span class="field">جهة العمل</span> — اسم الشركة أو المؤسسة</li>
+<li><span class="field">المهنة</span> — الوظيفة الحالية</li>
+<li><span class="field">المؤهل التعليمي</span> — عالي / متوسط / بدون مؤهل</li>
+<li><span class="field">الحالة الاجتماعية</span> — أعزب / متزوج / مطلق / أرمل</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">بيانات الطوارئ</h3><div class="tut-step-body"><ul>
+<li><span class="field">اسم شخص الطوارئ</span></li>
+<li><span class="field">هاتف الطوارئ</span></li>
+<li><span class="field">صلة القرابة</span></li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">4</div><h3 class="tut-step-title">المرفقات</h3><div class="tut-step-body"><ul>
+<li>صورة شخصية</li>
+<li>صورة الرقم القومي (وجهين)</li>
+<li>شهادة المؤهل</li>
+</ul>
+<span class="warn">لا يمكن جدولة المقابلة بدون إكمال ملء الاستمارة.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/pay-form-fee"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> دفع رسوم الاستمارة</a>
+        <a href="/tutorials/membership/membership-pricing">تسعير العضوية <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/fines_violations.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: المخالفات والغرامات<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#DC262608,#DC262604);border-radius:16px;border:1px solid #DC262620}.tut-header-icon{width:56px;height:56px;background:#DC2626;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#DC262660}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#DC262615;color:#DC2626;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">المخالفات والغرامات</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="alert-triangle" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>المخالفات والغرامات</h1><p>فرض غرامة وتصعيد العقوبات</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">أنواع المخالفات</h3><div class="tut-step-body"><div class="tut-diagram">المخالفة           │ الغرامة        │ التصعيد
+────────────────────┼────────────────┼─────────────────────
+سلوك غير لائق     │ 500 ج.م       │ مرة 2: تحذير رسمي
+إتلاف ممتلكات     │ 1,000 ج.م     │ + تكلفة الإصلاح
+دخول غير مصرح     │ 200 ج.م       │ مرة 3: إيقاف
+استخدام كارنيه الغير│ 1,000 ج.م    │ إيقاف فوري
+شجار              │ 2,000 ج.م     │ إيقاف شهر كامل</div></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">فرض مخالفة</h3><div class="tut-step-body">من ملف العضو > <span class="field">المخالفات</span> > <span class="field">إضافة مخالفة</span>:
+<ul>
+<li><span class="field">نوع المخالفة</span></li>
+<li><span class="field">الوصف</span> — تفاصيل الواقعة</li>
+<li><span class="field">الغرامة</span> — المبلغ (أو تلقائي حسب النوع)</li>
+<li><span class="field">العقوبة</span> — تحذير / إيقاف / إسقاط</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">التصعيد</h3><div class="tut-step-body"><span class="info">النظام يتابع عدد المخالفات ويُصعّد العقوبة تلقائياً:
+مرة أولى → تحذير | مرة ثانية → إيقاف مؤقت | مرة ثالثة → عرض على مجلس الإدارة</span>
+<span class="warn">الغرامة تُضاف لرصيد العضو المدين ولا يُصدر كارنيه جديد حتى سدادها.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/annual-subscription"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> الاشتراك السنوي</a>
+        <a href="/tutorials/membership/carnet-issuance">إصدار الكارنيه <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/foreign_membership.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: العضوية الأجنبية<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#10B98108,#10B98104);border-radius:16px;border:1px solid #10B98120}.tut-header-icon{width:56px;height:56px;background:#10B981;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#10B98160}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#10B98115;color:#10B981;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">العضوية الأجنبية</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="globe" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>العضوية الأجنبية</h1><p>عضوية لغير المصريين بـ 10,000$</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">الشروط</h3><div class="tut-step-body"><ul>
+<li>المتقدم <strong>غير مصري الجنسية</strong></li>
+<li>إقامة سارية في مصر</li>
+<li>جواز سفر ساري</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">الرسوم</h3><div class="tut-step-body"><div class="tut-diagram">رسوم العضوية الأجنبية:
+─────────────────────────────────
+قيمة العضوية:     10,000 دولار أمريكي
+الاشتراك السنوي:  1,000 دولار أمريكي
+─────────────────────────────────
+يُسدد بالدولار أو ما يعادله بالجنيه حسب سعر الصرف يوم الدفع.
+رسوم الاستمارة: 505 ج.م (مثل الجميع)</div></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">الإجراء</h3><div class="tut-step-body">نفس إجراءات العضوية العادية مع:
+<ul>
+<li>تحديد نوع العضوية: <span class="field">أجنبية (foreign)</span></li>
+<li>رفع صورة جواز السفر + الإقامة</li>
+<li>النظام يحسب القيمة بالدولار تلقائياً</li>
+</ul>
+<span class="info">العضو الأجنبي له نفس حقوق وواجبات العضو العادي مع فارق القيمة والعملة.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/honorary-membership"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> العضوية الشرفية</a>
+        <a href="/tutorials/membership/athletic-conversion">تحويل لاعب لعضو <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/full_new_member_scenario.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: سيناريو كامل: عضو جديد<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#6366F108,#6366F104);border-radius:16px;border:1px solid #6366F120}.tut-header-icon{width:56px;height:56px;background:#6366F1;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#6366F160}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#6366F115;color:#6366F1;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">سيناريو كامل: عضو جديد</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="play-circle" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>سيناريو كامل: عضو جديد</h1><p>من التسجيل حتى استلام الكارنيه</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">الخطوة 1: التسجيل</h3><div class="tut-step-body">عضو جديد يأتي للنادي:
+<ul>
+<li>موظف شئون العضوية يُنشئ سجل عضو جديد</li>
+<li>يُدخل: الاسم + الرقم القومي + الهاتف + نوع العضوية</li>
+<li>الحالة: <span class="field">potential</span></li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">الخطوة 2: دفع الاستمارة</h3><div class="tut-step-body"><ul>
+<li>يُرسل طلب دفع 505 ج.م للخزينة</li>
+<li>العضو يذهب للكاشير ويدفع</li>
+<li>الحالة: <span class="field">under_review</span></li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">الخطوة 3: ملء الاستمارة</h3><div class="tut-step-body"><ul>
+<li>العضو يُكمل البيانات التفصيلية</li>
+<li>يرفع المستندات (صورة + رقم قومي + مؤهل)</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">4</div><h3 class="tut-step-title">الخطوة 4: المقابلة</h3><div class="tut-step-body"><ul>
+<li>تُجدول المقابلة</li>
+<li>الحالة: <span class="field">interview_scheduled</span></li>
+<li>بعد النجاح: <span class="field">accepted</span></li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">5</div><h3 class="tut-step-title">الخطوة 5: دفع العضوية</h3><div class="tut-step-body"><ul>
+<li>يختار: كاش أو تقسيط</li>
+<li>يُرسل طلب دفع (كامل أو مقدم)</li>
+<li>بعد الدفع: <span class="field">active</span></li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">6</div><h3 class="tut-step-title">الخطوة 6: إضافة التابعين</h3><div class="tut-step-body"><ul>
+<li>إضافة زوجة (مجاناً إن كانت الأولى)</li>
+<li>إضافة أبناء (حسب العمر)</li>
+<li>إضافة مؤقتين (والدين/مربية)</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">7</div><h3 class="tut-step-title">الخطوة 7: الكارنيه</h3><div class="tut-step-body"><span class="success">بعد تحقق كل الشروط (عضوية فعالة + لا مستحقات + صورة):
+يُصدر الكارنيه ← العضو يستلمه ← يبدأ استخدام النادي! 🎉</span>
+<div class="tut-diagram">ملخص الرحلة:
+potential → under_review → interview_scheduled → accepted → active
+    ↑           ↑                ↑                   ↑         ↑
+  إنشاء    دفع استمارة    جدولة مقابلة      قبول     دفع عضوية
+
+الزمن المتوقع: 1-4 أسابيع حسب جدول المقابلات</div></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/athletic-conversion"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> تحويل لاعب لعضو</a>
+        <span></span>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/honorary_membership.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: العضوية الشرفية<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#F59E0B08,#F59E0B04);border-radius:16px;border:1px solid #F59E0B20}.tut-header-icon{width:56px;height:56px;background:#F59E0B;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#F59E0B60}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#F59E0B15;color:#F59E0B;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">العضوية الشرفية</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="award" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>العضوية الشرفية</h1><p>عضوية بدون رسوم بقرار مجلس</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">ما هي العضوية الشرفية؟</h3><div class="tut-step-body"><ul>
+<li>عضوية مجانية بالكامل (بدون رسوم عضوية أو اشتراك سنوي)</li>
+<li>تُمنح بقرار مجلس الإدارة فقط</li>
+<li>لأشخاص لهم مساهمات بارزة (رياضيين سابقين، شخصيات عامة)</li>
+</ul>
+<span class="info">العضو الشرفي له كل حقوق العضو العادي في استخدام المرافق.</span></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">الإجراء</h3><div class="tut-step-body"><ul>
+<li>يُقدم اقتراح لمجلس الإدارة</li>
+<li>يصدر قرار رسمي برقم ومحضر</li>
+<li>يُسجل العضو في النظام بنوع <span class="field">شرفية (honorary)</span></li>
+<li>يُعفى تلقائياً من كل الرسوم</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">مميزات وقيود</h3><div class="tut-step-body"><div class="tut-diagram">المميزات:                      القيود:
+──────────────────────────    ──────────────────────────
+✅ بدون رسوم عضوية            ❌ لا يحق له التصويت
+✅ بدون اشتراك سنوي           ❌ لا يحق له الترشح
+✅ استخدام كل المرافق          ❌ قابلة للسحب بقرار مجلس
+✅ كارنيه مميز                 ❌ لا تُورث ولا تُنقل</div></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/membership-freeze-drop"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> التجميد والإسقاط</a>
+        <a href="/tutorials/membership/foreign-membership">العضوية الأجنبية <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/interview_process.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: المقابلات<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#0EA5E908,#0EA5E904);border-radius:16px;border:1px solid #0EA5E920}.tut-header-icon{width:56px;height:56px;background:#0EA5E9;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#0EA5E960}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#0EA5E915;color:#0EA5E9;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">المقابلات</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="message-square" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>المقابلات</h1><p>جدولة وإجراء مقابلة العضوية</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">متى تُجدول المقابلة</h3><div class="tut-step-body">بعد:
+<ul>
+<li>دفع رسوم الاستمارة ✓</li>
+<li>ملء الاستمارة بالكامل ✓</li>
+</ul>
+يمكن جدولة المقابلة عبر <span class="field">تغيير الحالة</span> إلى <span class="field">interview_scheduled</span>.</div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">جدولة المقابلة</h3><div class="tut-step-body">من ملف العضو > <span class="field">تغيير الحالة</span>:
+<ul>
+<li>اختر <span class="field">مجدولة للمقابلة</span></li>
+<li>حدد <span class="field">تاريخ المقابلة</span></li>
+<li>حدد <span class="field">المسؤول</span> عن إجراء المقابلة</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">نتيجة المقابلة</h3><div class="tut-step-body">بعد إجراء المقابلة:
+<ul>
+<li><strong>قبول</strong> → الحالة تتغير إلى <span class="field">accepted</span> → يمكن دفع العضوية</li>
+<li><strong>رفض</strong> → الحالة تتغير إلى <span class="field">rejected</span> → لا يُسترد رسم الاستمارة</li>
+</ul>
+<span class="success">بعد القبول، يُرسل النظام تنبيهاً للعضو لاستكمال سداد قيمة العضوية.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/children-aging"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> تقادم أعمار الأبناء</a>
+        <a href="/tutorials/membership/change-status">تغيير حالة العضوية <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/membership_freeze_drop.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: التجميد والإسقاط<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#06B6D408,#06B6D404);border-radius:16px;border:1px solid #06B6D420}.tut-header-icon{width:56px;height:56px;background:#06B6D4;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#06B6D460}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#06B6D415;color:#06B6D4;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">التجميد والإسقاط</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="snowflake" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>التجميد والإسقاط</h1><p>تجميد العضوية أو إسقاطها</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">التجميد (Freeze)</h3><div class="tut-step-body">تعليق مؤقت للعضوية:
+<ul>
+<li><strong>تجميد إداري</strong> — بقرار الإدارة (مخالفة / عدم سداد)</li>
+<li><strong>تجميد بطلب</strong> — بطلب العضو (سفر / ظروف صحية)</li>
+</ul>
+<div class="tut-diagram">أثناء التجميد:
+─────────────────────────
+❌ لا يمكن دخول النادي
+❌ لا يمكن استخدام المرافق
+❌ لا يُصدر كارنيه
+✅ الاشتراك السنوي لا يُحسب
+✅ يمكن إلغاء التجميد في أي وقت</div></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">الإسقاط (Drop)</h3><div class="tut-step-body">إنهاء العضوية نهائياً:
+<ul>
+<li><strong>إسقاط بعدم السداد</strong> — تأخر أكثر من سنة</li>
+<li><strong>إسقاط تأديبي</strong> — مخالفات جسيمة متكررة</li>
+<li><strong>إسقاط بالطلب</strong> — رغبة العضو في الانسحاب</li>
+</ul>
+<span class="warn">الإسقاط نهائي — لا يمكن إعادة تفعيل العضوية. العضو يحتاج لتقديم طلب جديد بالكامل.</span></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">إجراء التجميد/الإسقاط</h3><div class="tut-step-body">من ملف العضو > <span class="field">تغيير الحالة</span>:
+<ul>
+<li>اختر <span class="field">تجميد</span> أو <span class="field">إسقاط</span></li>
+<li>حدد السبب (إلزامي)</li>
+<li>المستوى المطلوب: التجميد (مدير القسم)، الإسقاط (مجلس الإدارة)</li>
+</ul></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/waiver-process"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> التنازل عن العضوية</a>
+        <a href="/tutorials/membership/honorary-membership">العضوية الشرفية <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/membership_pricing.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: تسعير العضوية<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#F59E0B08,#F59E0B04);border-radius:16px;border:1px solid #F59E0B20}.tut-header-icon{width:56px;height:56px;background:#F59E0B;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#F59E0B60}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#F59E0B15;color:#F59E0B;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">تسعير العضوية</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="calculator" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>تسعير العضوية</h1><p>حساب قيمة العضوية حسب المؤهل</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">آلية التسعير</h3><div class="tut-step-body">النظام يحدد قيمة العضوية تلقائياً بناءً على مؤهل العضو:
+<div class="tut-diagram">المؤهل            │ قيمة العضوية
+──────────────────┼─────────────
+مؤهل عالي        │ 150,000 ج.م
+مؤهل متوسط      │ 225,000 ج.م
+بدون مؤهل       │ 300,000 ج.م</div>
+<span class="info">الفكرة: كلما ارتفع المؤهل، قلت القيمة. هذا قرار مجلس الإدارة لتشجيع الكفاءات.</span></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">الفاتورة الكاملة</h3><div class="tut-step-body">النظام يحسب الفاتورة الكاملة تلقائياً:
+<ul>
+<li><span class="field">رسوم الاستمارة</span> — 505 ج.م (مدفوعة مسبقاً)</li>
+<li><span class="field">قيمة العضوية</span> — حسب المؤهل</li>
+<li><span class="field">خصم خاص</span> — إن وجد (عرض مجلس إدارة)</li>
+<li><span class="field">رسوم زوج/زوجة</span> — إن تمت الإضافة</li>
+<li><span class="field">رسوم أبناء</span> — إن تمت الإضافة</li>
+<li><span class="field">رسوم مؤقتين</span> — والدين/أشقاء/مربية</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">طرق السداد</h3><div class="tut-step-body">يمكن السداد بطريقتين:
+<ul>
+<li><strong>كاش</strong> — دفعة واحدة كاملة</li>
+<li><strong>تقسيط</strong> — مقدم 25% + باقي على 30 شهر بفائدة 22%</li>
+</ul>
+<span class="warn">لا يمكن تفعيل العضوية قبل سداد المبلغ كاملاً (كاش) أو سداد المقدم (تقسيط).</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/fill-form"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> ملء استمارة العضوية</a>
+        <a href="/tutorials/membership/pay-membership-cash">دفع العضوية كاش <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/new_member_registration.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: تسجيل عضو جديد<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#8B5CF608,#8B5CF604);border-radius:16px;border:1px solid #8B5CF620}.tut-header-icon{width:56px;height:56px;background:#8B5CF6;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#8B5CF660}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#8B5CF615;color:#8B5CF6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">تسجيل عضو جديد</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="user-plus" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>تسجيل عضو جديد</h1><p>إنشاء استمارة عضوية من الصفر</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">فتح صفحة الأعضاء</h3><div class="tut-step-body">من القائمة الجانبية: <span class="field">شئون العضوية</span> > <span class="field">الأعضاء</span>.</div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">إنشاء عضو جديد</h3><div class="tut-step-body">اضغط زر <span class="field">إضافة عضو جديد</span> في أعلى الصفحة.</div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">البيانات المطلوبة</h3><div class="tut-step-body"><ul>
+<li><span class="field">الاسم الكامل</span> — الاسم ثلاثي بالعربي</li>
+<li><span class="field">الرقم القومي</span> — 14 رقم (يُستخرج منه تاريخ الميلاد والنوع تلقائياً)</li>
+<li><span class="field">رقم الهاتف</span></li>
+<li><span class="field">نوع العضوية</span> — عاملة / موسمية / رياضية / شرفية / أجنبية</li>
+<li><span class="field">المؤهل</span> — عالي / متوسط / بدون (يحدد قيمة العضوية)</li>
+</ul>
+<span class="info">الحد الأدنى للعمر 21 سنة للعضوية العاملة. النظام يتحقق تلقائياً من الرقم القومي.</span></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">4</div><h3 class="tut-step-title">الحفظ</h3><div class="tut-step-body">عند الحفظ يتم:
+<ul>
+<li>إنشاء رقم استمارة تلقائي (form_number)</li>
+<li>تعيين حالة العضو = <span class="field">محتمل (potential)</span></li>
+<li>إنشاء سجل في جدول الأعضاء</li>
+</ul>
+<span class="warn">العضو لا يصبح فعالاً حتى يكمل كل الخطوات: دفع الاستمارة → ملء البيانات → المقابلة → دفع العضوية.</span></div></div>
+
+    <div class="tut-nav">
+        <span></span>
+        <a href="/tutorials/membership/pay-form-fee">دفع رسوم الاستمارة <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/pay_form_fee.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: دفع رسوم الاستمارة<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#05966908,#05966904);border-radius:16px;border:1px solid #05966920}.tut-header-icon{width:56px;height:56px;background:#059669;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#05966960}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#05966915;color:#059669;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">دفع رسوم الاستمارة</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="receipt" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>دفع رسوم الاستمارة</h1><p>إرسال طلب دفع 505 ج.م للخزينة</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">فتح ملف العضو</h3><div class="tut-step-body">من قائمة الأعضاء اضغط على اسم العضو لفتح ملفه.</div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">طلب دفع الاستمارة</h3><div class="tut-step-body">اضغط زر <span class="field">دفع رسوم الاستمارة</span>.<br>النظام يُنشئ طلب دفع بقيمة <strong>505 ج.م</strong> (500 رسوم + 5 دمغة).
+<span class="info">الطلب يظهر في شاشة الخزينة (الكاشير) تلقائياً عبر نظام طلبات الدفع.</span></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">تحصيل من الخزينة</h3><div class="tut-step-body">موظف الخزينة يفتح <span class="field">طلبات الدفع المعلقة</span> ويقوم بالتحصيل.
+<ul>
+<li>يتم تسجيل إيصال قبض</li>
+<li>يتم ترحيل قيد محاسبي تلقائي</li>
+<li>حالة العضو تتغير إلى <span class="field">under_review</span></li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">4</div><h3 class="tut-step-title">ماذا بعد؟</h3><div class="tut-step-body"><span class="success">بعد الدفع، يمكن للعضو ملء استمارة العضوية بالبيانات التفصيلية.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/new-member-registration"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> تسجيل عضو جديد</a>
+        <a href="/tutorials/membership/fill-form">ملء استمارة العضوية <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/pay_membership_cash.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: دفع العضوية كاش<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#10B98108,#10B98104);border-radius:16px;border:1px solid #10B98120}.tut-header-icon{width:56px;height:56px;background:#10B981;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#10B98160}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#10B98115;color:#10B981;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">دفع العضوية كاش</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="banknote" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>دفع العضوية كاش</h1><p>سداد قيمة العضوية دفعة واحدة</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">فتح شاشة الدفع</h3><div class="tut-step-body">من ملف العضو (بعد القبول) اضغط <span class="field">دفع قيمة العضوية</span>.</div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">مراجعة الفاتورة</h3><div class="tut-step-body">النظام يعرض:
+<ul>
+<li>قيمة العضوية الأساسية</li>
+<li>أي خصومات مطبقة</li>
+<li>رسوم التابعين (إن وجدت)</li>
+<li><strong>المبلغ الإجمالي المطلوب</strong></li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">إنشاء طلب الدفع</h3><div class="tut-step-body">اختر <span class="field">دفع كامل (كاش)</span> واضغط <span class="field">إرسال للخزينة</span>.
+<span class="info">يتم إنشاء طلب دفع واحد بالمبلغ الكامل ويظهر للكاشير.</span></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">4</div><h3 class="tut-step-title">التحصيل والتفعيل</h3><div class="tut-step-body">بعد التحصيل من الخزينة:
+<ul>
+<li>حالة العضو تتحول إلى <span class="field">active</span></li>
+<li>يتم ترحيل القيد المحاسبي</li>
+<li>يصبح العضو مؤهلاً لإصدار الكارنيه</li>
+</ul>
+<span class="success">العضوية أصبحت فعالة! يمكن الآن إصدار الكارنيه واستخدام مرافق النادي.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/membership-pricing"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> تسعير العضوية</a>
+        <a href="/tutorials/membership/pay-membership-installments">دفع العضوية بالتقسيط <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/pay_membership_installments.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: دفع العضوية بالتقسيط<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#06B6D408,#06B6D404);border-radius:16px;border:1px solid #06B6D420}.tut-header-icon{width:56px;height:56px;background:#06B6D4;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#06B6D460}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#06B6D415;color:#06B6D4;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">دفع العضوية بالتقسيط</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="calendar-range" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>دفع العضوية بالتقسيط</h1><p>مقدم 25% وتقسيط حتى 30 شهر</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">شروط التقسيط</h3><div class="tut-step-body"><div class="tut-diagram">نظام التقسيط:
+─────────────────────────────────────────
+المقدم:          25% من إجمالي المبلغ
+مدة التقسيط:    حتى 30 شهر
+الفائدة:         22% سنوياً على المتبقي
+─────────────────────────────────────────
+
+مثال: عضوية 150,000 ج.م
+├─ المقدم: 37,500 ج.م (يُدفع فوراً)
+├─ المتبقي: 112,500 ج.م
+├─ الفائدة: 112,500 × 22% = 24,750 ج.م
+├─ الإجمالي للتقسيط: 137,250 ج.م
+└─ القسط الشهري: 137,250 ÷ 30 = 4,575 ج.م</div></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">إنشاء خطة التقسيط</h3><div class="tut-step-body">اختر <span class="field">تقسيط</span> من شاشة الدفع:
+<ul>
+<li>النظام يحسب المقدم والأقساط تلقائياً</li>
+<li>يُنشئ طلب دفع للمقدم (يُرسل للخزينة)</li>
+<li>يُنشئ جدول أقساط شهري</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">دفع المقدم</h3><div class="tut-step-body">بعد تحصيل المقدم من الخزينة:
+<ul>
+<li>حالة العضو تتحول إلى <span class="field">active</span></li>
+<li>يبدأ جدول الأقساط من الشهر التالي</li>
+</ul>
+<span class="warn">التأخر عن سداد 3 أقساط متتالية يؤدي لتجميد العضوية تلقائياً.</span></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">4</div><h3 class="tut-step-title">متابعة الأقساط</h3><div class="tut-step-body">يمكن متابعة حالة الأقساط من:
+<ul>
+<li>ملف العضو > تبويب المالي</li>
+<li>تقارير الأقساط المستحقة</li>
+</ul>
+<span class="info">النظام يُرسل تنبيهات عند اقتراب موعد القسط وعند التأخر.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/pay-membership-cash"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> دفع العضوية كاش</a>
+        <a href="/tutorials/membership/special-discounts">الخصومات الخاصة <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/special_discounts.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: الخصومات الخاصة<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#EC489908,#EC489904);border-radius:16px;border:1px solid #EC489920}.tut-header-icon{width:56px;height:56px;background:#EC4899;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#EC489960}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#EC489915;color:#EC4899;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">الخصومات الخاصة</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="badge-percent" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>الخصومات الخاصة</h1><p>تطبيق خصم خاص أو عرض مجلس الإدارة</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">أنواع الخصومات</h3><div class="tut-step-body"><ul>
+<li><strong>خصم مجلس الإدارة</strong> — نسبة أو مبلغ ثابت بقرار</li>
+<li><strong>عرض موسمي</strong> — خصم لفترة محددة</li>
+<li><strong>خصم خاص</strong> — حالات استثنائية بموافقة</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">تطبيق الخصم</h3><div class="tut-step-body">من ملف العضو > <span class="field">الفاتورة</span> > <span class="field">إضافة خصم</span>:
+<ul>
+<li><span class="field">نوع الخصم</span> — نسبة أو مبلغ ثابت</li>
+<li><span class="field">القيمة</span> — النسبة أو المبلغ</li>
+<li><span class="field">السبب</span> — وصف السبب</li>
+<li><span class="field">رقم قرار مجلس الإدارة</span> — إن وجد</li>
+</ul>
+<span class="warn">الخصومات تحتاج موافقة مدير شئون العضوية أو أعلى. لا يمكن لأي موظف تطبيقها بدون صلاحية.</span></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">أثر الخصم</h3><div class="tut-step-body"><span class="info">الخصم يُطبق على الفاتورة قبل إنشاء طلب الدفع. إذا كان العضو اختار تقسيط، يتم إعادة حساب الأقساط بعد الخصم.</span>
+<span class="success">مثال: عضوية 150,000 − خصم 10% = 135,000 ج.م هي القيمة المطلوب سدادها.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/pay-membership-installments"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> دفع العضوية بالتقسيط</a>
+        <a href="/tutorials/membership/add-spouse">إضافة زوج/زوجة <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/transfer_separation.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: فصل الأبناء<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#F9731608,#F9731604);border-radius:16px;border:1px solid #F9731620}.tut-header-icon{width:56px;height:56px;background:#F97316;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#F9731660}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#F9731615;color:#F97316;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">فصل الأبناء</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="git-branch" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>فصل الأبناء</h1><p>فصل ابن/ابنة لعضوية مستقلة</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">حالات الفصل</h3><div class="tut-step-body"><ul>
+<li><strong>فصل تلقائي</strong> — عند بلوغ 25 سنة</li>
+<li><strong>فصل اختياري</strong> — بطلب من العضو أو الابن</li>
+<li><strong>فصل عند الزواج</strong> — البنت المتزوجة تُفصل تلقائياً</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">رسوم الفصل</h3><div class="tut-step-body"><div class="tut-diagram">مدة الارتباط بالعضوية │ نسبة الخصم من قيمة العضوية الكاملة
+────────────────────────┼───────────────────────────────────
+أقل من 5 سنوات        │ 60% من القيمة
+5 – 10 سنوات          │ 50% من القيمة
+10 – 15 سنة           │ 40% من القيمة
+أكثر من 15 سنة        │ 30% من القيمة
+────────────────────────┼───────────────────────────────────
+مثال: عضوية 150,000 + ابن 12 سنة ارتباط
+      = 150,000 × 40% = 60,000 ج.م رسوم الفصل</div></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">إجراء الفصل</h3><div class="tut-step-body">من ملف العضو الأب > <span class="field">التابعين</span> > اختر الابن > <span class="field">فصل</span>:
+<ul>
+<li>النظام يحسب الرسوم تلقائياً</li>
+<li>يُنشئ عضوية جديدة مستقلة للابن</li>
+<li>يُنشئ طلب دفع بالرسوم</li>
+<li>بعد الدفع تصبح العضوية الجديدة فعالة</li>
+</ul>
+<span class="success">الابن المفصول يحصل على عضوية عاملة كاملة بعد سداد رسوم الفصل.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/carnet-issuance"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> إصدار الكارنيه</a>
+        <a href="/tutorials/membership/divorce-transfer">تحويل عند الطلاق <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>

app/Modules/Tutorials/Views/membership/waiver_process.php

+<?php $__template->layout('Layout.main'); ?>
+<?php $__template->section('title'); ?>شرح: التنازل عن العضوية<?php $__template->endSection(); ?>
+<?php $__template->section('styles'); ?>
+<style>
+.tut-page{max-width:860px;margin:0 auto}.tut-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.tut-breadcrumb a{color:#6B7280;text-decoration:none}.tut-breadcrumb a:hover{color:#8B5CF6}.tut-breadcrumb span{color:#9CA3AF}.tut-header{display:flex;align-items:center;gap:18px;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#8B5CF608,#8B5CF604);border-radius:16px;border:1px solid #8B5CF620}.tut-header-icon{width:56px;height:56px;background:#8B5CF6;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-header h1{font-size:22px;font-weight:800;color:#1A1A2E;margin:0 0 4px}.tut-header p{font-size:14px;color:#6B7280;margin:0}.tut-step{position:relative;padding:20px 20px 20px 60px;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:border-color .2s}.tut-step:hover{border-color:#8B5CF660}.tut-step-num{position:absolute;right:18px;top:20px;width:32px;height:32px;background:#8B5CF615;color:#8B5CF6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.tut-step-title{font-size:15px;font-weight:700;color:#1A1A2E;margin:0 0 6px}.tut-step-body{font-size:13.5px;color:#374151;line-height:1.8}.tut-step-body ul{margin:8px 0;padding-right:18px}.tut-step-body li{margin-bottom:4px}.tut-step-body .field{display:inline-block;background:#F3F4F6;color:#1A1A2E;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:monospace;direction:ltr}.tut-step-body .warn{display:block;background:#FEF3C7;border:1px solid #F59E0B30;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#92400E}.tut-step-body .info{display:block;background:#DBEAFE;border:1px solid #3B82F630;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#1E40AF}.tut-step-body .success{display:block;background:#ECFDF5;border:1px solid #05966930;border-radius:8px;padding:10px 14px;margin:8px 0;font-size:12.5px;color:#065F46}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #E5E7EB}.tut-nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}.tut-nav a:hover{background:#EDE9FE;border-color:#8B5CF6;color:#7C3AED}.tut-diagram{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:16px 20px;margin:12px 0;font-family:monospace;font-size:12px;direction:ltr;text-align:left;line-height:1.6;overflow-x:auto}
+</style>
+<?php $__template->endSection(); ?>
+<?php $__template->section('content'); ?>
+<div class="tut-page">
+    <div class="tut-breadcrumb">
+        <a href="/tutorials"><i data-lucide="graduation-cap" style="width:14px;height:14px;"></i></a>
+        <span>/</span>
+        <a href="/tutorials/membership">شئون العضوية</a>
+        <span>/</span>
+        <span style="color:#1A1A2E;font-weight:600;">التنازل عن العضوية</span>
+    </div>
+    <div class="tut-header">
+        <div class="tut-header-icon"><i data-lucide="arrow-right-left" style="width:28px;height:28px;color:#fff;"></i></div>
+        <div><h1>التنازل عن العضوية</h1><p>تنازل لشخص آخر مع رسوم 30%</p></div>
+    </div>
+
+    <div class="tut-step"><div class="tut-step-num">1</div><h3 class="tut-step-title">ما هو التنازل؟</h3><div class="tut-step-body">التنازل هو نقل العضوية طوعياً لشخص آخر (ليس قريباً بالضرورة):
+<ul>
+<li>رسوم التنازل: <strong>30% من القيمة السوقية الحالية للعضوية</strong></li>
+<li>يحتاج موافقة مجلس الإدارة</li>
+<li>المتنازل له يخضع لنفس شروط العضوية الجديدة</li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">2</div><h3 class="tut-step-title">الإجراء</h3><div class="tut-step-body">من <span class="field">شئون العضوية</span> > <span class="field">تحويلات</span> > <span class="field">تنازل</span>:
+<ul>
+<li><span class="field">العضو المتنازل</span></li>
+<li><span class="field">المستفيد</span> — بيانات الشخص الجديد</li>
+<li><span class="field">سبب التنازل</span></li>
+</ul></div></div>
+
+    <div class="tut-step"><div class="tut-step-num">3</div><h3 class="tut-step-title">الخطوات</h3><div class="tut-step-body"><ol style="padding-right:18px;">
+<li>تقديم الطلب → ينتظر موافقة المجلس</li>
+<li>بعد الموافقة → يُحسب رسوم 30%</li>
+<li>يُنشئ طلب دفع للرسوم</li>
+<li>بعد الدفع → تُنقل العضوية</li>
+<li>المتنازل له يملأ استمارة جديدة</li>
+<li>يُصدر كارنيه جديد</li>
+</ol>
+<span class="warn">المتنازل يفقد كل حقوقه في العضوية نهائياً بعد إتمام التنازل.</span></div></div>
+
+    <div class="tut-nav">
+        <a href="/tutorials/membership/death-transfer"><i data-lucide="arrow-right" style="width:14px;height:14px;"></i> تحويل عند الوفاة</a>
+        <a href="/tutorials/membership/membership-freeze-drop">التجميد والإسقاط <i data-lucide="arrow-left" style="width:14px;height:14px;"></i></a>
+    </div>
+</div>
+<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
+<?php $__template->endSection(); ?>