kokowawa

app/Modules/SportsActivity/Controllers/LockerRentalController.php

@@ -106,7 +106,7 @@ class LockerRentalController extends Controller
 
         // Players
         $players = $db->select(
-            "SELECT id, full_name_ar, code FROM sa_players WHERE is_archived = 0 ORDER BY full_name_ar LIMIT 500"
+            "SELECT id, full_name_ar, registration_serial FROM sa_players WHERE is_archived = 0 ORDER BY full_name_ar LIMIT 500"
         );
 
         return $this->view('SportsActivity.Views.locker-rentals.create', [

app/Modules/SportsActivity/Views/locker-rentals/create.php

@@ -37,7 +37,7 @@
                         <option value="">-- اختر اللاعب --</option>
                         <?php foreach ($players as $player): ?>
                         <option value="<?= (int) $player['id'] ?>" <?= old('player_id') == $player['id'] ? 'selected' : '' ?>>
-                            <?= e($player['full_name_ar']) ?> (<?= e($player['code'] ?? '') ?>)
+                            <?= e($player['full_name_ar']) ?> (<?= e($player['registration_serial'] ?? '') ?>)
                         </option>
                         <?php endforeach; ?>
                     </select>

app/Modules/SportsActivity/Views/service-desk/index.php

@@ -4,20 +4,20 @@
 <?php $__template->section('content'); ?>
 <div style="margin-bottom:16px;">
     <!-- Lookup Bar -->
-    <div class="card" style="padding:16px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
-        <i data-lucide="search" style="width:20px;height:20px;color:#6B7280;"></i>
-        <input type="text" id="lookupNid" class="form-input" placeholder="الرقم القومي..." style="width:200px;direction:ltr;text-align:left;" maxlength="14">
-        <button type="button" id="lookupBtn" class="btn btn-primary" style="padding:8px 20px;">بحث</button>
-        <div id="memberInfo" style="flex:1;min-width:200px;"></div>
+    <div class="card" style="padding:20px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;">
+        <i data-lucide="search" style="width:24px;height:24px;color:#6B7280;"></i>
+        <input type="text" id="lookupNid" class="form-input" placeholder="الرقم القومي..." style="width:240px;direction:ltr;text-align:left;font-size:18px;padding:14px 16px;" maxlength="14">
+        <button type="button" id="lookupBtn" class="btn btn-primary" style="padding:14px 32px;font-size:16px;">بحث</button>
+        <div id="memberInfo" style="flex:1;min-width:200px;font-size:15px;"></div>
     </div>
 </div>
 
 <!-- Tabs -->
-<div style="display:flex;gap:0;border-bottom:2px solid #E5E7EB;margin-bottom:0;">
-    <button class="desk-tab active" data-tab="registration" style="padding:10px 20px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:600;color:#6B7280;border-bottom:2px solid transparent;margin-bottom:-2px;">تسجيل لاعب</button>
-    <button class="desk-tab" data-tab="booking" style="padding:10px 20px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:600;color:#6B7280;border-bottom:2px solid transparent;margin-bottom:-2px;">حجز ملعب</button>
-    <button class="desk-tab" data-tab="ticket" style="padding:10px 20px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:600;color:#6B7280;border-bottom:2px solid transparent;margin-bottom:-2px;">تذكرة نشاط</button>
-    <button class="desk-tab" data-tab="locker" style="padding:10px 20px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:600;color:#6B7280;border-bottom:2px solid transparent;margin-bottom:-2px;">إيجار لوكر</button>
+<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;">
+    <button class="desk-tab active" data-tab="registration"><i data-lucide="user-plus" style="width:28px;height:28px;display:block;margin:0 auto 8px;"></i>تسجيل لاعب</button>
+    <button class="desk-tab" data-tab="booking"><i data-lucide="calendar-check" style="width:28px;height:28px;display:block;margin:0 auto 8px;"></i>حجز ملعب</button>
+    <button class="desk-tab" data-tab="ticket"><i data-lucide="ticket" style="width:28px;height:28px;display:block;margin:0 auto 8px;"></i>تذكرة نشاط</button>
+    <button class="desk-tab" data-tab="locker"><i data-lucide="lock" style="width:28px;height:28px;display:block;margin:0 auto 8px;"></i>إيجار لوكر</button>
 </div>
 
 <!-- Tab: Registration -->
@@ -100,8 +100,28 @@
 </div>
 
 <style>
-.desk-tab.active { color:#2563EB;border-bottom-color:#2563EB; }
-.desk-tab:hover { color:#1F2937; }
+.desk-tab {
+    padding:24px 16px;
+    border:2px solid #E5E7EB;
+    background:#fff;
+    border-radius:12px;
+    cursor:pointer;
+    font-size:18px;
+    font-weight:700;
+    color:#6B7280;
+    text-align:center;
+    transition:all .15s;
+    min-height:100px;
+    display:flex;
+    flex-direction:column;
+    align-items:center;
+    justify-content:center;
+    -webkit-tap-highlight-color:transparent;
+    user-select:none;
+}
+.desk-tab:hover { background:#F9FAFB;border-color:#93C5FD; }
+.desk-tab:active { transform:scale(.97); }
+.desk-tab.active { background:#EFF6FF;border-color:#2563EB;color:#1D4ED8;box-shadow:0 4px 12px rgba(37,99,235,.15); }
 </style>
 
 <script>