Fix grid using 1-based segment indices: eliminate phantom empty row/column

Segments use 1-based row/col (R1C1 = row:1, col:1). The loop was starting
at 0, creating an empty row and column with no matching segments.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

resources/views/livewire/facilities/visual-schedule-builder.blade.php

@@ -296,11 +296,13 @@ class="relative border rounded-xl p-3 sm:p-4 text-start transition-all hover:sha
                 <div class="flex-1 overflow-auto p-3 sm:p-4">
                     @if(!empty($gridSegments))
                         @php
+                            $minRow = collect($gridSegments)->min('row') ?? 0;
                             $maxRow = collect($gridSegments)->max('row') ?? 0;
+                            $minCol = collect($gridSegments)->min('col') ?? 0;
                             $maxCol = collect($gridSegments)->max('col') ?? 0;
                             $isGrid = $maxRow > 0 || $maxCol > 0;
-                            $cols = $isGrid ? $maxCol + 1 : count($gridSegments);
-                            $rows = $isGrid ? $maxRow + 1 : 1;
+                            $cols = $isGrid ? ($maxCol - $minCol + 1) : count($gridSegments);
+                            $rows = $isGrid ? ($maxRow - $minRow + 1) : 1;
                             $surfaceType = $facility->type->value ?? 'other';
                         @endphp
 
@@ -315,25 +317,25 @@ class="flex items-center justify-center rounded-ss-lg bg-gray-100 hover:bg-blue-
                             </button>
 
                             {{-- Column headers --}}
-                            @for($c = 0; $c < $cols; $c++)
+                            @for($c = $minCol; $c <= $maxCol; $c++)
                                 <button @click="selectColByIndex({{ $c }})" type="button"
-                                    class="flex items-center justify-center bg-gray-50 hover:bg-blue-50 border-e border-b border-gray-200 text-[11px] font-semibold text-gray-500 hover:text-blue-700 transition-colors {{ $c === $cols - 1 ? 'rounded-se-lg' : '' }}"
-                                    title="{{ __('تحديد العمود') }} {{ $c + 1 }}">
-                                    C{{ $c + 1 }}
+                                    class="flex items-center justify-center bg-gray-50 hover:bg-blue-50 border-e border-b border-gray-200 text-[11px] font-semibold text-gray-500 hover:text-blue-700 transition-colors {{ $c === $maxCol ? 'rounded-se-lg' : '' }}"
+                                    title="{{ __('تحديد العمود') }} {{ $c }}">
+                                    C{{ $c }}
                                 </button>
                             @endfor
 
                             {{-- Rows with row headers --}}
-                            @for($r = 0; $r < $rows; $r++)
+                            @for($r = $minRow; $r <= $maxRow; $r++)
                                 {{-- Row header --}}
                                 <button @click="selectRowByIndex({{ $r }})" type="button"
-                                    class="flex items-center justify-center bg-gray-50 hover:bg-blue-50 border-e border-b border-gray-200 text-[11px] font-semibold text-gray-500 hover:text-blue-700 transition-colors {{ $r === $rows - 1 ? 'rounded-es-lg' : '' }}"
-                                    title="{{ __('تحديد الصف') }} {{ $r + 1 }}">
-                                    R{{ $r + 1 }}
+                                    class="flex items-center justify-center bg-gray-50 hover:bg-blue-50 border-e border-b border-gray-200 text-[11px] font-semibold text-gray-500 hover:text-blue-700 transition-colors {{ $r === $maxRow ? 'rounded-es-lg' : '' }}"
+                                    title="{{ __('تحديد الصف') }} {{ $r }}">
+                                    R{{ $r }}
                                 </button>
 
                                 {{-- Row cells --}}
-                                @for($c = 0; $c < $cols; $c++)
+                                @for($c = $minCol; $c <= $maxCol; $c++)
                                     @php
                                         $seg = collect($gridSegments)->first(fn($s) => ($s['row'] ?? 0) === $r && ($s['col'] ?? 0) === $c);
                                     @endphp
@@ -344,8 +346,8 @@ class="flex items-center justify-center bg-gray-50 hover:bg-blue-50 border-e bor
                                             $isExisting = $isOccupied && ($segAssignment['type'] ?? '') === 'existing';
                                             $isNewGroup = $isOccupied && ($segAssignment['type'] ?? '') === 'group';
                                             $isNewTrainer = $isOccupied && ($segAssignment['type'] ?? '') === 'trainer';
-                                            $isLastCol = $c === $cols - 1;
-                                            $isLastRow = $r === $rows - 1;
+                                            $isLastCol = $c === $maxCol;
+                                            $isLastRow = $r === $maxRow;
                                         @endphp
                                         <div
                                             @dragover.prevent="highlightSegment({{ $seg['id'] }})"
@@ -439,7 +441,7 @@ class="text-[10px] text-red-500 hover:text-red-700 hover:underline">{{ __('ال
                                         </div>
                                     @else
                                         {{-- Empty grid cell (no segment) --}}
-                                        <div class="bg-gray-50/50 {{ $c < $cols - 1 ? 'border-e' : '' }} {{ $r < $rows - 1 ? 'border-b' : '' }} border-gray-200"></div>
+                                        <div class="bg-gray-50/50 {{ $c < $maxCol ? 'border-e' : '' }} {{ $r < $maxRow ? 'border-b' : '' }} border-gray-200"></div>
                                     @endif
                                 @endfor
                             @endfor